- 博客(23)
- 收藏
- 关注
原创 跨域详解
什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域) http://www.123.com/index.html 调
2017-10-16 10:20:52
357
原创 陶哲轩的数学题
在机场中,你想从A点前往B点。(为了将问题简化,假设机场是一条线性通道。)一些区域有电动扶梯(双向的),另一些区域没有。你的步行速度恒定为v,电动扶梯的运行速度为u,因此在扶梯上,你的实际速度为v+u。(显然,你不会搭乘与你前进方向不一致的扶梯。)你的目标是尽可能快地从A点到达B点。假定你需要暂停片刻,比如系鞋带。请问你应该在电动扶梯上系,还是在没有上电动扶梯时系?假定两种情况下,系鞋带的时间相同
2017-09-21 14:06:17
2396
原创 ES6——进阶
import export//假设我们有两个js文件: index.js和content.js,现在我们想要在index.js中使用content.js返回的结果,我们要怎么做呢?//content.jsexport default 'A cat' export function say(){ return 'Hello!'} export const type = 'd
2017-08-21 17:44:24
284
原创 ES6语法入门——下
template string$("#result").append( "There are <b>" + basket.count + "</b> " + "items in your basket, " + "<em>" + basket.onSale + "</em> are on sale!");//es5$("#result").append(` There are
2017-08-21 16:21:02
282
原创 ES6语法入门——上
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。最常用的ES6特性let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments这些是
2017-08-14 16:16:29
304
原创 call apply的区别
1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 G
2017-05-08 18:01:40
319
原创 js原型与原型链的理解
原型对象 在JavaScript 中,每当定义一个对象(函数)时候,对象中都会包含一些预定义的属性。其中函数对象的一个属性就是原型对象 prototype。注:普通对象没有prototype,但有_proto_属性(凡是通过 new Function() 创建的对象都是函数对象,其他的都是普通对象)。原型对象是用来做什么的呢?主要作用是用于继承。举了例子: var person = fun
2017-05-08 16:07:02
337
原创 Flexible实现H5页面的终端适配
设计师和前端开发的适配协作基本思路是:选择一种尺寸作为设计和开发基准定义一套适配规则,自动适配剩下的两种尺寸(其实不仅这两种,你懂的)特殊适配效果给出设计效果lib-flexible是什么? lib-flexible是一个制作H5适配的开源库。点击下载使用方法<script src="build/flexible_css.debug.js"></script><script sr
2017-04-13 19:20:02
425
原创 jquery绑定事件
bind()向匹配元素添加一个或多个事件处理器。 $(selector).bind(event,data,function)live() 向当前或未来的匹配元素添加一个或多个事件处理器; $(selector).live(event,data,function)delegate() 为指定的元素(被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegat
2017-04-12 17:57:30
340
原创 js事件的三个阶段
事件的三个阶段:捕获,目标,冒泡。 捕获阶段:从外到内,监听中设置为true,子类事件不产生 目标阶段:点击的目标 冒泡阶段:从内到外stopPropagation 阻止冒泡的好处,防止子元素的父类元素被点击而触发子类事件。
2017-04-11 16:11:32
717
原创 小程序第一课
开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/structure.html 开发者工具:https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html#.E4.B8.8B.E8.BD.BD.E5.9C.B0.E5.9D.80
2017-03-30 10:23:05
256
原创 页面适配的一点方法
高度百分比 高度百分比方案——整个屏幕的主要高度都用百分比定位,比如介绍部分占高度的百分之30,点击抢红包部分占剩下的百分之70。 优点——易于理解好上手 缺点——由于行内样式,行间样式和它们的父子元素具有复杂的宽高关系,因此内部,比如介绍部分的内部的诸多元素想必还要用到px,em等定位方式,因此不那么和谐和有保障,容易小屏溢出或者大屏留白。在这个页面表现为倒计时文字部分和帮谁谁谁
2017-03-23 16:25:12
612
原创 jquery实现简单的轮播动画
css * { margin: 0; padding: 0; } ul { list-style: none; } .slideShow {
2017-03-23 10:23:51
1375
1
原创 Position属性四个值区别和用法
1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。2、relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。可通过z-index进行层次分级。 3、absolute(绝对定位):生成绝对定位的元素,相对于 s
2017-02-20 17:55:43
10476
原创 雅虎14条性能优化原则
尽可能的减少 HTTP 的请求数 [content]使用 CDN(Content Delivery Network) [server]添加 Expires 头(或者 Cache-control ) [server]Gzip 组件 [server]将 CSS 样式放在页面的上方 [css]将脚本移动到底部(包括内联的) [javascript]避免使用 CSS 中的 Expressions
2017-02-09 17:04:43
984
原创 类型转换
JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;var a={"name":"tom","sex":"男","age":"24"}; var b='{"name":"Mike","sex":"女","age":"29"}'; var aToStr=JSON.stringify(a); var bToObj=JSON.pa
2017-02-09 11:33:31
201
原创 js闭包的理解
function f1(){ n=999; function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999什么是闭包: 上一节代码中的f2函数,就是闭包。闭包就是能够读取其他函数内部变量的函数。闭包的用途: 闭包可以用在许多地方。它的最大用处有两个,一个是前
2017-02-08 15:07:52
299
原创 jsonp跨域
1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准; 2、不过我们又发现,Web页面上调用js文件时则不受是否跨域的影响(不仅如此,我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力,比如
2017-02-07 17:14:03
247
原创 一些前端开发实用的函数—2(jquery)
传参<span onclick='viewDetail(this,""+data.CustomerNM+"",""+data.ApplyillID+"")'><td style='width: 90px;cursor: pointer;'>" +"<div class='cazuanniu1_nmh' ApplyBillID='"+rptdata.da
2016-07-15 10:18:04
261
原创 ajax实例(jquery)
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="utf-8"><title>退信申请记录</title><script src="../../../JS/loading.js
2016-07-15 10:00:03
260
原创 一些前端开发实用的函数—1(jquery)
一些前端开发实用的函数—1(jquery):获取src后面的参数 function getURLParameter(name) { var param = decodeURIComponent((new RegExp(‘[?|&]’ + name + ‘=’+ ([^&;]+?)(&|#|;|$)’).exec(location.search) || [ , “” ])[1]
2016-07-13 16:55:54
503
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人