分类目录归档：全部列表

2019
01-09

不要再问我移动适配的问题了

移动端适配的问题，一般来说我们都不会去深究，因为这种东西都是配置一次就再也不用管的了，接到设计图就按照祖传套路撸就完事了。按部就班的必定只能成为活动页写手，研究透彻以后，才能成为一名专业的活动页写手嘛。纠缠不清的关系文章开始，我们需要来捋清楚像素、视口以及缩放之间种种藕断丝连的关系，来抽丝剥茧一波。像素像素我们写得多了，不就是px嘛，为什么要拿出来说呢？因为像素还不仅仅就是px... 继续阅读 >
2019
01-03

你真的了解回流和重绘吗？

回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合一些例子，写了这篇文章，希望可以帮助到大家。浏览器的渲染过程本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，可以跳到后面。（这个渲染过程来... 继续阅读 >
2019
01-03

2018 年浏览器混战：为什么技术救不了 Edge？

随着微软正式确认放弃Edge，并基于Chromium引擎重启新的浏览器，我想借此机会分享一些有关当前Web浏览器格局的想法。Edge：注定要失败在推出3年之后，从市场份额来看，Edge无疑是失败的。根据用户的使用数据来看，它的份额仅为4-5％。这个数字居然是来自一家半垄断运营桌面操作系统的公司，而它曾经拥有80-90％的市场份额，几乎是完全垄断的。更糟糕的是，如果再算上移动市场，市场份额急剧下降至2％... 继续阅读 >
2019
01-03

前端模块化详解(完整版)

前言在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS,AMD,... 继续阅读 >
2019
01-03

ES6核心特性

前言ES6虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效！一、开发环境配置这部分着重介绍：babel编译ES6语法，如何用webpack实现模块化。1.babel为啥需要babel？ES6提供了许多新特性，但并不是所有的浏览器都能够完美支持。下图是各个浏览器对ES6兼容性一览表(以export为例)由上图可知，有些浏览... 继续阅读 >
2019
01-03

浅探前端图片优化

性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章将会将我以往对图片的处理做个总结。不同格式图片优劣对比有人可能会问说好的图片优化呢？怎么说到图片格式了，其实在不同的场景选择使用不同格式的图片就是对图片的一种优化，这是最直接最重要但是最容易... 继续阅读 >
2018
12-17

Redis是单线程的，但Redis为什么这么快？

近乎所有与Java相关的面试都会问到缓存的问题，基础一点的会问到什么是“二八定律”、什么是“热数据和冷数据”，复杂一点的会问到缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题，这些看似不常见的概念，都与我们的缓存服务器相关，一般常用的缓存服务器有Redis、Memcached等，而笔者目前最常用的也只有Redis这一种。如果你在以前面试的时候还没有遇到过面试官问你《为什么说Redis是单线... 继续阅读 >
2018
12-17

腾讯的历史

今天，我读到一篇英语文章，向美国读者介绍腾讯公司的历史。我觉得，这篇文章整理了好多资料，写得非常清楚。腾讯是怎么发展起来的，只看这篇文章就够了。下面就是它的译文，供大家参考。1、1971年，马化腾生于海南。13岁，随家人移居到深圳。1989年，父母希望马化腾在本地读大学，所以他选择了深圳大学，尽管他的高考分数可以上清华大学。马化腾早年对天文学着迷，打算选择这个专业，但是深圳大学没有天... 继续阅读 >
2018
12-17

程序员为什么焦虑于编程语言和框架？

近日读到一篇文章，作者是做海量分布式服务器系统设计开发的，文中提到：核心能力是什么？是架构设计，关键细节设计的能力和经验。在海量服务器设计领域，核心能力，大概包含物理设计和软件设计。物理设计包含：磁盘存储设计，内存缓存设计，核心数据结构设计，一致性问题处理，容灾设计等；软件设计方面包含：模块划分，接口定义，设计模式应用，核心数据传输结构设计等。拥有上面的核心能力，你用C/C++，Java，甚至... 继续阅读 >
2018
12-13

2018年值得期待11个Javascript动画库

在浏览网页寻找一个整洁的Javascript动画库时，我发现很多“recommended”的动画库一段时间都没有维护。经过一些研究，我收集了11个最好的库，在你的应用程序中使用。我还添加了一些，主要是非维护的，有用的库。使用UI组件时，您还可以使用Bit轻松地在不同应用程序之间共享这些组件，而不是复制粘贴它们，从不同项目进行更改并与其他项目协作。Bit-使用代码组件共享和构建_Bit可帮助您在项目和应用程序之间... 继续阅读 >
2018
12-13

图解WebGL和Three.js工作原理

一、我们讲什么？我们讲两个东西：1、WebGL背后的工作原理是什么？2、以Three.js为例，讲述框架在背后扮演什么样的角色？二、我们为什么要了解原理？我们假定你对WebGL已经有一定了解，或者用Three.js做过了一些东西，这个时候，你可能碰到了这样一些问题：1、很多东西还是做不出来，甚至没有任何思路；2、碰到bug无法解决，甚至没有方向；3、性能出现问题，完全不知道如何去优化。这个时候，我们需要了解更多。三、先... 继续阅读 >
2018
12-07

微软正在构建一个基于 Chromium 的浏览器并计划取代 Microsoft Edge

微软终于在浏览器上认输了？在用Edge取代多年的IE之后，如今Edge也低下了头颅，承认了Chrome的胜利。MicrosoftEdge浏览器在2015年1月21日公布，并在3月30日发布了第一个预览版，并在之后成为Windows10的默认浏览器，采用EdgeHTML渲染引擎并在体验上相比IE有着多项改进。但现在 Edge默认浏览器的地位已经岌岌可危，根据windowscentral的报道，微软将放弃自家的EdgeHTML渲染引... 继续阅读 >
2018
12-07

谷歌的JavaScript编写风格中 13点值得我们注意的！

对于那些还不熟悉JavaScript的编写风格的人，谷歌提供了编写JavaScript的编写风格指南，谷歌风格指南其中列出了编写干净、可理解代码的最佳风格实践。对于编写有效的JavaScript来说，这些并不是硬性的、快速的规则，而只是在源文件中维护一致的、吸引人的样式选择的规则。这对于JavaScript来说尤其有趣，它是一种灵活且多变的语言，允许多种风格的选择。谷歌和Airbnb有两个最受欢迎的编写风格指南。如果我的工作... 继续阅读 >
2018
12-07

用信鸽来解释 HTTPS

密码学是一门难以理解的学科，因为它充满了数学定理。但是除非你要实际开发出一套加密算法系统，否则你是没必要强制理解那些深奥的数学定理的。如果你阅读本文的目的是想设计下一套HTTPS协议，那我只能抱歉的说本文的知识还远远不够；如果不是的话，那么就煮杯咖啡，轻松愉悦的阅读本文吧。爱丽丝、鲍伯和...信鸽？你在互联网上从事的任何活动（阅读这篇文章、在亚马逊上购物、上传图片等）归结到底都是... 继续阅读 >
2018
12-07

如何优雅处理前端异常？

前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。1.增强用户体验；2.远程定位问题；3.未雨绸缪，及早发现问题；4.无法复线问题，尤其是移动端，机型，系统都是问题；5.完善的前端方案，前端监控系统；对于JS而言，我们面对的仅仅只是异常，异常的出现... 继续阅读 >
2018
12-03

PHP实现好友生日邮件提醒

我有一个想法是这样的，希望每天知道今天是我哪位好友的生日？当然，我得首先保存我所有好友的生日信息实现：在新浪申请免费服务器，并申请Mysql应用，然后建一张表保存好友的信息我想，我已经完成第一步了，idcard包含着出生日期。第二步，我们发现生日都是农历日期的，而我们常用的是公历日期所以，我们要实现获取今天的农历日期，这个是我从网上找到的一段公历转农历，农历转公历的源代码<?phpclassLunar{private... 继续阅读 >
2018
12-03

XOR 加密简介

本文介绍一种简单高效、非常安全的加密方法：XOR加密。一、XOR运算逻辑运算之中，除了AND和OR，还有一种XOR运算，中文称为"异或运算"。它的定义是：两个值相同时，返回false，否则返回true。也就是说，XOR可以用来判断两个值是否不同。trueXORtrue//falsefalseXORfalse//falsetrueXORfalse//truetrueXORfalse//trueJavaScript语言的二进制运算，有一个专门的XOR运算符，写作^。1^1//00^... 继续阅读 >
2018
12-03

离屏Canvas — 使用Web Worker提高你的Canvas运行速度

原文链接：developers.google.com现在因为有了离屏Canvas，你可以不用在你的主线程中绘制图像了！Canvas是一个非常受欢迎的表现方式，同时也是WebGL的入口。它能绘制图形，图片，展示动画，甚至是处理视频内容。它经常被用来在富媒体web应用中创建炫酷的用户界面或者是制作在线（web）游戏。它是非常灵活的，这意味着绘制在Canvas的内容可以被编程。举个... 继续阅读 >
2018
12-03

SQL优化指南

慢查询日志开启撒网模式  开启了MySQL慢查询日志之后，MySQL会自动将执行时间超过指定秒数的SQL统统记录下来，这对于搜罗线上慢SQL有很大的帮助。SHOWVARIABLESLIKE'slow%'以我刚安装的mysql5.7为例查询结果是这样子的：slow_launch_time：表示如果建立线程花费了比这个值更长的时间,slow_launch_threads计数器将增加slow_query_log：是否开启慢查询日志ON开启，OFF关闭默认没有开启... 继续阅读 >
2018
12-03

漫画赏析：Linux 内核到底长啥样

今天，我来为大家解读一幅来自TurnOff.us的漫画“InSideTheLinuxKernel”。 TurnOff.us 是一个极客漫画网站，作者DanielStori画了一些非常有趣的关于编程语言、Web、云计算、Linux相关的漫画。今天解读的便是其中的一篇。在开始，我们先来看看这幅漫画的全貌！这幅漫画是以一个房子的侧方刨面图来绘画的。使用这样的一个房子来代表Linux内核。地基作为一个房子，最重要... 继续阅读 >
2018
12-03

总结：如何修改美化radio、checkbox的默认样式

现在前端页面效果日益丰富，默认的input组件样式显然不能满足设计需求。前段时间开发项目中刚好接触到相关的需求，在此特地整理下修改radio、CheckBox样式的方法。原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给<input>元素设置为透明，然后通过定位让用户看到的是<label>元素，利用css的原生属性来判断用户的操作，设置选中后的label样式，即input[type=checkbox]:checked+labe... 继续阅读 >
2018
12-03

jQuery的没落和技术发展的一般规律

jQuery的成就jQuery是一个伟大的库，它解决了domapi兼容的问题，使得dom操作更简便它支持类似css选择器的方式来选择组件支持批量的操作数组中的元素，也叫隐式迭代支持链式操作，可以在一条语句中完成很复杂的逻辑有易于使用的插件扩展机制deffered的异步方案比promise更早。等等。jquery可以说在dom操作领域做的很棒了，几乎统治了一个时代，甚至影响了w3c，domapi中的querySelector就有j... 继续阅读 >
2018
12-03

ROS 和Web 带来更智能的机器人

随着AI的发展，机器人必然变得越来越智能。然而要实现智能化，除了需要丰富的AI算法外，还需要强大的操作系统支持——ROS就是这样一款非常受欢迎的机器人系统。ROS目前已经建立了庞大的生态系统，其参与者包括来自全球机器人行业的众多开发者，而英特尔开源技术中心（OTC）的Web团队也是其中重要一员。他们在客户端、edge、云、IoT、W3C标准、机器人技术等领域开发及应用web技术，致力于保持web开放、安全、特性丰... 继续阅读 >