- 博客(87)
- 收藏
- 关注
转载 js中的运算符优先级
运算符有何很多,基本的可能都比较熟,单有些优先级很难记住。建议使用“()”将复杂的运算表达式区分好优先级。我给运算符优先级做了一首小打油诗。括号成员new函数直new后置累计数单目幂算乘除模加减位移判断符等比按位与异或逻辑与或三目符赋值yield展开符还有逗号来结束转载于:https://www.cnblogs.com/chuaWe...
2019-03-02 11:11:00
220
转载 linux/nginx命令
1.ps查看服务器所有的进程: -aux 显示所有状态 -ef 简洁信息 ps -aux | grep node 第二列是pid,杀掉程序使用kill。 ps -ef | grep node 第一列是自pid,第二列是父pid, 可以直接查找pid ps -aux | grep5646 ps参考文章:luc...
2017-10-24 13:59:00
204
转载 基于fis3的组件可视化道路
首先说明一下,即使不熟悉fis3,阅读文本应该也会有所收获。 本文以fis-parser-imweb-tplv2插件为模板插件,目的不在于使用哪个模板,而是组件可视化的实现思路,不必担心。先说说模板插件 首先说明一下,我们的项目使用的fis3自带的mod.js做模块化开发。 fis-parser-imweb-tplv2插件是同事在imweb待着的时候写的。...
2016-09-23 17:30:00
229
转载 前端性能——监控起步
前端性能1.关键点 分页面、区域、浏览器、性能指标 页面的性能指标详解: 白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止 首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间 用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通常...
2016-09-06 15:03:00
525
转载 uploadify使用的一些经验总结
说说自己使用uploadify的一波三折的曲折过程: 之所以要选择uploadify,是源于自己先前使用过jQuery官网的上传文件插件,比较难用(页面写的代码比较多,IE下后台回传需要配置格式【不清楚其他上传插件是否也是这样】),而且一直有IE9上传不成功的问题,到我离开上家公司的时候也一直没有解决这个问题(可能是本人比较low的原因吧)。所以在使用插件之前先调研了一下。uplo...
2016-08-24 15:30:00
184
转载 【转】文件上传前预览
网上找到的一份文件上传前预览的代码,转自JavaScript 图片的上传前预览(兼容所有浏览器)<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <styl...
2016-08-24 14:04:00
101
转载 浏览器加载和渲染HTML的过程(标准定义的过程以及现代浏览器的优化)
先看一下标准定义的浏览器渲染过程(网上找的):浏览器打开网页的过程用户第一次访问网址,浏览器向服务器发出请求,服务器返回html文件;浏览器开始载入html代码,发现 head 标签内有一个 link 标签引用外部CSS或JS文件;浏览器又发出CSS及JS文件的请求,服务器返回这个CSS,JS文件;浏览器继续载入html中 body 部分的代码,并且CSS,JS文...
2016-08-22 18:26:00
218
转载 github常见问题【转自百度知道】
配置全局的用户名和邮箱,这样push代码不用每次都输入$ git config --global user.name "Your Real Name" $ git config --global user.email you@email.address正常使用git在本地创建一个项目的过程(根据自己的情况调整顺序)$ makdir ~/hello-world //创建一个项目h...
2016-07-28 13:44:00
119
转载 轮播的实现方式
1.闪现方式的轮播 不论述,实现比较简单,效果也比较好2.滑动轮播以下面的html代码为例(向左滑动)<div class="example" style="overflow: hidden; width: 266px;"> <ul style="width: 798px; float: left; height: 216px...
2016-07-27 21:36:00
157
转载 前端打包构建工具grunt快速入门(大篇幅完整版)
打包的目的和意义就不用叙述了直接上干货http://www.gruntjs.net/getting-started里面的教程也太简单了,需要下一番功夫去研究才行。本文将grunt打包的常用方法都用实例描述,更加清晰易懂。1. 第一个简单的grunt打包1)需要安装nodejs:http://www.cnblogs.com/chuaWeb/p/nodejs-n...
2016-04-12 16:23:00
252
转载 一些很棒的js代码
本来是想放在博客园首页的,貌似篇幅不够被移除掉了。后来慢慢补上,看这篇文章吧:一些优秀的代码分析与学习【持续更新】,里面的内容会持续更新,这篇文章作废了1.jQuery初始化代码段 技术亮点:jQuery无new化构建、每次jQuery构建的作用域隔离、jQuery拓展插件。 实现源码:var jQuery = function(args){ retu...
2016-03-21 17:36:00
122
转载 我的angularjs源码学习之旅3——脏检测与数据双向绑定
前言 为了后面描述方便,我们将保存模块的对象modules叫做模块缓存。我们跟踪的例子如下 <div ng-app="myApp" ng-controller='myCtrl'> <input type="text" ng-model='name'/> <span style='width: 100px;he...
2016-03-15 17:12:00
131
转载 我的angularjs源码学习之旅2——依赖注入
依赖注入起源于实现控制反转的典型框架Spring框架,用来削减计算机程序的耦合问题。简单来说,在定义方法的时候,方法所依赖的对象就被隐性的注入到该方法中,在方法中可以直接使用,而不需要在执行该函数的时候再参数中添加这些依赖对象。 理解很简单,我们以一个例子说明var $name = "chua",$age = 26;function myInfo($name,$ag...
2016-03-10 17:43:00
98
转载 我的angularjs源码学习之旅1——初识angularjs
angular诞生有好几年光景了,有Google公司的支持版本更新还是比较快,从一开始就是一个热门技术,但是本人近期才开始接触到。只能感慨自己学习起点有点晚了。只能是加倍努力赶上技术前线。 因为有分析jQuery源码学到很多东西的原因,所以本人对新技术还是抱有追根问底的习惯,希望能从本质上理解他们。前两天刚刚完成nodejs编写的一个小网站,给俺媳妇用的,所以就没有挂到外网上,...
2016-03-09 15:38:00
155
转载 IE兼容性问题汇总【持续更新中】
问题:IE8/9不支持Array.indexOf 解决方案if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number...
2016-02-26 14:21:00
2328
转载 nodejs学习笔记四——express-session
博友沉沉-_-的这篇express 框架之session分析的已经非常详细了,本人这里就不描述了。 总结其中的几个关键点。1.http协议规定http链接是无状态的链接,cookie和session的出现就是为了让服务器能识别客户端请求的连接状态(通过读取他们的值来识别)。2.session的实现方式分为两种:cookie和url重写 cookie方式就是服务端保...
2016-02-24 10:46:00
129
转载 我理解的this
this指的就是当前上下文环境对象,主要分两种情况。1.函数中的this指的是调用该函数的那个上下文环境对象 这个的理解还是非常重要的。 看一个全局函数的例子var b = 1;function a(){ alert(this.b);}a();//1 这里面函数a是属于全局变量window。所以调用a的时候实际上和window.a...
2016-02-18 18:07:00
83
转载 js图片预加载
图片预加载有大体有几种方式1.html标签或css加载图片。 显而易见我们使用img标签或者通过标签的background-image属性都可以实现图片的预加载。但是为了避免初次载入过多图片影响体验。一般最好在文档渲染完成以后再加载(使用window.onload等)。2.纯js实现预加载空城计-Code记的Javascript实现图片的预加载的完整实现的预...
2016-02-18 17:23:00
130
转载 js晋级篇——前端内存泄漏探讨
1.IE7/8 DOM对象或者ActiveX对象循环引用导致内存泄漏 循环引用分为两种: 第一种:多个对象循环引用var a=new Object;var b=new Object;a.r=b;b.r=a; 第二种:循环引用自己var a=new Object;a.r=a; 对于ECMAScript 对象而言,只要没有其...
2016-02-17 19:04:00
81
转载 js基础篇——变量
a.变量类型变量类型构造函数举例类型检测typeof字符串function String()var t = "chua";var m = new String("chua");"string"数字functionNumber()var t = 12;var m = new N...
2016-02-16 18:23:00
84
转载 js基础篇——call/apply、arguments、undefined/null
a.call和apply方法详解call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没...
2016-02-15 16:23:00
161
转载 nodejs学习笔记三——nodejs使用富文本插件ueditor
在做自己的nodejs项目的时候遇到需要使用ueditor。原来下载的是ueditor的jsp版本。目录如下 在ueditor.config.js中有配置服务器home路径(这个home路径能找到ueditor文件夹,可以使用这个路径访问ueditor内的静态资源,比如我的top.ctx为http://localhost:8080,那么我可以通过http://localhos...
2016-02-15 10:56:00
387
转载 nodejs学习笔记二——链接mongodb
a.安装mongoose库用来链接mongodb数据库 安装mongodb数据库参考mongodb安装 前言(怨言) 本来是想安装mongodb库来链接mongodb的,命令行到nodejs工程目录:npm install mongodb --save 但是发现报gyp ERR! stack Error:Can't find python exec...
2016-02-02 21:25:00
118
转载 mongodb 安装
a.安装 本人下载的是windows版本的3.2.1mongo,路径为https://fastdl.mongodb.org/win32/mongodb-win32-x86_64-2008plus-ssl-3.2.1-signed.msi 或者直接去官网也可以http://www.mongodb.org/downloads 不过需要注意的是mongodb2.2 版本...
2016-02-02 18:19:00
56
转载 html/css基础篇——GET和POST的区别
本文前面部分转自木-叶的博文,后面有本人自己的一些总结和体会。 如果有人问你,GET和POST,有什么区别?你会如何回答?我的经历 前几天有人问我这个问题。我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用。 这个答案好像并不是他想要的。于是他继续追问有没有别的区别?我说这就是个名字而已,如果服务器支持,他完全可以把GET改个名字...
2016-01-29 15:34:00
170
转载 nodejs学习笔记一——nodejs安装
a.nodejs安装 nodejs的安装没有什么说的默认安装即可。安装包官网下载即可:nodejs官网 本人用的是window的安装包node-v4.2.6-x64.msi 安装完成后打开命令行查看使用node -v命令查看安装node版本,有版本号展示说明安装成功啦 需要创建一个文件夹作为nodejs服务器文件夹,比如本人在D:\chua下创建了一个...
2016-01-29 12:37:00
147
转载 html/css基础篇——link和@inport详解以及脚本执行顺序探讨
先说一说两者之间的异同 两者都可以引用外部CSS的方式,现在主流浏览器两者都支持(ps:@import是CSS2.1提出的),但是存在一定的区别:1.link是XHTML标签,除了加载CSS外,还可以定义其他事务;@import属于CSS范畴,只能下载CSS也只能在css代码里面使用。 link标签定义文档与外部资源的关系,最常见的用途是链接样式表以及浏览器标签图标。...
2016-01-22 15:53:00
137
转载 js基础篇——localStorage使用要点
localStorage主要用来替代cookie,解决cookie(可参考cookie使用要点)读写困难、容量有限的问题。localStorage有以下几个特点1.localStorage是一个普通对象,任何对象的操作都适用。2.localStorage对象的属性值只能是字符串。 这个需要特别注意了,假设我们要保存一个对象到localStorage中,可以使用拼接的方式...
2016-01-13 15:40:00
234
转载 html/css基础篇——iframe和frame的区别【转】
转自共享圈的使用iframe的优缺点,为什么少用iframe以及iframe和frame的区别。其中本人不认同的地方有做小修改注:HTML5不再支持使用frame,iframe只有src 属性一、使用iframe的优缺点优点: 1.程序调入静态页面比较方便; 2.页面和程序分离;缺点: 1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。另外用js防盗链只防得了...
2016-01-12 15:15:00
178
转载 js基础篇——cookie使用要点
1.Cookie数量和长度的限制。各个浏览器的限制不同IE7+和Firefox最大限制为50条,chrome和Safari无限制,IE6-最大限制20条。且所有浏览器限制每个cookie长度不能超过4KB,否则会被截掉。 所以:现代浏览器cookie个数不要超过50条,大小不能超过4KB;简而精。2.安全性问题。客服端每次访问服务端都会携带cookie,cookie容易被人拦截...
2016-01-06 16:22:00
113
转载 兼容IE、Firefox的背景半透明内容不透明设置
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值(除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元...
2015-12-31 18:08:00
95
转载 基于jQuery的一个简单的图片查看器
项目中自己diy了一个图片查看器。因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮。等以后有时间了在重写一下样式和封装,作为备用的只是积累吧。如果有童鞋有用到,完全可以在此基础上改,比较容易,代码也比较简单 图片查看器主要有几个功能: 1.显示图片和图片信息(图片名称、发布者等等) 2.切换图片 3.关闭图片查看器初始化接口函数pictur...
2015-12-30 18:19:00
134
转载 弹出框优化实例(alert和confirm)
在项目过程中会遇到需要使用自己定义的弹出框的情况。以前用过ymprompt,但是它太复杂而且不好自己操控。所以自己写了一个弹出框实例。 主要有两类弹出框alert和confirm。基于jQueryalert([title,]des[,callback]): title: 弹出框标题,string类型,可选 des: 弹出框内容描述,string类型,必须...
2015-12-29 10:55:00
330
转载 多个ajax请求下等待条显示和隐藏的简单处理
处理为遇到ajax请求就显示等待条,直到所有的ajax请求执行完毕才关闭等待条。比较简单,源码如下(基于jQuery)//基于jQuery //从第一个ajax请求发出开始显示等待条?直到一系列ajax请求全部结束才关闭等待条。 //任何ajax触发了ajaxSend事件会显示等待框,所有的ajax都执行完成(ajaxComplete事件)才会关闭等待框 $(fu...
2015-12-28 15:57:00
126
转载 将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
表单序列化类型的数据是指url传递的数据的格式,形如"key=value&key=value&key=value"这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象? 我们知道使用jQuery的$.fn.serializeArray函数得到的是一个如下结构的对象[ ...
2015-12-28 09:27:00
133
转载 placeholder的兼容处理(jQuery下)
这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个。 1.只有输入框(input/textarea)下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊,因为为其设置显示文本时显示的是一串“***”。这个问题后面分析。处理好前两点还是比较简单的,处理源码为如下var brows...
2015-12-21 10:27:00
125
转载 滚动条滚动到页面底部继续加载的处理实例
这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,算法如下 滚动条卷起来的高度 + 窗口高度 &g...
2015-12-18 17:37:00
198
转载 html/css基础篇——html代码编写过程中的几个警惕点
本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。1.内联标签之间的空格 正常情况下书写html代码的时候都有换行、缩进等习惯,比如 <head> <meta charset="utf-8"> <s...
2015-12-17 15:19:00
105
转载 多iframe使用tab标签方式添加、删除、切换的处理实例
紧接着上一篇随笔iframe的内容增高或缩减时设置其iframe的高度的处理方案 如果采用iframe来切换显示内容的方式来展现办公Web。那么需要解决几个问题 1.tab标签需要和显示的iframe一一对应,当点击到某个tab页签的时候需要切换到对应的iframe。 2.需要有新增、删除页签的tab功能。 3.在tab页签之间切换的时候需要有一个记录...
2015-12-16 18:45:00
374
转载 iframe的内容增高或缩减时设置其iframe的高度的处理方案
WEB管理软件往往是如下结构的 用户点击子页tab切换中部的显示内容,在切换过程中需要保证前面的子页保持先前的状态。这种情况一般都使用iframe来来作为切换的子页显示内容。 但是这里有一个问题,iframe不能做高度(height)的自适应。理想状态是当iframe高度超过中部内容显示区的高度的时候iframe自动增高,这样主页面会出现滚动条来做适应。处理方式即...
2015-12-15 18:32:00
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人