- 博客(54)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 angularjs中使用百度统计
1）、config.js中添加 * //PV跟踪，查看"最新访客"和"受访页面"等报告 var _hmt =_hmt||[]; //统计代码 var BaiduTongJi = { visitPage : function (_path) {// _trackPageview参数_path需要是相对路径 ...
2018-11-28 16:26:36
972
原创 开发中常用的正则表达式
手机号码： /^1d{10}$/ 身份证号：/^[1-9](\d{16}|\d{13})[0-9xX]$/ 请输入15位或18位身份证号码身份证号：二代身份证都是18位：/^[1-9](\d{16})[0-9xX]$/ 金额：/^\d{0,12}(\.\d{1,2})?$/ 金额不符合要求格式金额更准确的使用：/(^[1-9]([0-9]{0,11})?(\.[0-9]{1,2}...
2018-11-28 16:20:33
243
原创 手机H5开发遇到的坑
手机h5与原生混合的app,出现了一些奇葩的事情，在这里与大家分享一下解决方案。问题1：手机不支持:active伪类，这个问题刚开始用的是andriod测试过没有问题，后来用Ios手机测试时发现失效了，瞬间感觉整个人都不好了，经过不断的努力，还真找到了解决方案，关键就是给body元素添加一个绑定事件touchstart，具体代码如下：<</span>body ontouc...
2018-11-28 16:12:14
292
原创 js带小数数字加减后保留两位
在js带小数的数字进行运行时，常常结果中会保留n位的小数，解决方案如下1、Math.round(10.2289*100)/100 答案：10.232、只是为了展示就可以使用var a=10.2289;a.toFixed(2);结果：“10.23”，注意方法2中的结果是字符串哦！...
2018-11-28 16:10:12
3418
转载 nginx location匹配规则
location匹配命令~ #波浪线表示执行一个正则匹配，区分大小写~* #表示执行一个正则匹配，不区分大小写^~ #^~表示普通字符匹配，如果该选项匹配，只匹配该选项，不匹配别的选项，一般用来匹配目录= #进行普通字符精确匹配@ #"@" 定义一个命名的 location，使用在内部定向时，例如 error_page, try_fileslocation
2018-01-18 15:20:20
209
原创 webpack的配置文件
const path = require('path');module.exports = { entry: "./app/entry", // string | object | array // 这里应用程序开始执行 // webpack 开始打包 output: { // webpack 如何输出结果的相关选项 path: path.resolv
2017-11-27 12:44:17
453
转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
sass文件编译时候使用ruby环境，无论是界面化的koala工具还是命令行模式的都无法通过，真是令人烦恼。容易出现中文注释时候无法编译通过，或者出现乱码，找了几天的解决方法终于解决了。这个问题的奇葩之处在于在xp环境中没有任何问题，只是在windows环境中才出现的这个。sass编译时候出现如下错误的解决方法：Syntax error: Invalid GBK cha
2017-06-07 14:58:52
408
原创 windows下安装sass与compass
1、先安装ruby在官网https://rubyinstaller.org/downloads/下载最新的版本，并傻瓜式的安装2、使用ruby自带命令gem安装sass与compass1)、改变sources为淘宝 a)删除默认镜像源 $ gem sources --remove https://rubygems.org/ https:/
2017-06-06 19:00:15
449
转载 GNVM - Node.js 多版本管理器
GNVM - Node.js 多版本管理器 GNVM 是一个简单的 Windows 下 Node.js 多版本管理器，类似的 nvm nvmw nodist 。
2017-06-02 15:28:16
4236
原创 mac 下nginx安装及使用
安装nginx1、brew search nginx2、brew install nginx启动nginx ，sudo nginx ;访问localhost:8080 发现已出现nginx的欢迎页面了。备注： ln -s /usr/local/sbin/nginx /usr/bin/nginx 做个软连接。常用的指令有： nginx -V 查看版本，以及配置文件地址nginx -v
2017-05-10 12:25:48
584
转载 atom中使用JSHint
在开发的过程中代码的编程风格是一个非常特别问题，大家都知道一个好的编程风格对阅读程序的重要性，但是代码的编程风格是没有个固定的标准，很难说哪种编程风格好哪种不好，但是它们之间有些通用的准则。在JavaScript中有两个比较常用的代码检查工具JSLint和JSHint，JSLint的可配置性比较差，很多选项是无法修改的，所以出现了JSLint的分支项目JSHint，JSHint几乎可以配置所有
2017-05-08 10:58:24
2136
转载 服务器端渲染和客户端渲染有什么区别？
我们在walmart.com网站上的大多数页面采用服务器端渲染（简称SSR）方式。之所以选择服务器端渲染，主要出于以下两点考虑：能够为客户提供更理想的性能提供更为一致的SEO表现正是由于SSR拥有上述优势，因此我们在将自有堆栈转换为React与Node.js时，投入了大量时间与精力以优化SSR性能。其中的一项关键性指标正在于页面内“明显位置”的渲染性能。我们
2017-05-08 10:52:46
15715
原创 前端开发规范总结
1、前端开发规范WEB客户端开发自成体系， 主要用于智能终端（iPhone、Android手机、iPad、Android Pad）和传统PC的开发。JS规范、HTML规范和CSS规范对客户端开发进行全方位指导，统一编码规范、提高可读性、降低维护成本。1.1一般规范应用在 HTML, JavaScript 和 CSS上的通用规则。1.1.1文件/资源命名1) 以可读性而言
2017-05-08 10:48:59
6200
转载 解决canvas画图模糊的问题
canvas 画图经常发现他是模糊的。解决这个问题主要从两个方面下手。改变canvas渲染的像素情况：画1像素的线条看起来模糊不清，好像更宽的样子。解决方案var ctx = canvas.getContext('2d');ctx.translate(0.5, 0.5);原理：大家都知道屏幕最小单位就是像素。假如把canvas放的足够大，我能看到下面样子。
2017-05-05 11:01:26
6108
原创 git 入门
Git 全局设置:git config --global user.name "test"git config --global user.email "test@126.com"创建 git 仓库:mkdir testcd testgit inittouch README.mdgit add README.mdgit commit -m "first commit"g
2017-04-17 12:55:28
416
原创 IE11不兼容console.info
问题描述：在代码中使用了console.info(),打开控制台一切正常，关闭控制台代码不执行原因：console.info()是需要打开一次控制台才能支持的，或者说在IE当中是不应该直接写console.info()的。解决方案：写好代码后删除多余的日志吧！
2017-04-12 17:40:30
2001
原创 node-inspector调试
1、安装(-g 全局安装)npm install (-g) node-inspector2、安装完成后，以调试模式调试使用命令行启动的代码node --debug-brk vpm.js -i默认的端口是5858，也可以像这样修改:node --debug-brk[=6000] vpm.js -i3、重新打开一个终端，启动node-inspector
2017-04-06 10:33:35
293
原创 node读写excel内容
一、node-xlsx: 基于Node.js解析excel文件数据及生成excel文件，仅支持xlsx格式文件；例子如下：//获得文件系统模块const fs = require('fs');//基于Node.js解析excel文件数据及生成excel文件，仅支持xlsx格式文件；const xlsx = require('node-xlsx');// 存放月报路径var f
2017-04-01 16:06:42
4212
转载 全面的MIME类型对照表
MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。下面列出常用的文件对应的MIME类型： .asx,video/x-ms-asf .xml,text/xml .tsv,text/tab-separated-values
2017-04-01 12:40:21
1200
原创 常用正则表达式
手机号码： /^1[3|4|5|7|8][0-9]\d{8}$/ 身份证号：/^[1-9](\d{16}|\d{13})[0-9xX]$/ 请输入15位或18位身份证号码金额：/^\d{0,12}(\.\d{1,2})?$/ 金额不符合要求格式姓名：/^[\u4e00-\u9fa5a-zA-Z\s]{1,40}$/转义序列：Unicode字符值
2017-04-01 09:40:46
409
转载 Angular4.0.0正式发布，附新特性及升级指南
经历了6个RC版本之后，Angular项目组终于在今天发布了新版，即 正式版 Angular 4.0.0。新版的 Angular 有哪些值得关注的点，究竟带来了哪些新特性？如何升级？且看本文一一道来。值得关注的点 速度更快、体积更小这个版本不仅速度更快、体积更小，还对内置指令NgFor和NgIf以及模板的source map等功能进行了优化。 向后兼容该版本向后兼容大多数应用中
2017-03-28 11:07:53
3216
转载 Angular4.0.0正式版发布
来源于angular4.0.0发布时的公告，译者:niithub原文发布时间：Thursday, March 23, 2017翻译时间:2017年3月24日angular4.0.0正式版现在可以使用了。这是自我们宣布angular改版后，首次发布的专业版本。它向下兼容，支持所有使用了angular2.x.x版本的应用程序。我们很高兴和大家分享这个版本，它包括最近的3个月中我们做
2017-03-28 10:26:36
582
转载 Pjax是什么以及为什么推荐大家用
什么是pjax?现在很多网站( facebook, twitter)都支持这样的一种浏览方式， 当你点击一个站内的链接的时候， 不是做页面跳转， 而是只是站内页面刷新。 这样的用户体验， 比起整个页面都闪一下来说， 好很多。 其中有一个很重要的组成部分， 这些网站的ajax刷新是支持浏览器历史的， 刷新页面的同时， 浏览器地址栏位上面的地址也是会更改， 用浏览器的回退功能也能够回退到
2017-03-16 13:51:34
18192
转载 10种优化页面加载速度的方法
许多研究发现，页面速度和访客的滞留时间，跳出率以及收入都有直接的关系。另外，谷歌的排名算法中也把页面加载速度作为其中一项考虑因素。因此，你网站的页面加载时间是至关重要的。从访问者的角度看，测试你的浏览器速度的一个很好的方法是清除你的浏览器缓存，然后加载页面。 小于2秒的页载入时间被认为是优良的，而且高达4秒是可接受的。而大于5秒的页面载入时间不仅影响你网站的搜索引擎排名，还会严重
2017-03-16 13:21:18
18036
转载 CSS权重
编辑推荐： 掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。 点击链接查看最新前端内容，或到各大应用市场搜索「 掘金」下载APP，技术干货尽在掌握中。本文由99根据Vitaly Friedman的《CSS Specificity: Things You Should Know 》所译，
2017-03-16 13:19:48
213
转载 js的基本数据类型有哪些？
js的基本数据类型有哪些？ECMAScript中有5中简单数据类型（也称为基本数据类型）: Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型，
2017-03-16 13:03:58
568
原创 http请求返回405 (Method Not Allowed)
原因：使用post请求并且发送的URL是一个具体的资源的时候例如JSON文件, 网站应该解析的时候把整个URL当作域名解析， 解决方案：目前的需求是不需要传参数给服务端, 而是直接访问服务端的具体资源, 所以要用get请求。
2017-03-15 09:58:50
21862
转载 打造高大上的Canvas粒子动画
原文链接：https://isux.tencent.com/canvas-particle-animation.html首先来看下我们准备要做的粒子动画效果是怎么样的~是这样：或者是这样：甚至是这样：很酷炫！那如何去实现类似上面的粒子动画甚至根据自己的喜好去做更多其他轨迹的动画呢~请看下面详细的讲解。技术选
2017-03-14 15:46:11
1402
转载 浏览器缓存机制详解
浏览器缓存浏览器缓存的知识是前端工程师必须要掌握的，因为这些知识直接影响到你的页面的用户体验，影响到你的页面的加载策略。接下来将要详细的讲述浏览器缓存的概 念和原理，新人要仔细阅读，甚至要多次反刍，缓存的知识除了和浏览器有关，还涉及到HTTP协议，所以这也是比较难于掌握的内容。一般在硬件中，缓存在硬件中分一级缓存，二级缓存。但在软件中的缓存却不一样。狭义上讲缓存就叫高速缓存
2017-03-08 11:34:02
195
转载 js利用offsetWidth和clientWidth来计算滚动条的宽度
前言其实，很多情况下滚动条宽度是不用计算的，特别是谷歌浏览器，可以对滚动条进行美化，具体请看http://www.haorooms.com/post/CSS_selections 这里例子，已经定义了滚动条的宽度是9px加上padding-left的一个像素，所以滚动条的宽度应该是10px,但是，这样计算出来有浏览器兼容问题，你的IE浏览器的滚动条宽度不一定是10px，今天，我用offse
2017-03-08 10:23:16
756
原创 iphone 6 /chorme模拟器 普通网页浏览器各值参考
iphone 6 /chorme模拟器一普通网页各值参考：一、JS方法// 在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小document.documentElement.clientWidth375document.documentElement.clientHeight667// 除IE外的所有浏览器都将此信息保存在window对象中，可以用以
2017-03-08 09:36:44
602
转载 JS获取浏览器可视区域的尺寸
所谓可视区域是指能看得见的区域，即在浏览器中能看到页面的区域（高度与宽度）。刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度，然后在cnblogs.com的一篇文章中获知需要通过 document.documentElement.clientHeight 才能获取到浏览器的可视区域的高度，顺便将该文章摘下来，如下：在没有声明DOC
2017-03-08 09:14:24
912
转载 sublime text3 快捷键
选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时
2017-02-28 15:42:32
186
原创 webpack
1、执行webpack.config.js文件window环境下.\node_modules\.bin\webpack --config webpack.config.js或npm run dev
2017-02-28 12:54:44
202
原创 CSS与JS的兼容性问题总结
兼容性浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。一、浏览器内核浏览器最核心的部分是渲染引擎（Rendering Engine），一般习惯称之为“浏览器
2017-02-24 11:59:40
720
转载 前端解决跨域问题的8种方案
原文：http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js
2017-02-24 11:51:39
177
原创 跨域技术
同源策略是对XHR的一个主要约束，它为通信设置了“相同的域、相同的端口、相同的协议”这一限制。跨域解决方案如下：一、CORS(cross-origin Resource Sharing )跨域资源共享CORS定义了在需要跨域资源时，浏览器与服务器如何沟通。基本思想：使用自定义HTTP头部让浏览器与服务器进行沟通，从而决定请求或相应是应该成功，还是应该失败。例如get或post请求，发送
2017-02-24 09:28:26
275
原创 nodejs与npm更新、cnpm的安装
在mac pro上安装的双系统进行更新npm、nodejs直接使用命令使用的可能原因：npm、node都多低目前版本：node 0.12.11 npm 2.11.3使用传统的node更新命令没有起到作用：npm install –g nn latest解决方案1、到官方网站：http://nodejs.cn/下载最新版的nodejs重新按照即可；2、使用命令
2017-02-20 10:12:36
11682
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人