- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 Understanding ES6学习笔记
Chapter 1let: 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-CN2. Fatkun图片批量下载找出当前页面的所有图片。地址:https://chrome.google.com
2016-10-17 18:31:52 605
转载 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
原创 存储技术
有时需要将网页中的一些数据保存在浏览器端,这样做的好处是,当下次访问页面时,不需要再次向服务器请求数据,直接就可以从本地读取数据。目前常用的有以下几种方法:cookiecookie是网站为了标识用户身份而存储在用户本地终端上的数据(通常经过加密)。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 2385
原创 前端面试题
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 279
原创 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.autocompleteinput 的属性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关注的人