- 博客(36)
- 收藏
- 关注
RSS订阅原创 python读写
写 def code(): with open('test.txt', 'w', encoding='utf-8') as f: for i in range(0,50000): f.write('%s\n'% (random.randint(0,100000))) code() 读def getdistrictcode(): ...
2018-06-22 01:50:51
169
转载 验证xxxx-xx-xx xx:xx:xx格式的日期，不含闰年
jQuery.validator.addMethod("time_formatter", function(value, element) { var reg = /^(\d{4})-((0([1-9]{1}))|(1[0|1|2]))-(([0-2]([0-9]{1}))|(3[0|1]))\s([01][0-9]|2[0-3]):([0-5][0-9]):([0-5][0-9])$/; ...
2018-05-04 00:16:12
1260
转载 vue 简易购物车
new Vue({ el:"#app", data:{ shopListArr:[], isSelectAll:false, totalPrice:0, isHidePanel:true, currentShop:{} }, //组件已经加载完毕，请求网络数据和业务处理 mount...
2018-04-25 00:06:52
249
转载 css calc计算属性
width:calc(50%-20px);这样书写是无效的因为calc中计算的两个因子同运算符号之间必须存在空格；正确：width:calc(50% - 20px);
2018-04-17 20:03:12
1500
转载 easyui layout布局问题
$('#container').layout('panel','west').panel({ onExpand:function(){ onWindowResize(); }, onCollapse:function(){ onWindowResize(); } });function onWindowResize(){ ...
2018-04-17 18:12:13
635
转载 width
IEid.style.width = "100"; //只带数值，不会出错id.style.width = "100px"; //带数值和单位，不会出错id.style.width = "100px;"; //带数值、单位和分号，会出错FFid.style.width = "100"; //只带数值，会出错id.style.width = "100px"; //带数值和单位，不会出错id.styl...
2018-04-14 09:37:41
152
转载 css和js路径
1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件，则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中通常会导入一些外部的css、js文件，而其中一个比较容易被忽视的问题就是路径问题，有时候，我们在css、js中都有通过路径来引入一张图片的...
2018-04-12 20:45:54
235
转载 http状态码
100（继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2xx（成功）表示成功处理了请求的状态码。200（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。201（已创建...
2018-04-09 01:07:44
101
转载 cookie
Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前，基本上所有的网站都采用Cookie来跟踪会话。下面通过本文给大家介绍JS中cookie的使用及缺点，需要的朋友参考下吧 什么是CookieCookie意为“甜饼”，是由W3C组织提出，最早由Netscape社区发展的一种机制。目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Fire...
2018-04-09 00:58:18
134
转载 js中几种实用的跨域方法原理详解
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一...
2018-04-09 00:51:57
98
转载 JavaScript 中 4 种常见的内存泄露陷阱
JavaScript 中 4 种常见的内存泄露陷阱了解 JavaScript 的内存泄露和解决方式！在这篇文章中我们将要探索客户端 JavaScript 代码中常见的一些内存泄漏的情况，并且学习如何使用 Chrome 的开发工具来发现他们。读一读吧！介绍内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言，你还是会碰到一些内存泄漏的情况。内存泄露会导致一系列问题，比如：运行缓慢，...
2018-04-09 00:43:39
236
转载 一道颇有难度的JavaScript题
function Foo() { getName = function () { console.log('1'); }; return this;}Foo.getName = function () { console.log('2');};Foo.prototype.getName = function () { consol...
2018-04-09 00:22:45
295
转载 HTTP和HTTPS的区别
HTTPS服务器使用HTTPS协议,HTTP服务器使用HTTP协议.HTTPS服务器需要向证书授权(Certificate Authority)中心申请证书,一般免费证书何绍需要交费.在少许读客户端有要求的情况下,也会要求客户端使用证书.HTTP服务器于客户端之间传输的是明文数据,而HTTPS服务器于客户端之间传输的是经过SSL安全加密后的密文数据.HTTP服务器通常使用80或8080端口,HTT...
2018-04-08 23:28:01
88
转载 JavaScript 判断当前协议是http还是https
JavaScript 的document对象中有一个location的子对象，其包括是属性如下:document.location.host //表示当前域名 + 端口号document.location.hostname //表示域名document.location.href //表示完整的URLdocument.location.port //表示端口号document.loc...
2018-04-08 23:13:11
5553
转载 jQuery中ready与load事件的区别
概述：大家在工作中用jQuery的时候一定会在使用之前这样：12345678//document ready$(document).ready(function(){ ...code...})//document ready 简写$(function(){ ...code...})有些时候也会这么写：1234//document load$(document).load(functio...
2018-04-08 23:10:52
114
转载 js面向对象写法中使用requestAnimationFrame报错
js面向对象写法中使用requestAnimationFrame报错:Failed to execute 'requestAnimationFrame' on 'Window': The callback provided as parameter 1 is not a function.*/js: function parcicles() { var w = window.inne...
2018-04-08 16:01:25
5237
1
转载 jquery解读2
1. 总体架构1.1 自调用匿名函数 self-invoking anonymous function打开jQuery源码，首先你会看到这样的代码结构：(function( window, undefined ) { // jquery code})(window);1. 这是一个自调用匿名函数。什么东东呢？在第一个括号内，创建一个匿名函数；第二个括号，立即执行2. ...
2018-04-07 22:58:53
154
转载 jquery源码解读1
(function( global, factory ) { if ( typeof module === "object" && typeof module.exports === "object" ) { // For CommonJS and CommonJS-like environments where a proper window is pres...
2018-04-07 22:20:48
623
转载 REG $1
$1-$9存放着正则表达式中最近的9个正则表达式的匹配结果，这些结果按照子匹配的出现顺序依次排列<html> <script language="javascript" type="text/javascript"> //创建要进行匹配的字符串 var objStr="这是我的手机号13100000000" //创建正则表达式匹配手机号码 var re=/(13)(/d)(...
2018-04-05 22:19:33
324
转载 chrome最小字体10px
chrome最小字体10px；html{font-size:16px;}...{font-size:.625rem;}
2018-04-03 16:12:54
1920
转载 css媒体查询顺序问题
这是通过css-级联样式表的设计。这意味着，如果应用两个与相同元素发生冲突的规则，它将选择最后一个声明的规则，除非第一个规则具有!important标记或更具体(例如：html > body相对于只是body，后者不那么具体)。所以，考虑到这个CSS@media (max-width: 600px) { body { background: red; }}@media ...
2018-04-02 21:16:19
1355
转载 promise
什么是promise如果说到JavaScript的异步处理，我想大多数人都会想到利用回调函数：1234567//示例：使用了回调函数的异步处理http.get('/v1/get', function(error, data) { if (error) { //错误时的处理 } //成功时的处理})像上面这样基于回调函数的异步处理如果统一参数使用规则的话，写法也会很明...
2018-04-02 17:27:27
167
转载 js面向对象设计
面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值，其中的属性或方法都有一个名字，根据这个名字可以访问相映射的值（值可以是基本值/对象/方法）。 ...
2018-04-02 16:38:26
108
转载 deep clone
在代码复用模式里面有一种叫做“复制属性模式”（copying properties pattern）。谈到代码复用的时候，很有可能想到的是代码的继承性（inheritance）,但重要的是要记住其最终目标——我们要复用代码。继承性只是实现代码复用的一种手段，而不是唯一的方法。复制属性也是一种复用模式，它跟继承性是有所不同的。这种模式中，对象将从另外一个在对象中获取成员，其方法是仅需将其复制即可。用...
2018-04-02 11:13:17
118
转载 SPA
什么是单页面应用?单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序，是指在浏览器中运行的应用，它们在使用期间不会重新加载页面。像所有的应用一样，它旨在帮助用户完成任务，比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载的富客户...
2018-04-02 10:52:57
5769
转载 HTML中的hash（#号）
一、#的涵义#代表网页中的一个位置。右面的字符就是代表的位置信息：如http://localhost：8081/cbuild/index.html#first就代表网页index.html的first位置。浏览器读取这个URL后，会自动将first位置滚动至可视区域。为网页制定标识符：一是使用锚点，比如<a name="print"></a>。二是使用id属性，比如<...
2018-04-02 10:42:07
1785
转载 input自动输入设置
<input type="text" name="user_name" id="user_name" autocomplete="off" placeholder="请输入用户名"><input type="password" name="user_password" id="user_password" a
2018-04-01 23:35:17
1361
转载 formData的ajax相关设置
var fd =new FormData(document.getElementById("fileinfo"));fd.append("customField","This is some extra data");$.ajax({ url:" .php", type:"POST", data:fd, processData:false, /...
2018-04-01 23:11:39
468
转载 echart
var option=null,doc=null,mychart=null;doc=document;mychart=echarts.init(doc.getElementById("CPUBox"));$(".chartsBox").height($(".chartsBox").width());window.addEventListener('resize',function () {...
2018-03-31 14:19:54
299
转载 unicode码
var decToHex = function(str) { var res=[]; for(var i=0;i < str.length;i++) res[i]=("00"+str.charCodeAt(i).toString(16)).slice(-4); return "\\u"+res.join("\\u");}var hexToDec =...
2018-03-30 00:24:27
192
转载 JavaScript中如何使addEventListener绑定的函数既能传参还能解绑？
<a class="btn">go</a><a class="remove">remove</a> var btn = document.getElementsByClassName('btn')[0], remove = document.getElementsByClassName('remove')[0]; v...
2018-03-29 16:27:00
1485
转载 转化真数组
Array.prototype.slice.call(arguments)我们知道，Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组，除了IE下的节点集合（因为ie下的dom对象是以com对象的形式实现的，js对象与com对象不能进行转换）如：1 var a={length:2,0:'first',1:'second'};2 Arr...
2018-03-29 15:04:25
141
转载 钩子函数
hook机制也就是钩子机制，由表驱动实现，常用来处理多种特殊情况的处理。我们预定义了一些钩子，在常用的代码逻辑中去适配一些特殊的事件，这样可以让我们少些很多if else语句。举个高考加分的例子，比如获得过全国一等奖加20分，二等奖加10分，三等奖加5分。使用if else的话：function student(name,score,praise){ return { na...
2018-03-29 09:26:37
2780
转载 ASCII、Unicode、UTF-8编码
归纳：编码大小支持语言ASCII1个字节英文Unicode2个字节（生僻字4个）所有语言UTF-81-6个字节，英文字母1个字节，汉字3个字节，生僻字4-6个字节所有语言具体解释：最早只有127个字母被编码到计算机里，也就是大小写英文字母、数字和一些符号，这个编码表被称为ASCII编码，比如大写字母A的编码是65，小写字母z的编码是122。但是要处理中文显然一个字节是不够的，至少需要两个字节，而且...
2018-03-28 10:01:46
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人