- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Understanding ES6学习笔记
Chapter 1 let: 1.不能进行变量提升，所以变量一定要在声明后使用。 2.只在let所在的块内起作用。 3.let不允许在相同作用域内，重复声明同一个变量。在不同的作用域则可以。 4.ES5只有全局作用域和函数作用域，可能造成一些问题，如内层变量覆盖外层变量、for循环用来计数的循环变量泄露为全局变量等。let实际上为JavaScript新增了块级作用域。 const
2017-02-06 13:49:48
415
原创 js判断图片是否加载完成
Document onloading... var obj=new Image(); obj.src="images/4.jpg"; obj.onload=function(){ document.getElementById("pic").innerHTML=""; alert("图片加载完成"); } <!--
2016-10-21 11:07:12
651
原创 有意思的Chrome扩展（待更新）
1. LiveReload 保存即刷新，实时显示代码在网页的显示效果。 地址：https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=zh-CN 2. Fatkun图片批量下载 找出当前页面的所有图片。 地址：https://chrome.google.com
2016-10-17 18:31:52
602
转载 JavaScrit实现经典排序算法
转载来源：http://www.jianshu.com/p/1b4068ccd505 十大经典算法排序总结对比 一张图概括： 主流排序算法概览 名词解释： n: 数据规模 k:“桶”的个数 In-place: 占用常数内存，不占用额外内存 Out-place: 占用额外内存 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 冒泡排序（Bubble Sort）
2016-10-01 21:56:50
478
原创 canvas绘图小结
在使用元素之前，首先要检测getContext()方法是否存在。 var drawing=document.getElementById('drawing'); if(drawing.getContext){ var context=drawing.getContext("2d"); }1.基本操作：填充和描边 填充：context.fillStyle="pink"; 描边：contex
2016-10-01 20:35:59
283
转载 js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法：
2016-09-25 09:57:40
206
转载 前端冷知识集锦
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码
2016-09-04 21:53:48
328
原创 存储技术
有时需要将网页中的一些数据保存在浏览器端，这样做的好处是，当下次访问页面时，不需要再次向服务器请求数据，直接就可以从本地读取数据。目前常用的有以下几种方法： cookie cookie是网站为了标识用户身份而存储在用户本地终端上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带，即会在浏览器和服务器之间来回传递。无形中增加了网络流量，另外，cookie能存储的数
2016-08-22 16:12:51
374
原创 Git知识整理
一、Git是什么 git是目前最流行的分布式版本控制系统。 二、Git 建库 设置自己的名字及email $ git config --global user.name "Your Name" $ git config --global user.email "email@example.com" 创建一个版本库 $ mkdir learngit $ cd learngit $ pwd
2016-07-27 20:42:53
388
转载 深入理解javascript闭包
原文链接：http://www.jb51.net/article/24101.htm 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，
2016-07-27 11:09:52
237
原创 AJAX学习笔记
AJAX：异步请求，局部刷新。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 通过 AJAX，JavaScript 无需等待服务器的响应，而是： 在等待服务器响应时执行其他脚本 当响应就绪后对响应进行处理 一.XMLHttpRequest对象 用于和服务器交换
2016-07-26 10:17:52
231
原创 javascript动画框架实现宽高透明度变化
（1）实现样式依次变化本例为实现一个块，当鼠标移入时，先宽度增加，再高度变高，最后改变透明度；当鼠标移出时，先宽度减小，再高度变低，最后改变透明度。 untitled *{margin:0;padding:0;} ul li{list-style:none;} ul li{ width:200px; height:100px; background-color:#CD32
2016-07-25 12:39:40
384
原创 原生js实现——轮播图效果
实现点击左右箭头时滚动一张图片，当图片滚动到末尾时，响应的箭头变为不可点击状态，并实现图片随着鼠标滚动进行响应的滚动。 图片轮播展示 *{ padding:0; margin:0; } #slide{ width:900px; height:200px; p
2016-07-25 12:21:06
2384
原创 前端面试题
1. Doctype作用？标准模式与兼容模式各有什么区别? Doctype是Document Type（文档类型）的缩写，告诉浏览器用什么文档标准来解析文档。在标准模式中，浏览器根据标准规范呈现页面，在兼容模式中，页面以宽松的向后兼容方式显示。 2. HTML5 为什么只需要写 ？ HTML5不基于SGML，不需要对DTD进行引用，但仍需要Doctype来规范浏览器的行为。 3. 行内元
2016-07-19 22:12:20
218
原创 sublime设置快捷键打开特定浏览器
[ // ie { "keys": ["f1"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:\\UCBrowser\\Application\\UCBrowser.exe", "exten
2016-06-05 19:04:44
948
原创 简单倒计时效果
显示当前时间 *{margin:0;padding:0;} *{font-size:20px;} #show{ color:#669933; font-size:20px; width:400px; height:100px; text-align: center; line-height: 100px
2016-06-03 21:10:12
323
原创 封装函数获取样式
untitled *{margin:0;padding:0;} #odiv{ width:400px; height:200px; background-color:#CD3278; color:white; text-align:center; line-height:200px; font-size:20px; b
2016-06-02 14:38:59
363
原创 多物体运动
untitled *{margin:0;padding:0;} ul li{list-style:none;} ul li{ width:200px; height:100px; background-color:#CD3278; margin-bottom:20px; } window.onload=function(){ var ali=
2016-06-02 11:25:50
278
原创 javascript动画-鼠标移动到时隐藏块移出
(1)匀速移出 untitled *{margin:0;padding:0;} #odiv{ width:100px; height:200px; background-color:#CD3278; position:absolute; top:50
2016-06-02 09:47:20
323
原创 属性杂录
1.autocomplete input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值，很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到，可以在input中加入autocomplete="off" 来关闭记录，系统需要保密的情况下可以使用此参数。 2.ime-mode : auto | active | inactive | dis
2016-05-30 14:47:34
289
原创 DOM事件学习笔记
1.（1）DOM的0级事件 var btn=document.getElementById("btn"); btn.onclick=function(){ alert("hello"); } btn.onclick=null; //删除事件 （2）DOM的2级事件 btn.addEventListener('click',showmessage,
2016-05-29 13:48:41
281
转载 Javascript浮点数运算问题
JavaScript 只有一种数字类型 Number ，而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的，因为有些小数以二进制表示位数是无穷的： 十进制 二进制 0.1 0.0001 1001 1001 1001 ... 0.2 0.0011 0
2016-05-28 20:42:09
316
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人