_being_-CSDN博客

原创 h5优势

h5优势圆角和阴影 - 取代图片渐变 - 取代图片图片字体矢量化 - 取代图片表单验证 - 自带属性验证表单数据类型增加video audio 原生支持 canvas - 取代游戏css动画 - 取代flash，javascript3d设计- 平面...

2018-08-06 22:23:33 1061

原创性能优化

页面级别 - 减少请求数量使用缓存设置 expires max_age - 压缩代码 - dns, 静态资源域名由于浏览器的并发数量都在6个以内，增加静态资源服务器可以提高并发数量静态域名可以无cookie 域名太多会增加dns查询时，一般控制在2-4个 - 将脚本放到 boby 标签最下面 - 避免重定向 - 延迟加载代码级别 -...

2018-08-06 22:19:26 198

原创编码原则

什么是高内聚低耦总体结构上分解系统底层上提炼抽象层模块间单向依赖软件工程原则面向对象设计单一职责原则（single responsibility principle）重用便于单元测试维护开放和封闭原则（open/closed principle) 具有良好的拓展性适应新的需求变化。不要修改原来的代码（不影响原来的逻辑）里氏代换原则（liskov subst...

2018-08-06 22:05:41 1258

原创 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 698

原创 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 163

原创使用 anriod 版chrome 浏览器调试移动端页面

如何调试手机页面 1. 手机和电脑在同一网络； 2. 手机和电脑通过usb连接,并开启 usb 调试功能； 3. 电脑安装chrome, 并打开chrome://inspect 5. 手机安装chrome, 打开a页面 6. 在步骤4页面出现手机型号，可以在输入框中输入手机的页面地址出现a页面的地址信息 7. 点击下面的inspect按钮，进入调试页面 ...

2018-08-06 14:29:48 981

原创 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 195

原创浏览器报错：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 42535 1

原创局域网内地两台电脑如何传输文件

两台电脑都设置网络共享选项控制面板\网络和 Internet\网络和共享中心\高级共享设置下面开启网络发现和开启文件和打印机共享PC1设置共享文件夹（右键属性\共享）pc2 通过 \pc1name\sharefolder 访问

2017-11-25 19:06:36 4327

原创左右经典布局

左右两列：一列宽度固定，一列宽度自适应 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .main, .left { background-color: #fff; } .main {

2017-11-21 10:50:49 435

原创等高布局

等高布局： N列的高度是相同的。实现原理是通过margin-bottom和padding-bottom设置一个很大并且和相加相互取消的值。 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .container

2017-11-21 10:47:44 346

原创双飞翼布局

双飞翼布局：实现效果和圣杯一样，只是实现的方式有所区别。留白的方式不同（在主要区域内部留白） css * { box-sizing: border-box; } body { background-color: #ddd; min-width: 500px; } header, footer, .main-

2017-11-21 10:40:22 278

原创圣杯布局

圣杯布局：头部和尾部宽度自适应，中间部分分为三列并且中间部分宽度自适应，两边宽度固定。 * { box-sizing: border-box; } body { text-align: center; background-color: #ddd; min-wid

2017-11-21 10:34:21 343

原创修改chrome 滚动条颜色

实现效果：主要css代码 /**滚动条**/ .myp::-webkit-scrollbar { width: 10px; } /** 滚动条传送**/ .myp::-webkit-scrollbar-track-piece { width: 10px; background-color: #4e4e5a; }

2017-11-21 10:24:42 1871

转载函数命名

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 290

转载 linux 命令行快捷键

原文地址方向＜－前后 -＞删除 ctrl + d 删除光标所在位置后的字符 ctrl + h 删除光标所在位置前的字符 ctrl + k 删除光标后面所有字符 ctrl + u 删除光标前面所有字符 ctrl + w 删除光标前一个单词 ctrl + y 恢复上次执行时删除的

2017-10-12 16:56:36 706

转载网页设计中常用的Web安全字体

引用地址 1, Arial 微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很

2017-09-25 15:37:56 1031

原创 canvas中的清空画布

使用下面方法： 1. context.clearRect(x,y,width,height); 2. save() 和 restore() 3. getImageData()和putImageData()第一种方法：适合按区域清空，比如整个画布。第二种方法：就像一个保存画布状态栈，可以撤销，恢复。是一对操作。第三种方法：和第二种有点相似，不是成对出现（putI

2017-09-12 11:00:52 20227 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 7311

原创鼠标事件的距离

某个元素触发鼠标事件发生后，该事件的处理函数的event参数会生成各种带有x,y的位置信息。

2017-09-06 14:03:57 331

原创 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 3728

原创 javascript 对象的理解

JavaScript是面向对象的编程语言，如何创建对象和实现类的继承呢创建对象的方式 new 操作符创建对象 Object.creact(prototypeObj) 根据原型对象创建对象使用对象字面量创建对象使用new操作符创建对象，可以创建大量相似的对象，可以使用 prototype 继承对象字面量创建对象，比较灵活构造函数var obj = new Stud

2017-09-05 17:25:35 185

原创 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 4215

原创前端工具收集

图片占位符 http://via.placeholder.com/宽x高/背景色/字的颜色?text=占位文字

2017-09-03 20:07:03 205

转载 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 767

转载统计代码字数

如果你想统计文件中html,css,javascript的数量可以用下面的代码。

2017-08-17 17:18:04 921

文章转自：http://blog.csdn.NET/changer328/article/details/38173357 基于无阻塞、事件驱动建立的Node服务，具有内存消耗低的优点，非常适合处理海量的网络请求。V8的垃圾回收机制与内存限制JavaScript和Java类似，由垃圾回收机制来进行自动内存管理，而Node是构建在V8虚拟机基础上，所以其内存回收和V8运行机制息息相关。V8的内存限制

2017-06-06 16:18:01 462

原创 npm 常用命令详解

npmNPM的全称是Node Package Manager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。下面介绍常用的npm命令:init在项目中创建一个package.json文件# 根据提示完成创建npm initinstall安装模块# 如果存在`package.json`会自动安装`dependencies`

2017-05-23 15:43:41 491

原创 javascript之error的属性和类型

javascript error当错误发生的时候，Error构造函数创建一个实例并抛出。构造函数new Error([message[, fileName[, lineNumber]]]) - message 描述信息 - fileName 文件名 - lineNumber 行数实例的属性 - message 错误信息 - name 错误类型 - stack 堆栈跟

2017-05-16 16:53:31 485

转载 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 327

原创 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 12812 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 295

原创电脑入门知识

保养电脑安放电脑的地方要干净，少有灰尘，要防火、防潮、防雷、防磁等，避免周围环境影响电脑的正常使用和寿命。好习惯多喝茶。茶叶中含有的茶多酚等活性物质，有助吸收放射性物质。勤洗脸可以防止辐射波对皮肤的刺激。开窗通风，放置花草在电脑旁放上几盆仙人掌，它可以有效地吸收辐射，因为仙人掌是在日照很强的地方生长，所以吸收辐射的能力特别强。要经常清洁键盘，使用键盘时及使用后应先洗手再进食双眼平视或轻度

2017-05-07 07:04:31 408

原创 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 247

原创 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 337

原创 window操作系统

%localappdata% 打开本地的appdata文件夹 %userprofile% home dir 在制定的文件夹上启动命令行选中该文件夹并在该文件夹上按shift + 属性建

2017-05-06 18:14:04 330

原创 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 274

原创 git详细操作

init在本地创建仓库# 在当前目录新建一个Git代码库git init# 新建一个目录，将其初始化为Git代码库git init [project-name]clone从远程仓库下载，生成本地仓库# 下载一个项目和它的整个代码历史git clone [url]add添加内容到缓冲区# 添加当前文件夹# 如果在根目录代表所有内容git add . # 添加文件或者目录，多个用空格隔开

2017-05-05 18:15:28 352

原创 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 5591