前端开发
巴依尔13
努力的过程才能使内心强大
展开
-
知识体系
读web全栈工程师的自我修养在招聘初级工程师的时候考察应聘者对知识的掌握程度对浏览器兼容性的了解对HTML、CSS,JavaScript语法和原理的理解对编辑器和插件的熟悉程度对调试工具的了解程度对版本管理软件的了解程度对前端库、框架的使用标准,规范原创 2016-10-30 01:16:54 · 217 阅读 · 0 评论 -
js实现空心正方形边框循环高亮显示
效果图<body><div id="root"></div><script type="text/javascript"> var oRoot = document.getElementById('root'); function kongxinjuxing(n){ //画出空心矩形 for(var i=1; i<=n; i+原创 2017-04-20 22:23:24 · 1913 阅读 · 1 评论 -
.write()与innerHTML的区别
<script type="text/javascript"> window.onload = function(){ var oTestDiv = document.getElementById('testdiv'); oTestDiv.innerHTML = "<p>I love <em>Javascript</em>!</P>"; };原创 2017-04-20 22:26:49 · 1016 阅读 · 0 评论 -
js实现黑白div块画空心的矩形、三角形、菱形、圆形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>starts picture</title> <link rel="stylesheet" href="main.css"></head><body><script type="text/javascript"> /* 打印实心原创 2017-04-20 22:31:38 · 4123 阅读 · 0 评论 -
js实现单个div闪烁
function changeBorder(obj){ var timer = null; var i = 0; clearInterval(timer); obj.onmouseover = function(){ clearInterval(timer);转载 2017-04-20 22:51:24 · 2067 阅读 · 0 评论 -
Uncaught SyntaxError: Invalid or unexpected token 报错什么意思
翻译下: uncaught:未捕获; syntax: 语法; invalid:无效的; unexpected: 意外的; token:表征,记号; 一般就是符号中文打出来的转载 2017-04-21 17:20:53 · 104470 阅读 · 1 评论 -
js实现添加、删除ul行
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>任务一</title> <link rel="stylesheet" href="main.css"></head><body><p id="top">支付宝信息</p><input id="inputInfo" typ原创 2017-04-24 16:21:44 · 4636 阅读 · 0 评论 -
浏览器渲染页面过程
当了解web访问原理后,与前端工程师或页面重构师工作更为关系密切的应该是浏览器,WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验, 特别是浏览器渲染页面的原理,页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程,理解了原理就更会容易理解前端优化的一些准则。主要过程:(主要参考文章:http://www.webskys.com/转载 2017-08-20 21:44:19 · 430 阅读 · 0 评论 -
swiper在微信服务号中不能滑动
swiper轮播图还是蛮好用的,放到微信服务号上,发现并不能滑动,百度之,原文列出几个问题;我这里是:swiper 初始化 放在ajax请求回调函数里面,不然搞不清滑动几个页面转载 2017-08-21 16:09:54 · 2039 阅读 · 0 评论 -
scrollTop, scrollLeft 滚动条距离
滚动条滚动距离 `document.documentElement.scrollTop // ie, ff document.body.scrollTop; //chrome兼容处理var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;一个原创 2017-04-06 09:52:16 · 1600 阅读 · 0 评论 -
event事件
event: 事件对象,当一个事件发生的时候,与当前这个对象发生的这个事件相关的详细信息都会保存到一个指定的地方— event对象中,供我们需要的时候调用,类似于飞机的黑匣子的作用。兼容ie/chrome: event是一个内置的全局的对象; 内部是 var event; 只是初始化没有赋值; 事件对象event必须在一个事件调用的函数中使用才有内容,一个函数在被 .onclick等事原创 2017-04-06 08:49:20 · 429 阅读 · 0 评论 -
我的脚本库
给window.onload添加多个函数function addloadEvent(func){ var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = functio原创 2017-04-04 21:06:20 · 567 阅读 · 0 评论 -
重温HTTP
为了理解HTTP,我们有必要事先了解下TCP/IP协议族。我们通常使用的网络是在TCP/IP的基础上运作的,而HTTP是属于他的一个子集。TCP/IP计算机与网络上的设备要互相通信,双方就要基于相同的方法。如何探测到通信目标、由哪一边先发起通信,使用什么语言进行通信,怎样结束通信等等规则都要事先确定好。而这种规则就是协议protocol。 互联网相关联的协议集合起来总称为TCP/IP。TCP/IP原创 2017-03-02 23:09:45 · 405 阅读 · 0 评论 -
每日积累(2017.03.10)
每日积累原创 2017-03-12 11:58:27 · 262 阅读 · 0 评论 -
JavaScript进阶讲解
JavaScript讲解很不错转载 2017-03-12 12:00:45 · 283 阅读 · 0 评论 -
JavaScript图片切换实现
JavaScript实现图片切换原创 2017-03-23 17:22:56 · 639 阅读 · 0 评论 -
轻松搞定JavaScript预解析
hey,guys!我们一起总结一下JS预解析吧!转载 2017-03-26 10:24:18 · 356 阅读 · 0 评论 -
分析一个JavaScript预解析的题
上一篇转了预解析的总结,学习了,感谢! 下面找了个综合的题目来一步步剖析…原创 2017-03-26 12:13:04 · 540 阅读 · 0 评论 -
js 实现隔行变色
隔行变色原创 2017-03-26 23:39:43 · 1211 阅读 · 0 评论 -
给submit提交按钮添加点击事件(JavaScript)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head><body> <label>请输入北京今天空气质量:<input id="aqi-input" type="text"></label> <button id="button原创 2017-03-17 08:26:19 · 31635 阅读 · 4 评论 -
location.hash学习
一、#的涵义# 代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如, http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。为网页位置指定标识符,有两个方法。一是使用锚点,比如<a name="print"></a>二是使用id属性,比如<div id=转载 2017-08-22 06:55:45 · 310 阅读 · 0 评论