- 博客(82)
- 收藏
- 关注
RSS订阅原创 收藏网址
Sequelize 和 MySQL 对照 :https://segmentfault.com/a/1190000003987871Sequelize 中文API文档 : https://itbilu.com/nodejs/npm/V1PExztfb.htmljquery.pagination.js分页 : http://blog.csdn.net/tianfei_1984/ar
2017-05-02 17:08:08
830
原创 web面试题
socket 正则 禁用cookie导致的后果 javascript 的机制javascript 高级编程 require加载顺序机制手机端性能优化闭包分屏加载怎么判断当前页面react backbonemvc mvvm回调，连续的回调less sass
2017-05-02 15:47:24
508
原创 一些小命令
cd ~/.ssh/lsssh -i dev.pem [email protected] 600 dev.pemssh -i dev.pem [email protected] -ssu - ubuntucd /opt/www/meme-activity/git branchgit fetch --allgit br
2017-05-02 15:45:33
553
原创 webpack学习笔记1
# 1.新建项目文件夹mkdir webpack-demo# 2.创建一个package.json文件使用npm init 初始化 ，name：项目名 其他的直接enter 最后输入yes# 3.安装webpacknpm install webpack -g --sav—dev —save—dev 会保存安装的module在 package.json的devDe
2017-05-02 15:41:55
379
转载 放宽心，一切都是最好的安排
这是普普通通的一天。早上起来，她发现家里停电了。于是没办法用热水洗漱，用电吹风吹头发，不能热牛奶，烤面包，只好草草打理一下就出门。刚走进电梯，邻居家养的小狗一下子冲进来扑住，上周刚买的米白长裙上顿时出现两只黑黑的爪印儿。开车被警察拦，才想起来今天限行，罚了一百。到了公司，正好晚了一分钟，又罚五十。冲进会议室开例会，老板正在宣布工作调整的名单。她的业务居然被无故暂停，
2017-01-19 13:23:26
604
转载 Webpack-dev-server结合后端服务器的热替换配置
原文：http://www.jianshu.com/p/8adf4c2bfa51Webpack是一个模块加载器，这里所谓模块其实就是项目中用到javascript、coffeescript、css、less、jsx以及图片等等资源，Webpack采用不同的loader将这些资源加载后打包，然后输出打包后的文件，打包后的文件可以是一个或多个js文件，也可以根据需要分别打包，比如将所有css文
2017-01-16 16:57:40
4533
原创 webpack-dev-server 使用方法
1、使用命令行形式第一步：安装webpack-dev-server node模块 npm install webpack-dev-server --save-dev第二步：在webpack.config.js中添加第三步：package.json文件的script中添加:["start": "webpack-dev-server --inline --hot --port 80
2017-01-16 16:38:58
3411
转载 入门 Webpack，看这篇就够了
原文：https://segmentfault.com/a/1190000006178770写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你
2017-01-12 16:12:56
1158
转载 webpack-dev-server的配置（方法之一）
原文：http://www.cnblogs.com/jjucap/p/5605523.html# webpack中webpack-dev-server的配置实现功能 首先是用npm下载npm install webpack-dev-server --save-dev打开webpack.config.js添加配置信息，需要修改output，添加devServer、
2017-01-10 15:08:27
7568
转载 webpack-dev-server使用方法
原文：https://segmentfault.com/a/1190000006670084webpack-dev-server用法记录下 webpack-dev-server 的用法.首先，我们来看看基本的 webpack.config.js 的写法module.exports = { entry: './src/js/index.js',
2017-01-10 15:05:45
11730
1
转载 详解webpack-dev-server的使用
webpack-dev-serverwebpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时.我们来看一下下面的配置文件(webpack.config.js)var path = requir
2017-01-10 14:58:28
3040
转载 node.js中的path.resolve方法使用说明
方法说明：将参数 to 位置的字符解析到一个绝对路径里。语法：复制代码代码如下:path.resolve([from ...], to)由于该方法属于path模块，使用前需要引入path模块（var path= require(“path”) ）接收参数：from 源路径to
2017-01-09 17:42:20
4681
原创 首字母排序中英文
var vue = new Vue({ data:{}, methods:{ //按首字母排序 pySort:function(arr,empty){ var $this = this; if(!String.prototype.localeCompare) retu
2017-01-06 16:52:37
2060
转载 JS对省市按首字母排序
/** * 省市拼音排序 */function pySegSort(arr, empty) { if(!String.prototype.localeCompare) return null; var letters = "*ABCDEFGHJKLMNOPQRSTWXYZ".split(''); var zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨
2017-01-06 16:46:19
4540
转载 js拼音排序并按字母分类
js拼音排序并按字母分类，需要String支持localeCompareie8,firefox,chrome测试通过function pySegSort(arr,empty) {if(!String.prototype.localeCompare)return null;var letters ="*abcdefghjklmnopqrstwxyz".split('');var
2017-01-06 16:44:48
8154
3
转载 javascript中文比较方法——localeCompare() 方法
google了很多次才发现在国外网站上有提示如何比较中文，原文地址：http://www.webdeveloper.com/forum/showthread.php?t=9365前提：使用Unicode 编码，如果其他GBK此方法应该就不行！localeCompare() 方法定义和用法用本地特定的顺序来比较两个字符串。语
2017-01-06 16:42:23
6747
转载 JS 数字 、中文、 英文、判断
pre name="code" class="html">单独的验证： 利用正则表达式限制网页表单里的文本框输入内容： 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.get
2017-01-06 16:40:43
973
转载 最全的JS判断是否为中文的方法
第一种代码：EXFCODE：1function isChinese(temp)2{3 var re=/[^/u4e00-/u9fa5]/;4 if (re.test(temp)) return false ;
2017-01-06 16:39:20
1065
原创 小笔记3
1. 提取字符串中所有的数字，并保存在数组中 方法：使用正则表达式 match(/\d+/g) 例： var str = "200-300,300以上"; var num = str.match(/\d+/g); //match保存的本身就是数组形式的 console.log(num); 输出结果：［200，300，300］
2017-01-06 16:12:06
334
转载 JavaScript中清空数组的三种方式
方式1，splice Js代码 var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了 方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如
2017-01-04 10:39:16
422
原创 小笔记2
1、css (标红的可以实现滚动效果，并且每次push到selected中的元素在可视范围右侧显示).filterSelected{ width:100%; height:45*@xem; line-height:45*@xem; background:#f5f5f5; color:#bbbbbb; text-align:center; z-inde
2016-12-30 11:07:47
313
转载 JS 对象数组的元素删除,比较对象数组,删除重复对象
Html代码 html> body> script type="text/javascript"> var arr = new Array(6); arr[0] = {id:1, name:'exg'}; arr[1] = {id:2, name:'aaa'}; arr[2] =
2016-12-30 10:11:58
6797
原创 中英文按照首字母A～Z顺序排序
查了网上很多方法，最后实现如下：（VUE）数据格式如下：VUEdatadata: { filter:{}, brand:[],},methods：｛pySort:function(arr,empty){ var $this = this; if(!String.prototype.localeCompare)
2016-12-28 17:33:24
5562
1
转载 浏览器缓存知识小结及应用
阅读目录1. 浏览器缓存基本认识2. 强缓存的原理3. 强缓存的管理4. 强缓存的应用5. 协商缓存的原理6. 协商缓存的管理7. 浏览器行为对缓存的影响浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产品开发的时候我们总是想办法避免缓存产生，而在产品发布之时又在想策略管理缓存提升网页的访问
2016-12-16 14:14:23
318
转载 总结 Web 应用中常用的各种 Cache
原文：https://ruby-china.org/topics/19389cache是提高应用性能重要的一个环节，写篇文章总结一下用过的各种对于动态内容的cache。 文章以Nginx，Rails，Mysql，Redis作为例子，换成其他web服务器，语言，数据库，缓存服务都是类似的。 以下是3层的示意图，方便后续引用： +----
2016-12-16 14:12:54
453
转载 浏览器缓存知识归纳
写在开头：这篇文章是打算分享到单位内部的材料。归纳浏览器缓存也是对一个生产问题的分析总结出来的。这片文章经过脱敏以后发表到个人博客上面吧。浏览器缓存（Browser Catching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。 —-摘自《百度百科》浏览器缓存是提升
2016-12-16 13:55:24
247
转载 浅谈Web缓存
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。缓存分类web缓存分为很多种，比如数据库缓存、代理服务器缓存、还有我们熟悉的CDN
2016-12-16 13:47:19
214
原创 移动端兼容性
1. 页面下端一大片空白，根字大小引起，如果没有多余的元素的话，调整根字的大小试试看，一般是因此原因引起2. scroll滚动（mui框架、vue，使用的是Mui获取滚动的Y值）在ios系统的qq、微信内置浏览器的scroll.y, 在页面滑动时候，触碰到放置页面的容器（即，出现了黑色或黑色的背景，里面显示该网页由。。。开发，页面下端往上滑时出现黑色或灰色的背景的时候），scroll事件监
2016-12-12 12:58:48
625
转载 js如何判断一个对象{}是否为空对象，没有任何属性
js如何判断一个对象{}是否为空对象，没有任何属性前段时间用js写了一个类似"AngularJS"用于数据绑定的东西，功能是比较简单了，通常应该传进来的是一个ArrayList JSON对象数组，但有时候通过AJAX方法调用返回的是一个JSON对象，而不是数组！为了兼容这种情况使用了以下代码：[javascript] view plain
2016-12-08 11:32:36
3246
转载 [整理]JavaScript跨域解决方法大全
跨域的定义：JavaScript出于安全性考虑，同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别，“URL的首部”指window.location.protocol +window.location.host，也可以理解为“Domains, protocols and ports must match”。实际上，同源策略就是浏览器的一种保护机制，只要请求双方的URL协
2016-11-22 18:53:35
288
转载 JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和
2016-11-22 18:50:46
240
转载 JS、JQuery和ExtJs的跨域处理
1.什么是跨域？跨域，JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个
2016-11-22 18:48:23
585
转载 $.ajax的一些总结
1.$.ajaxSetup()函数来全局设置 $.ajaxSetup({ url: "/xmlhttp/", global: false, type: "POST" }); $.ajax({ data: myData }); 所有的ajax请求都共享ajaxSetup里设置的参数；2.禁止使用缓存 cache:fal
2016-11-22 18:29:52
359
转载 jquery中ajax处理跨域的三大方式
这篇文章主要介绍了jquery中ajax处理跨域的三大方式，感兴趣的小伙伴们可以参考一下由于JS同源策略的影响，因此js只能访问同域名下的文档。因此要实现跨域，一般有以下几个方法：一、处理跨域的方式：1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端
2016-11-22 18:12:48
352
转载 简单描述JSON跟JSONP的区别以及实战
前言由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持We
2016-11-22 16:44:20
2875
原创 正则表达式基本语法笔记
正则表达式的基本语法具体视频讲解 慕课网的课程 JavaScript深入浅出：正则与模式匹配正则基础 范围符号 “［］”表示范围特殊符转义 像行首符，行尾这种用于正则表达式的特殊符号，如需要在正则中作为匹配元素进行匹配的话使用”\”进行转义分组 “\n”表示重复之前的字符串的遍数 如：／(abc)\2／ 相当于／abcabcabc／重复 3个Flag globa
2016-11-02 14:25:21
462
转载 2016年全面前端面试题总结
web app遇到的一些坑及小技能（持续更新...）遇到的一些坑问题：手机端 click 事件会有大约 300ms 的延迟 原因：手机端事件 touchstart --\> touchmove --> touchend or touchcancel --> click，因为在touch事件触发之后，浏览器要判断用户是否会做出双击屏幕的操作，所以会等待300ms来
2016-10-25 14:44:12
3814
转载 Jquery~$when_done_then的用法
对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$when...done... fail... then的封装，它将$.ajax这嵌套结构转成了顺序平行的结果，向下面的$.ajax写法，看起来很乱 $.ajax({ url: "/home/GetProduct", dataType: "JSON",
2016-10-25 13:25:42
399
原创 web小问题笔记
1. $(function(){ 函数的定义放在这里面，防止其他地方使用相同的函数名，引起混乱， }) /////////////////文档加载完成时执行，不包含css,js window.onload /////////////////// 所有的都加载完成2. !$("input").val() 表示==
2016-10-10 18:10:41
380
原创 input 内容改变——change事件
input propotychange 事件 可以随时监控input的内容的改变$("input").bind("input propotychange",function{});change事件的回调函数的触发均在input失去焦点的时候出发，在input活的焦点的情况下，里面内容一直变化的时候不会触发.blur 失去焦点 .focus
2016-10-10 17:03:58
4112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人