- 博客(65)
- 资源 (8)
- 收藏
- 关注
原创 h5优势
h5优势圆角和阴影 - 取代图片渐变 - 取代图片图片字体矢量化 - 取代图片表单验证 - 自带属性验证表单数据类型增加video audio 原生支持 canvas - 取代游戏css动画 - 取代flash,javascript3d设计- 平面...
2018-08-06 22:23:33
1083
原创 性能优化
页面级别 - 减少请求数量 使用缓存 设置 expires max_age - 压缩代码 - dns, 静态资源域名 由于浏览器的并发数量都在6个以内,增加静态资源服务器可以提高并发数量 静态域名可以无cookie 域名太多会增加dns查询时,一般控制在2-4个 - 将脚本放到 boby 标签最下面 - 避免重定向 - 延迟加载 代码级别 -...
2018-08-06 22:19:26
210
原创 编码原则
什么是高内聚低耦总体结构上分解系统底层上提炼抽象层模块间单向依赖软件工程原则 面向对象设计单一职责原则(single responsibility principle) 重用 便于单元测试 维护开放和封闭原则(open/closed principle) 具有良好的拓展性适应新的需求变化。不要修改原来的代码(不影响原来的逻辑)里氏代换原则(liskov subst...
2018-08-06 22:05:41
1276
原创 linux 常见应用
apliacation: 默认的图片查看工具 eoggit2mp4peek screen to gif or mp4图片编辑 pinto文件管理 nuatilus 视频播放器 smplayer 计算器 bc翻译 transcopy to cutborad xseltee 输出到文件和控制台find 查找文件 md5 检查 md5su...
2018-08-06 21:49:24
708
原创 git 操作
git 查看某一个文件的历史记录 git log -p – path使用git提交代码前要配置账户信息(用户名和邮箱) 在项目根目录下执行 git config –global user.name “” git config –global user.email “” git操作命令从master clone code git clone url.git ...
2018-08-06 14:42:10
170
原创 使用 anriod 版chrome 浏览器调试移动端页面
如何调试手机页面 1. 手机和电脑在同一网络; 2. 手机和电脑通过usb连接,并开启 usb 调试功能; 3. 电脑安装chrome, 并打开chrome://inspect 5. 手机安装chrome, 打开a页面 6. 在步骤4页面出现手机型号,可以在输入框中输入手机的页面地址 出现a页面的地址信息 7. 点击下面的inspect按钮,进入调试页面 ...
2018-08-06 14:29:48
998
原创 base64编码
base64编码组成:大些字母(26)+ 小写字母(26)+ 数字(10) + “+”(1) + “/”(1) Base64编码说明 Base64编码要求把3个8位字节(3*8=24)转化为4个6位的字节(4*6=24), 之后在6位的前面补两个0,形成8位一个字节的形式。 如果剩下的字符不足3个字节,则用0填充, 输出字符使用’=’,因此编码后输出的文本末尾可能会出现1或2个’=’...
2018-08-06 09:02:52
202
原创 浏览器报错:ReferenceError: require is not defined
我们使用babel把es6转化为es5的时候,会把import 转化为 var _es = require('math'); 采用require引用的commomjs形式。 浏览器端不识别requrie,nodejs环境可以识别。 browserify和webpack都可以把require去掉,把所有的文件打包为一个文件。 先把es6转化为es5然后再打包
2017-12-14 19:37:19
42638
1
原创 局域网内地两台电脑如何传输文件
两台电脑都设置网络共享选项 控制面板\网络和 Internet\网络和共享中心\高级共享设置下面开启网络发现和开启文件和打印机共享PC1设置共享文件夹 (右键属性\共享)pc2 通过 \pc1name\sharefolder 访问
2017-11-25 19:06:36
4342
原创 左右经典布局
左右两列:一列宽度固定,一列宽度自适应 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .main, .left { background-color: #fff; } .main {
2017-11-21 10:50:49
441
原创 等高布局
等高布局: N列的高度是相同的。实现原理是通过margin-bottom和padding-bottom设置一个很大并且和相加相互取消的值。 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .container
2017-11-21 10:47:44
354
原创 双飞翼布局
双飞翼布局:实现效果和圣杯一样,只是实现的方式有所区别。留白的方式不同(在主要区域内部留白) css * { box-sizing: border-box; } body { background-color: #ddd; min-width: 500px; } header, footer, .main-
2017-11-21 10:40:22
286
原创 圣杯布局
圣杯布局: 头部和尾部宽度自适应,中间部分分为三列并且中间部分宽度自适应,两边宽度固定。 * { box-sizing: border-box; } body { text-align: center; background-color: #ddd; min-wid
2017-11-21 10:34:21
352
原创 修改chrome 滚动条颜色
实现效果: 主要css代码 /**滚动条**/ .myp::-webkit-scrollbar { width: 10px; } /** 滚动条传送**/ .myp::-webkit-scrollbar-track-piece { width: 10px; background-color: #4e4e5a; }
2017-11-21 10:24:42
1922
转载 函数命名
get 获取/set 设置, add 增加/remove 删除create 创建/destory 移除 start 启动/stop 停止open 打开/close 关闭, read 读取/write 写入load 载入/save 保存, create 创建/destroy 销毁begin 开始/end 结束, backup 备份/
2017-11-03 08:04:02
300
转载 linux 命令行快捷键
原文地址方向 <-前 后 -> 删除 ctrl + d 删除光标所在位置后的字符 ctrl + h 删除光标所在位置前的字符 ctrl + k 删除光标后面所有字符 ctrl + u 删除光标前面所有字符 ctrl + w 删除光标前一个单词 ctrl + y 恢复上次执行时删除的
2017-10-12 16:56:36
719
转载 网页设计中常用的Web安全字体
引用地址 1, Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。 (苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很
2017-09-25 15:37:56
1121
原创 canvas中的清空画布
使用下面方法: 1. context.clearRect(x,y,width,height); 2. save() 和 restore() 3. getImageData()和putImageData()第一种方法:适合按区域清空,比如整个画布。 第二种方法:就像一个保存画布状态栈,可以撤销,恢复。是一对 操作。 第三种方法: 和第二种有点相似,不是成对出现(putI
2017-09-12 11:00:52
20961
2
转载 canvas 设置宽度、高度的问题
<!DOCTYPE html><html lang="en"><body><canvas id="canvas1" style="width: 200px;height: 200px; border:1px solid black;"></canvas><script> var oC = document.getElementById('canvas1'); var ctx
2017-09-06 14:53:34
7405
原创 js模板jsTpl
由于前端工程越来越复杂,需要模板和数据的分离。 tpl.js是一个比较极致(极小,极快,极简单)的js模板引擎,可以在各种js环境中使用。 官网地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js模板</title> <script src="js/jsTpl.js"></sc
2017-09-06 11:14:16
3760
原创 javascript 对象的理解
JavaScript是面向对象的编程语言,如何创建对象和实现类的继承呢创建对象的方式 new 操作符创建对象 Object.creact(prototypeObj) 根据原型对象创建对象使用对象字面量 创建对象 使用new操作符创建对象,可以创建大量相似的对象,可以使用 prototype 继承 对象字面量创建对象,比较灵活 构造函数var obj = new Stud
2017-09-05 17:25:35
190
原创 javascript 正则表达式 不包含
问题:去除字符串中的标签,但不包括<br>'<p>No one should be alone in their old age.<br></p>'.replace(/<((?!br).)*?>/g, '')// 结果"No one should be alone in their old age.<br>"
2017-09-05 16:50:04
4268
转载 dns-prefetch性能优化
dns-prefetch性能优化 转载地址 dns-prefetch, 是DNS预获取,也是网页前端的优化的一种技术。一般在前端优化中与DNS有关的两点:1、减少请求次数,2、提前对DNS预获取。DNS作为互联网的基础协议,其解析速度很容易被网站优化人员SEO人员忽视,其典型的一次dns-prefetch解析需要“20-120ms”,减少DNS解析时间和次数是一个不错的优化方式。dns-
2017-08-31 19:59:33
790
转载 nodejs内存控制
文章转自:http://blog.csdn.NET/changer328/article/details/38173357 基于无阻塞、事件驱动建立的Node服务,具有内存消耗低的优点,非常适合处理海量的网络请求。V8的垃圾回收机制与内存限制JavaScript和Java类似,由垃圾回收机制来进行自动内存管理,而Node是构建在V8虚拟机基础上,所以其内存回收和V8运行机制息息相关。V8的内存限制
2017-06-06 16:18:01
478
原创 npm 常用命令详解
npmNPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。 下面介绍常用的npm命令:init在项目中创建一个package.json文件# 根据提示完成创建npm initinstall安装模块# 如果存在`package.json`会自动安装`dependencies`
2017-05-23 15:43:41
499
原创 javascript之error的属性和类型
javascript error当错误发生的时候,Error构造函数创建一个实例并抛出。构造函数new Error([message[, fileName[, lineNumber]]]) - message 描述信息 - fileName 文件名 - lineNumber 行数实例的属性 - message 错误信息 - name 错误类型 - stack 堆栈跟
2017-05-16 16:53:31
497
转载 jQuery.extend 函数详解
转载 http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.htmljQuery.extend 函数详解JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是:
2017-05-16 16:07:08
336
原创 stylus用法
stylusstylus是一款 CSS 的预处理器,使用它可以创建健壮的、动态的、富有表现力的CSS。用法# installnpm install stylus -g# watch and complie stylus file from command linestylus -w style.styl -o style.css语法注释 // 单行 /多行,压缩后不输出/ /!压缩后
2017-05-09 17:13:06
12844
1
转载 escape,encodeURI,encodeURIComponent方法使用
转自 http://liuna718-163-com.iteye.com/blog/1866117 js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1、传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断
2017-05-08 16:54:22
306
原创 电脑入门知识
保养电脑安放电脑的地方要干净,少有灰尘,要防火、防潮、防雷、防磁等,避免周围环境影响电脑的正常使用和寿命。好习惯多喝茶。茶叶中含有的茶多酚等活性物质,有助吸收放射性物质。勤洗脸可以防止辐射波对皮肤的刺激。开窗通风,放置花草在电脑旁放上几盆仙人掌,它可以有效地吸收辐射,因为仙人掌是在日照很强的地方生长,所以吸收辐射的能力特别强。要经常清洁键盘,使用键盘时及使用后应先洗手再进食双眼平视或轻度
2017-05-07 07:04:31
418
原创 oracle 基本操作
在命令行提示符(cmd)中输入 sqlplus /nolog , 出现SQL> 提示输入# 使用system用户连接,Admin123为密码,数据库为orclconn system/Admin123@orcl# 创建user1用户并设置密码123create user user1 identified by 123;# 授权user1为数据库管理员grant dba to user1;
2017-05-06 18:47:43
259
原创 dos 基本操作总结
http://book.51cto.com/art/200804/71037.htm sc query //查看已运行服务 sc query state= inactive >d:/d.txt //查看未启动的服务 sc query state= all >d:/d.txt //查看所有服务 sc delet
2017-05-06 18:29:38
350
原创 window操作系统
%localappdata% 打开本地的appdata文件夹 %userprofile% home dir 在制定的文件夹上启动命令行 选中该文件夹并在该文件夹上按shift + 属性建
2017-05-06 18:14:04
350
原创 ext总结
自定义MessageBoxExt.MessageBox.show({ title:'提示', msg:'自定义按钮', modal:true, buttons:Ext.Msg.YESNO});获取dom Ext.get('foo'); //通过Id获取元素添加类 addClass('elCss') //添加类改变样式setStyle({ col
2017-05-06 08:11:52
277
原创 git详细操作
init在本地创建仓库# 在当前目录新建一个Git代码库git init# 新建一个目录,将其初始化为Git代码库git init [project-name]clone从远程仓库下载,生成本地仓库# 下载一个项目和它的整个代码历史git clone [url]add添加内容到缓冲区# 添加当前文件夹# 如果在根目录代表所有内容git add . # 添加文件或者目录,多个用空格隔开
2017-05-05 18:15:28
360
原创 git commit 提示错误
git commit 提交时没有添加 -m参数提示下面的信息 Aborting commit due to empty commit message.解决: 1. 增加-m参数 git commit -m "注释" 2. 配置编辑器 # /bin/mvim 为你的编辑器 git config --global core.editor "/b
2017-05-05 16:22:33
5636
arcgis-web-appbuilder-1.1
2015-06-05
数据结构(C++版)王红梅老师
2013-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人