朝阳个人技术博客

移动端布局常用技巧分享一些移动端常遇到的问题解决方式。按钮链接背景色去除移动端布局过程中，我们会发现a、button标签会有淡蓝色背景，通过如下方式可以去除：a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}是否选中文字select{user-select:none;}处理文字超出容器出现省略号单行文本超出出现省略号selector{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}超出指定行数的文本出现省略号-webkit-

浏览（327)

2016-09-05

个人博客

HTML5本地存储之Web Storage篇

Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地； localStorage setItem( configData , JSON stringify(trData)); 将数据保存到localStore localStorage setItem( configTime , timeGrit); 将时间粒度保存到localStore

浏览（228)

2016-03-29

个人博客

Heatmap.js – 最强大的 Web 动态热图

Heatmap 是用来呈现一定区域内的统计度量，最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap js 这个 JavaScript 库可以实现各种动态热力图的网页，帮助您研究和可视化用户的行为。Heatmap js V2 0 是目前网络上最先进的热图可视化库。新的2 0版本 Heatmap js 更快，拥有更强的渲染模块，使用更方便，因此您可以快速掌握和扩展自定义功能。下面是博主写的一个dem

浏览（284)

2017-08-26

个人博客

Google地图自定义mark样式的方法

在google v3里面取消了marker的label方法，所以要自己定义叠加层来使用带文字标签的标注，但是自定义的话非常繁琐，故引用现成的markerwithlabel js即可以实现对标注添加label。在使用过程中发生这么一个问题：marker标注的图标虽然显示出来了，但是都是集中在一个点（貌似是最后一个marker的位置）,下面是博主写的案列，插件API接口如下：MarkerWithLabel Example< title> labels { color: 000; font-weight: 900; f

浏览（378)

2017-08-21

个人博客

腾讯举办Web前端大会欲力推Web技术

近期，腾讯宣布将在深圳举办腾讯Web前端大会，届时将会邀请全国各地的开发者相聚中国创新之城深圳，聆听近20位国内外一线Web前端技术专家的技术分享，大会官网地址：https: TFC tencent com18年前腾讯起家的时候，凭借着良好可扩展的后台和优秀的客户端技术，使得QQ在众多即时聊天软件中脱颖而出，成为国内互联网社交领域的霸主，但彼时腾讯的成功跟Web技术的关系并不大。直到2004年，腾讯开始凭借Web技术开发出了相当成功的腾讯网和QQ空间，Web技术开始成为腾讯技术栈中的重要组成部分。随着PC电脑的性能飞跃，浏览器的性能也越来越好，接下来几年，腾讯开始利用Web技术，涉足各个不同的领域：电商、搜索、音乐等等，2009年诞生的WebQQ和2011年提出的Q+战略，都是基于腾讯当时搭建的Web平台。但2010年开始掀起的

浏览（301)

2017-06-02

个人博客

分享一个目前可用的翻墙方法

网络上google翻樯的软件非常之多，像SS类的、谷歌浏览器插件类的，蓝灯，云梯，自由门，还有就是vpn软件类的，但是这些产品中有80%是个人或

浏览（894)

2017-09-26

个人博客

马云演讲：梦想还是要有的，万一实现了呢

如果你不去采取行动，不给自己梦想一个实践的机会，你永远没有机会。多花时间看别人如何失败那时的我对生活有想法、有梦想、有目标，每天都会为下个月能否涨工资而努力，为了早日买房子而努力，我觉得有想法的日子才是最快乐的日子。今天我再说自己去买车子买房子就没有了当初的快乐，感觉不同。失败的原因都是由欲望、贪欲引起，大家应该多花时间看别人如何失败，学习别人的失败经验,失败的经历是宝贵的，而成功的经历是瞎扯的。创业一定要坚持自己的梦想当年我做教师时承诺校长要在学校待5年，我每月拿着89块钱的工资，面对外界一千多的工资诱惑，我依旧踏踏实实干了5年，只为了遵守对校长的诺言。创业时，你一定要坚持自己的梦想。初恋总是美好的，但是人们往往会遗忘初恋。我们在创业后一定要多多回忆当初创业

浏览（224)

2015-08-14

个人博客

如果要学习web前端开发，需要学习什么？

遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站？工资能拿到多少？还有些让我推荐一些培训机构什么的要去学习。我建议是自学，实在是觉得自己没有这个能

浏览（107)

2017-09-26

个人博客

你不得不学的es6

在没有学习 ES6 之前，学习 React，真的是一件非常痛苦的事情。即使之前你对 ES5 有着很好的基础，包括闭包、函数、原型链和继承，但是 React 中已经普遍使用 ES6 的语法，包括 modules、class、箭头函数等，还有 JSX 语法。所以，在学习 React 之前一定要先学习 ES6。关于 ES6 你必须要知道的一个教程，ECMAScript 6入门。这本书对于 ES6 的讲解非常详细，一步一步跟着来，绝对会对 ES6 的语法都了解到。学习 ES6，还要知道一个 ES6 的语

浏览（283)

2017-09-26

个人博客

每个前端开发者都要理解网页

每个前端开发者都要理解网页渲染渲染应该从最开始当页面布局被定义时就进行优化，样式和脚本在页面渲染中扮演着非常重要的角色。专业人员知道一些技巧以避免一些性能问题。浏览器是怎样渲染一个页面的？我们从浏览器渲染页面的大概过程开始说起：1 由从服务器接收到的 HTML 形成 DOM（文档对象模型）。2 样式被加载和解析，形成 CSSOM（CSS 对象模型）。3 紧接着 DOM 和 CSSOM 创建了一个渲染树，这个渲染树是一些被渲染对象的集合（ Webkit 分别叫它们renderer和render object，而在Gecko 引擎中叫frame）。除了不可见的元素（比如 head 标签和一

浏览（582)

2017-09-26

个人博客

javascript中的深拷贝和浅拷贝？

深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。抛开jQuery，上代码例子。下面是一个简单的浅复制实现：var obj = { a:1, arr: [2,3] };var shallowObj = shallowCopy(obj);function shallowCopy(src) { var dst = {}; for (var prop in src) { if (src hasOwnProperty(prop)) { dst[prop]

浏览（155)

2016-12-27

个人博客

闭包会造成内存泄漏吗？

前言　　在谈内存泄漏这个问题之前先看看JavaScript的垃圾收集机制，JavaScript 具有自动垃圾收集机制，就是找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）。常用的的方法有两种，即标记清楚和引用计数。　　标记清除　　JavaScript 中最常用的垃圾收集方式是标记清除（mark-and-sweep）。垃圾收集器在运行的时候会给存储在内存中的所有变量都加上

浏览（19)

2018-01-23

个人博客

文章推荐