自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

渔舟唱晚1990的专栏

Web之工作记录

  • 博客(19)
  • 资源 (4)
  • 收藏
  • 关注

原创 NodeJS模块全局安装路径配置

写在前面的内容:官网下载NodeJS安装后,会默认安装npm,使用npm安装模块时会有全局安装和本地安装两种。本地安装1. 将安装包放在 ./node_modules 下(运行npm时所在的目录)2. 可以通过 require() 来引入本地安装的包全局安装1. 将安装包放在 C:\Users\Administrator\AppData\Roaming\npm\node_modules(windo...

2018-03-03 20:36:49 13880 1

转载 WebView性能、体验分析与优化

原文:https://tech.meituan.com/WebViewPerf.html在App开发中,内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用,也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时,WebView的性能体验却备受质疑,导致很多客户端中需要动态更新等页面时不得不采用其他方案。以发展的眼光来看,功能的动态加载以及三端的融合将会...

2018-03-02 15:13:45 423

转载 JavaScript运行原理解析

原文:http://blog.csdn.net/liaodehong/article/details/50488098  一、写在前面的话:   发现使用了那么长时间的Javascript,但是对其运行原理还是不清晰,今天特意总结一下,把大神们的理论和自己的总结都记录到下面;  1. 什么是JavaScript解析引擎?简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码...

2018-03-02 10:11:36 678

转载 浏览器前端优化

原文出处:http://web.jobbole.com/91244/?utm_source=blog.jobbole.com&utm_medium=relatedPosts优化关乎速度和满意度。从用户体验(UX)角度,我们希望前端网页可以快速加载从开发体验(DX)角度,我们希望前端是快速,简洁,规范的浏览器都做了什么我们希望浏览器打开一个简单的网页

2018-01-30 18:53:42 2432

原创 前端优化(随时更新补充)

前端优化的策略很多,总结起来主要包括网络加载类、页面渲染类、CSS优化类、JS执行类、缓存类、图片类、架构协议类等。一、网络加载类减少HTTP资源请求次数减小HTTP请求大小将CSS或JS放到外部文件中,避免使用或标签直接引入避免页面空的href和src为HTML指定Cache-Control或Expires合理设置Etag和Last-Modified减少页面重定向使用静态资源

2018-01-30 18:51:26 173

原创 JSONP相关知识小结

一、关于域名 顶级域名 顶级域名分为两类:一是国家级顶级域名(national top-level domainnames,简称nTLDs),200多个国家都按照ISO3166国家代码分配了顶级域名,例如中国是.cn,美国是.us,日本是.jp等;二是国际顶级域名(international top-level domain names,简称iTDs),例如表示工商企业的 .Co

2017-11-06 16:29:53 220

原创 判断PC端 or 移动端

1、判断PC端 or 移动端var isTouch = "ontouchstart" in window || navigator.msMaxTouchPoints ? true:false;手机web浏览器,chrome模拟手机、手机APP会返回true。navigator.msMaxTouchPoints针对IE10及以上浏览器。可进一步扩展:var isTouch = ('ontouchst

2016-03-17 15:11:09 2113

原创 sublime text3及其插件的安装

软件介绍:Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!Sublime Text 2这款程序员必备代码编辑器,几乎每位程序员提到Sublime Text 2都是赞不绝口!它体积小巧,无需安装,绿色便携;它可跨平台支持Windows/Mac/Linux;支持32与64位操作系统,它在支持语法高亮、代 码补全

2016-01-13 17:26:37 519

转载 CSS Font知识整理总结

1、什么是字体字体是文字的外在形式,就是文字的风格,是文字的外衣。比如行书、楷书、草书,都是一种字体。同样一个字每个人写起来都会有差异,可以说每个人都有一套潜在的字体库。对于web页面来说,字体就是计算机上存储的一套文字显示方式。通过对文字进行一些特殊处理(比如末端加强)来提高不同环境中文字的可读性。比如同样大小的文字,在不同字体下的可读性是不同的。一般来讲,一款字

2015-06-17 14:18:56 356

原创 区分scrollWidth, clientWidth, offsetWidth 与scrollLeft

1. scrollWidth, clientWidth 与offsetWidth scrollWidth  是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)。clientWidth  是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。offsetWidth  是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。

2015-03-02 15:56:54 257

转载 JS验证表单大全

js验证表单大全/*不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false; */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(

2015-02-28 14:13:15 286

转载 JS鼠标事件大全

JS鼠标事件,总结如下:1. 一般事件事件 浏览器支持描述onClick HTML: 2 | 3 | 3.2 | 4 / Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick    HTML: 2 | 3 | 3.2 | 4 / Browser: IE4 | N4 | O

2015-02-28 14:01:38 300

原创 Javascript错误处理

Javascript错误处理Javascript引擎执行代码时,会发生各种类型的错误,例如以下几点:1. 语法错误,可能是coder编码错误或错别字;2. 拼写错误或语言中缺少的功能(原因多为浏览器间的差异);3. 来自服务器或用户的错误输出而导致的错误;4. 其他未可知的错误。当错误发生时,Javascript引擎通常会停止,并生成一个错误信息,即Javasc

2015-02-28 09:37:17 685

原创 JS中使用return, return true, return false

在写JS函数时,我们经常用到return, return true, return false这三个返回语句,关于三者的区别总结如下:1、返回函数结果语法:return 表达式;语句执行后,将表达式的值作为函数的执行结果。2、返回控制无函数结果,语法为:return;3、防止默认的事件行为在多数情况下,为事件处理函数设置返回值为false,可以防

2015-01-12 17:08:12 4715 1

原创 IE6下div浮动文本偏移3px问题

写页面时碰到这个问题,IE6下,左边div固定宽度,左浮动,右边div宽度自适应,并采用margin-left靠右放置。代码如下:正常浏览器显示结果:IE6下显示结果:很明显,IE6下右边div内的文本靠左有3px的空隙。最简单的解决办法:#right{margin-left:50px;_margin-left:47px;}

2015-01-06 15:37:47 532

原创 学习如何使用:before与:after伪元素

在网页设计的道路上,:before与:after伪元素已经在前端开发中获得了越来越多的关注,清除浮动,创建GUI图标等的运用也日益普遍。本文收集了一些在伪元素下运行的内容,尽管css规范中包含其他伪元素,但我们的焦点是:before与:after,因此文章所说的伪元素就只指代这两个特别的伪元素。1、伪元素能做什么?“伪元素”,顾名思义,它创建了一个虚假的元素,并插入到目标元素之前或之后。它

2014-12-24 09:52:02 857

转载 BAT及各大互联网公司2014前端笔试面试题:JavaScript篇

原文出处: Ico_Coco 的博客(@CHoK__Coco_mAm)   欢迎分享原创到伯乐头条很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。

2014-12-22 17:36:06 595

转载 BAT及各大互联网公司2014前端笔试面试题:HTML/CSS篇

原文出处: Ico_Coco 的博客(@CHoK__Coco_mAm)   欢迎分享原创到伯乐头条很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。附上

2014-12-22 17:34:04 980

原创 工作中遇到的IE6兼容性问题及解决办法

1. 解决IE6下元素左浮动自动换行的问题  解决:元素左浮动,宽度自适应;CSS:display: inline-block;overflow: hidden;white-space: nowrap;2. IE6默认行高12px,高度低于12px的小图标背景时,高度失效   解决:PS做图时适当增大高度,或者图标间的空白像素。

2014-12-22 17:05:58 1515

你不知道的JavaScript(上卷)

你不知道的JavaScript(上卷)深入解析Javascript在编程中常用的难点:闭包,函数作用域,模块等。进一步掌握Javascript。

2015-08-28

jQuery1.11.0帮助手册

最新jQuery1.11.0帮助手册,必备函数查询资料,1.9版本更新总结。

2015-02-02

jQuery权威指南

全面介绍jQuery使用,偏基础,入门书

2014-12-23

响应式Web设计:HTML5和CSS3实战.pdf

响应式web开发必备,掌握移动设备页面制作,响应式中常用的html5与css3相关知识,常用布局介绍。

2014-12-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除