2017年04月_爱lv行

10月 09月 08月 07月 06月 05月 04月

原创 css高级技巧整理

1：继承box-sizing html { box-sizing: border-box; } *,*:after,*:before { box-sizing: inherit; }2：使用 :not() 选择器：last-child 选择器 2.1: last-child 的使用ul { width: 800px;

2017-04-28 11:55:51 226

原创 windows下yeoman安装

1：安装 Ruby：http://rubyinstaller.org/downloads/1.1：在安装过程中下面出现三个选择框全部选择 √1.2：ruby -v 测试是否安装成功2：安装compass。2.1：安装了ruby后，还需要添加ruby的淘宝镜像。：gem sources --remove https://rubygems.org/ ： gem sources -a https

2017-04-14 15:07:51 530

原创 LESS

1:百度直接进入 :http://www.1024i.com/demo/less/index.html2:Bootstrap> less 实例：http://www.bootcss.com/p/lesscss/3：http://lesscss.org/4：less 的安装：npm install -g less

2017-04-14 15:06:09 254

1：JavaScript Dom 的编程艺术2：javaScript权威指南3：javascript高级程序设计4：高性能javascript5：javascript王者归来6：javascript模式7：javascript设计模式《 JavaScript Dom编程艺术》：入门好书《JavaScript权威指南》：Javascript圣经，前端程序员学习核心JavaScript语言和由Web浏览

2017-04-14 15:02:43 465

原创匿名函数

// 方法1(function function_name(argument) {// body…})();// 方法2(function function_name(argument) {// body…}());// 方法3!function function_name(argument) {// body…}();通过创建一个自调用匿名函数，创建一个特殊的函数作用域，该作用域的代码不会和已有的

2017-04-14 15:00:47 167

原创 git

拉取代码git pull添加代码git add .添加注释git commit -m “注释内容”提交代码git push origin master查看状态 git status

2017-04-14 14:57:35 150

原创网站迁站工作步骤

迁站工作步骤/****************************************************************/ 解压指令：unzip 文件名字/****************************************************************/绑定域名：第一步：登陆新的服务器 IP： 45.79.186.*第二步：账号 root

2017-04-14 14:52:18 861

原创 Linux工作常用指令

Linux工作常用指令1：zip -r myfile.zip ./* （压缩当前目录下所有文件）2：修改权限 chmod -R 777 文件路径3：nginx 重启指令 service nginx restart/********以下操作解析域名 45 服务器**************/1：lnmp vhost add2：提示 Please enter domain(exampl

2017-04-14 14:42:12 226

原创 web前端性能优化

01：减少http请求：使用css Sprite : 合并js css : 原因这是由于浏览器对同一个host并行并行下载的限制http请求次数：越多总体下载速度越慢02 :使用CDN 当页面中有很多资源的时候可以从不同服务器中读取：同时提高并行下载速度03：添加http Expires为图片视频之类很少改变的资源 : 设置长的Expires时间将直接减少http请求 : 如果资

2017-04-14 14:40:01 263

原创 SEO

1：网站标题关键字描述2：网站优化内容3：Reobot.txt文件4：网站地图5：增加外链引用6：基于以上内容的优化7：网站结构的布局优化扁平化的目录层次面包屑导航其他：每个页面小于100k8：扁平化结构（1:控制首页结构数量2：扁平化目录层次3:导航的SEO）9：面包屑导航（1：让客户了解当前位置2：使客户了解网站组织形式）10：网站代码的优化10.1：title meata ke

2017-04-14 14:37:05 356

原创 Compass

1:Compass 是Sass的框架而Sass以来与Ruby环境需要安装步骤如下2:Ruby的安装 Sass安装 Compass 安装3:Ruby的安装 window平台下使用RubyInstaller安装3.1:下载RubyInstaller3.2:安装RubyInstaller3.3:记得勾选 add ruby executables to your PATH3.4:ruby -v

2017-04-14 14:35:28 278

原创前段工程师photoshop---切图篇

1：透明还是半透明 2：格式png 还是 jpg3：四大面板窗口进行调整 —图层 —历史记录 —字符 —- 信息：存储为工作面板方便下次使用4：新建画布 Ctrl + N 宽度一般1920px 高度 1080px 分辨率72 ：颜色模式RGB 8位背景为透明5：移动工具设置快捷键 V：头部的自动选择建议不要勾选后面的选择为图层：按住 Ctrl 点击需要移动的内容进行

2017-04-14 14:33:35 287

原创 CSS3D

1：透视2：3D变形函数3：3D加速4：开启3D只针对子元素：-webkit-transform-style:preserve-3d;-webkit-perspective:300;调节视角：-webkit-perspective-orifin:25% 75% ;translate transform5：3D加速-webkit-transform:translate3d(0,0,0);-

2017-04-14 14:30:59 514

原创代码规范

01 黄金定律：不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 02: 语法；用两个空格来代替制表符（tab）， – 这是唯一能保证在所有环境下获得一致展现的方法。 03：嵌套元素应当缩进一次（即两个空格）04：对于属性的定义确保全部使用双引号绝对不要使用单引号05：不要在自闭和元素的尾部添加斜线06：不要省略结束标签07：语言属性：根据HTMN5 规范08：强

2017-04-14 14:08:27 678

原创 css 命名规范

网页公共命名1：wrapper 页面外围控制整体布局宽度2：container或content 容器用于最外层3：headhuo header 页面头部4 : foot或footer 页脚部分5：nav 主导航6：subnav 二级导航7：menu 菜单8：submenu 子菜单9：sideBar 侧栏10： sudebar_a sidebar_b 左边栏和或右边栏11：main 页面主题12：t

2017-04-14 14:02:55 264

原创和美工配合的哪些事

1：图片基础理论1.1： PNG 1996 (优点)：透明无损压缩渐近显示和流式读写：保留图片作者版权创作时间（缺点）：色彩支持少 PNG8 PNG24 :PNG32 IE6 不支持1.2：JPEG 1992 (优点）色彩多（缺点）：有损压缩。1.3：GIF(优点) ：动态图可透明体积小（缺点）处理256中颜色，：不能半透明处理锯齿效果不好1.4 :SVG（优点

2017-04-14 13:55:54 263

原创 CSS处理老式浏览器

css hack

2017-04-14 13:53:36 321

原创响应式开发

响应式概念提出：http://alistapart.com/article/responsive-web-design浏览器全球占比统计 http://caniuse.com/浏览器全球占比统计 http://gs.statcounter.com/响应式网站概念总结 flexible grid layout flexible image media queries响应式网站是一个设计理念，他是多向技

2017-04-14 11:14:04 280

原创 Sublime Text 三个插件

1：HTML-CSS-JS Prettify1.1：Ctrl+shift+p 打开控制面板1.2：Control：install Package1.3： HTML-CSS-JS Prettify 插件1.4：安装node.js https://nodejs.org/en/1.5：鼠标右键HTML/CSS/JS Prettify >1.6： Set Plugin Options保证插件路

2017-04-14 11:11:48 240

原创移动开发知识技能

1：dp dt device independent pixels 设备无关像素2：dir：devicePixelRatio 设备像素缩放比3：计算公式1px=（dpr）的平方 * dp4:DPI 打印机每英寸可以喷得墨汁点（印刷行业）5：PPI ：屏幕每英寸的像素数量即单位内的像素密度6：ppi=（1136的平方+640的平方）/4=331ppi （视网膜Reina屏）7：display ：w

2017-04-14 11:09:18 381

原创 reset.css

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0}html { color: #000; backgr

2017-04-13 10:47:58 353

原创 HTML5与CSS3实现动态网页（笔记）

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-04-13 10:40:09 6172