⑴ 前端css怎么实现一闪一闪的特效
<!DOCTYPEhtml>
<html>
<head>
<style>
div{
width:100px;
height:100px;
border:1pxsolidblack;
position:absolute;
}
#ddd{
background-color:blue;
}
#df
{
background-color:red;
animation:mymove1sinfinite;
-webkit-animation:mymove1sinfinite;/*SafariandChrome*/
}
@keyframesmymove
{
from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframesmymove/*SafariandChrome*/
{
from{opacity:none;}
to{opacity:block;}
}
</style>
</head>
<body>
<divid="ddd"></div>
<divid="df"></div>
</body>
</html>
⑵ 刚刚在天上看到一道很细的云，在移动，前端还有发光体，请问那是什么呀
亲，是喷气式飞机。
⑶ 前端开发中常用到的js特效有哪些
HTML5 DOM 选择器
// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll('.item');console.log(items[0]);1234567
阻止默认行为
// 原生jsdocument.getElementById('btn').addEventListener('click', function (event) { event = event || window.event； if (event.preventDefault){ // w3c方法 阻止默认行为
event.preventDefault();
} else{ // ie 阻止默认行为
event.returnValue = false;
}
}, false);// jQuery$('#btn').on('click', function (event) { event.preventDefault();
});1234567891011121314151617
阻止冒泡
// 原生jsdocument.getElementById('btn').addEventListener('click', function (event) { event = event || window.event； if (event.stopPropagation){ // w3c方法 阻止冒泡
event.stopPropagation();
} else{ // ie 阻止冒泡
event.cancelBubble = true;
}
}, false);// jQuery$('#btn').on('click', function (event) { event.stopPropagation();
});1234567891011121314151617
鼠标滚轮事件
$('#content').on("mousewheel DOMMouseScroll", function (event) {
// chrome & ie || // firefox
var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1));
if (delta > 0) {
// 向上滚动
console.log('mousewheel top');
} else if (delta < 0) { // 向下滚动
console.log('mousewheel bottom');
}
});123456789101112
检测浏览器是否支持svg
function isSupportSVG() {
var SVG_NS = 'http://www.w3.org/2000/svg'; return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect;
}
// 测试console.log(isSupportSVG());1234567
检测浏览器是否支持canvas
function isSupportCanvas() {
if(document.createElement('canvas').getContext){ return true;
}else{ return false;
}
}// 测试，打开谷歌浏览器控制台查看结果console.log(isSupportCanvas());12345678910
检测是否是微信浏览器
function isWeiXinClient() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
} else {
return false;
}
}// 测试alert(isWeiXinClient());1234567891011
jQuery 获取鼠标在图片上的坐标
$('#myImage').click(function(event){
//获取鼠标在图片上的坐标
console.log('X：' + event.offsetX+'\n Y:' + event.offsetY);
//获取元素相对于页面的坐标
console.log('X：'+$(this).offset().left+'\n Y:'+$(this).offset().top);
});1234567
验证码倒计时代码
<!-- dom --><input id="send" type="button" value="发送验证码">12
// 原生js版本var times = 60, // 临时设为60秒
timer = null;
document.getElementById('send').onclick = function () {
// 计时开始
timer = setInterval(function () {
times--; if (times <= 0) {
send.value = '发送验证码';
clearInterval(timer);
send.disabled = false;
times = 60;
} else {
send.value = times + '秒后重试';
send.disabled = true;
}
}, 1000);
}
// jQuery版本var times = 60,
timer = null;
$('#send').on('click', function () {
var $this = $(this); // 计时开始
timer = setInterval(function () {
times--; if (times <= 0) {
$this.val('发送验证码');
clearInterval(timer);
$this.attr('disabled', false);
times = 60;
} else {
$this.val(times + '秒后重试');
$this.attr('disabled', true);
}
}, 1000);
});2122
常用的一些正则表达式
//匹配字母、数字、中文字符
/^([A-Za-z0-9]|[\u4e00-\u9fa5])*$/
//验证邮箱
/^\w+@([0-9a-zA-Z]+[.])+[a-z]{2,4}$/
//验证手机号
/^1[3|5|8|7]\d{9}$/
//验证URL
/^http:\/\/.+\./
//验证身份证号码
/(^\d{15}$)|(^\d{17}([0-9]|X|x)$)/
//匹配中文字符的正则表达式
/[\u4e00-\u9fa5]/
//匹配双字节字符(包括汉字在内)
/[^\x00-\xff]/
js时间戳、毫秒格式化
function formatDate(now) {
var y = now.getFullYear(); var m = now.getMonth() + 1; // 注意js里的月要加1
var d = now.getDate(); var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds(); return y + "-" + m + "-" + d + " " + h + ":" + m + ":" + s;
}
var nowDate = new Date(2016, 5, 13, 19, 18, 30, 20);
console.log(nowDate.getTime()); // 获得当前毫秒数: 1465816710020console.log(formatDate(nowDate));123456789101112131415
js限定字符数（注意：一个汉字算2个字符）
<input id="txt" type="text">//字符串截取function getByteVal(val, max) {
var returnValue = ''; var byteValLen = 0; for (var i = 0; i < val.length; i++) { if (val[i].match(/[^\x00-\xff]/ig) != null) byteValLen += 2; else byteValLen += 1; if (byteValLen > max) break;
returnValue += val[i];
} return returnValue;
}
$('#txt').on('keyup', function () {
var val = this.value; if (val.replace(/[^\x00-\xff]/g, "**").length > 14) { this.value = getByteVal(val, 14);
}
});12345678910111213141516171819
js判断是否移动端及浏览器内核
var browser = {
versions: function() {
var u = navigator.userAgent;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Firefox') > -1, //火狐内核Gecko
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android
iPhone: u.indexOf('iPhone') > -1 , //iPhone
iPad: u.indexOf('iPad') > -1, //iPad
webApp: u.indexOf('Safari') > -1 //Safari
};
}
}
if (browser.versions.mobile() || browser.versions.ios() || browser.versions.android() || browser.versions.iPhone() || browser.versions.iPad()) {
alert('移动端');
}21
之前我用过一个检测客户端的库 觉得挺好用的，也推荐给大家 叫 device.js，大家可以 Googel 或 网络
GItHub仓库地址：https://github.com/matthewhudson/device.js
getBoundingClientRect() 获取元素位置
//它返回一个对象，其中包含了left、right、top、bottom四个属性var myDiv = document.getElementById('myDiv');var x = myDiv.getBoundingClientRect().left;
var y = myDiv.getBoundingClientRect().top;
// 相当于jquery的： $(this).offset().left、$(this).offset().top // js的：this.offsetLeft、this.offsetTop123456
HTML5全屏
function fullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}}
fullscreen(document.documentElement);12345678910111213
⑷ 前端css怎么实现一闪一闪的特效
这个太简单了因为群3是02年的游戏 那时候宽屏显示器还不流行游戏不支持宽屏的 所以你一定用的宽屏的 对吧解决方法 进入游戏屏幕闪 按SHIFT+ALT 切换一下输入法就解决
⑸ 设计图内发光前端开发怎么实现
box-shadow: 0px 0px 10px rgba(255,255,0,0.5) inset
内阴影模拟
⑹ 网站建设他主要是做那些
网站建设虽然听起来很简单，如果按定制型网站去做，里面的细节还是非常多的。
基础准备：
域名、服务器、网站备案，这是三块是最基础的，一般网络公司都会全包掉
资料整理：
对于客户来说，资料是很头痛的一块，首页的资料整理，内页的资料整理，最多的就是产品的资料整理，这是一个漫长的体力活
网页设计：
设计前端是与网络公司相互配合协商的，不能一味的靠网站公司，要详细的与供应商沟通里面的细节，功能，达到最大化的工作效率
前端切图：
页面设计确认了，下面一步就是让我们动起来，前端配合一些特效，如远近关系，变色，异步等等，让网站有可玩性
后台开发：
开发后台是为了让我们更好更快的维护网站，相比于在代码里面修改，后台就便捷了很多，要做到前台栏目与后台栏目一一对应
维护售后：
后期维护包含培训与技术支持，一家靠谱的供应商，售后都是做的很不错的，减少客的投诉率，让双方成为长期的合作伙伴
⑺ web前端找工作的一个问题，请同行进来帮忙解答下
写给“正在纠结”、“准备纠结”的前端开发们，希望对大家求职有所帮助：
给自己定位
很多人提出薪资要求的时候，会说：“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”，所以，至少拿多少多少的工资，才满足自己
的需求。如果说这些话的人，已经是公司的老员工，和老板私人关系很不错，那这么讲还凑合。但如果是职场新人，首次过来应聘，谈这些就很不在点上。你拿多少
钱的薪水，是你能够给公司贡献多少价值来决定的，跟物价没多大关系。
要确认自己的价值，审视一下自己掌握了什么技术，了解市场现在的行情。
就现在来说（2011年6月）：
实习生：1500-3000 / 月
掌握基本的计算机常识，对网页制作感兴趣，爱学习。
网页重构：3k-6k / 月
精通xhtml+css，掌握标签语义化、基本的js、良好的沟通能力
前端开发：6k-30k / 月
精通以上内容，并掌握：UE、交互、性能优化、后端、数据、SEO、运营、分析能力
实习生要有个实习生的样子，刚毕业开口就要5000，直接就石沉大海了。你值5000吗？为什么？
理论上，在跟人事谈薪水之前，要对自己有准确的定位。
搞清楚这个岗位会有多少人竞争。如果你半年就能学明白的东西，那别人也不笨。
北京这地方真的不缺实习生。没有绝对的实力，开价过高，只能换一句“谢谢，再见”
搞清楚自己掌握的东西，值多少。
别被某些不良的培训公司所误导，学半年就能找一份五位数薪资的工作？？不可能的。
这是劳动力密集的城市哎！珍惜每一次机会！
职业规划
月薪2000块，每周培训的实习机会？ 月薪3000块，重复劳动的养老机会？
选哪个？
前端是个高速迭代的行业，几年前还没有这个概念。掌握一些页面仔的技术就能横着走了。
而放眼现在，再展望未来，技术在很短的时间就更新了一遍，逆水行舟，不进则退。
当然我们可以扎在一个地养老，每年涨10%的薪水，固守着一成不变的技术就混下去，也给自己印上“前端工程师”的名片，出去发一发。没有困难，没有压力。打杂并快乐着。
可是给自己算一笔帐，人家五年来学到了什么，你学到了什么？
再过五年呢？
2007年，小A进了一家小公司，月薪3000块，改页面他说了算，威风八面。
2007年，小B去了一家大公司，月薪2000块，打杂实习啥都干，苦不堪言。
2008年，小A建站的熟练功涨了许多，薪水调整到3500块。
2008年，小B纠缠各个同事学了许多，转正调整到3000块。
2009年，小A工作很轻松，上班聊天灌水泡论坛，薪资涨到4000块。
2009年，小B压力仍很大，每天参加培训学技术，薪资涨到5000块。
2010年，小A还是小A，还是个切图仔，月薪竟然5000块了，更坚定的舒舒服服待在这。
2010年，小B还是小B，前端基本精通，月薪涨到8000块了，各种学习各种挑战各种难。
2011年，小A还在那家小公司，还是那些技术，4位数月薪的小白领。只能在一家公司吃的开。
2011年，小B又扛压熬了一年，前端样样精通，5位数月薪的小白领。各个公司都在抢的人才。
上面字太多、太啰嗦了，你就问自己一句：离开现在这个公司，我值多少钱？？工作好找吗？？？
当然快乐没错，现在就轻松的活着，其实比老年时候再去玩，幸福的多。
如果有个国企养老，是个很不错的选择，混吃等死，反正不被开除。就怕在一个小公司里，梦想着从一而终……
《超级解霸》都被整怂了！！
社会每天都在进步，你就不怕有一天怂了？坐吃山空，学点东西，总比“连连看”强。（别跟别人比，人家有好老公，你有吗？）
人在哪都一样，学的好、学不好，跟公司没太大关系。看一个人，往后看十年。
进一个公司，别总盯着那差价的1000块钱，看看这有没有自己的发展机会，是不是每天在做没有技术含量的工作，有没有同事可以带自己，有没有其他部门的合作可以学点技术，能否接触到自己想学的那部分内容。当你觉得特别难熬的时候，扛住，你就要爆发了！
当你觉得每天都很轻松的时候，不妨去给自己找点麻烦，搞点项目挑战一把。常问自己一句，我进步了吗？
这符合我的职业规划吗？下一步学什么？
不相干的东西别放在简历上
这些天看《职来职往》，某求职男开场就吼了一嗓子，唱歌难听可以理解，毕竟不是竞聘歌唱家的工作。可问题也就在这，你又不是去找文艺工作，闲着没事唱什么歌啊……更纠结的是，昨天收了一份简历，上面色彩斑斓的放着一句话：HOиēΥ…°莪 想 你 Dê r 候、≈. 迩 ° 不 乜 好 在 ≮ 想 莪≯如果是个非主流的漂亮妞，也就算了。最多说一句孩子真个性。
问题还是一个大老爷们，给我整这个……
问题是这爷们附带的照片也不是我的菜……发简历之前，咱能不能再看一遍，有啥不妥当的是不是该删掉？
把3页的简历缩成2页，再减到1页，挑重点写。想清楚什么是最重要的？
再换位思考，想清楚什么是对方认为最重要的？扎眼望去“°莪 想 你 Dê r 候 title=”发光字””，再翻简历又没什么料，谁还继续谈？
这真是人才荒的年代，不然我都不会点开那份简历，看到火星文就迅速回避了。勇于承担这个职业赋予我们与各个领域打交道的机会。除了常常需要PK的产品、设计、后端。
页面转化率、网站负载、市场活动、专题、SEO让我们有机会涉及到运营。
网站性能优化可以接触到服务器，数据存储，数据统计。
人才紧缺，四处挖墙角，锻炼沟通能力、招聘能力。除了xhtml css javaScript，我们还可以做很多很多的事情。这是个可以影响“互联网、移动互联网”方方面面的职业。
自己用点心，就能有很多机会。当压力无可逃避，改变一下自己对压力的看法吧，咱们是牛逼的前端开发。
原文转载：uicss.cn/get-a-job/
看你这么纠结，推荐你去找找前端的这种类型的文章，
⑻ 怎么做一个网站现在只会用HTML5和css3做前端，特效找网上的代码，然后后台呢怎么做完整的
首先，不知道你要做什么类型的网站，只会html5和css3怎最多能排下页面，如果js不会写的话你很难交互，或者你页面数据填充直接用后台写吧，后台现在一般java或php的，个人的一般php搞定，其实如果你有一两编程门语言基础，php很快入手的，如果你根本没有，那你还是先学习变成语言吧，当然html5根本不算编程语言。
补充：网上完整的网站模板挺多的，当然是包括前后端的，我用过的有discuz，phpwind还有worldpress。。。其实你刚学的话感觉还是打好基础先，不理解看不懂，别人的东西还是别人的。
⑼ 做网页必须要用PHP和js吗
1、首先，你要分清楚，写网站分为前段和后端。前段就是展示页面，所用技术就是HTML，css，js.后端就是PHP，Python， java ,ruby等等。
做个比喻，HTML让网站有了骨架，css让网站有了色彩，js让网站能够动态。而后端的语言PHP就是让网站有了思想。
2、js用于前端交互，php用于后台逻辑操作；
做网页前端你可以不用js，但是很多功能无法实现，后台不用php当然可以，后台语言并不止php，可以用java，python等等；
3、做网站的服务器端语言有：asp、asp.net 、php 、java 、 Python ....
做网站的前端端语言有：css 、 html 、 html5 、 javascript 、 jquery ....
必选：其中一门 服务端语言(后端) + html(或者html5) + css（网站样式）+javascript(前端特效/必要时需要jquery)