Web前端

前言随着网络的快速普及，网络安全问题的受害者不再只是政府、企业等集体，每一个接触网络的普通人都有可能成为网络攻击的受害者。随着网络的普及，黑客进行网络攻击的手段越来也多，越来越复杂。以网站的攻击为例，据国家计算机网络应急技术处理协调中心的统计，一年中五个政府网站里就会有一个被入侵，而且入侵的数量每年都在以两倍多的速度增加。网络攻击的数量增加，除了攻击者的数量

1. 自己眼中的程序员万般皆下品，唯有coding高，一行代码，掌控世界，其他的都是渣渣….2. 老板眼中的程序员廉价搬砖工，不要创新，不要多想，低下头就是干。3. 产品经理眼中的程序员加班汪：随时待命，想改就改，改不完就加班。​4. 父母眼中的程序员整天就知道对着电脑玩，天天打游戏。​5. 女神眼中的程序员随叫随到，免费修电脑。​6. 丈母娘眼中的程序员赚

jsrender官网号称简单直观、强大轻快可扩展。压缩体积也只有8.9kb，可以单独在浏览器或node中使用，也可以配合jQuery使用。jsrender使用 {{}} 来做分界，如果{{}}与你现有的模板引擎冲突你可以使用api来自定义，比如：
$.views.settings.delimiters(“”);//原本

{{:name}

大家都知道服务器端可以返回的数据格式，主要就是：XML、HTML、JSON，当我们做数据抓取，ajax请求的时候都需要熟悉它们的使用。这篇文章主要围绕三个核心概念来进行介绍。XMLXML：可扩展标记语言，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言，主要用于数据传输。从语法上来讲，X

小伙伴们在写CSS3动画时，会发现在手机上很多时候会感到卡顿，然后Google到的解决方案大多是开启GPU加速transform: translate3d(0,0,0); 可解决，但是为什么开启GPU加速就能让动画顺滑呢?
我们从浏览器内部去理解下JS是单线程的，但是浏览器可以开启多个线程，渲染一个网页需要两个重要的线程来共同完成：Main Thread 主

几个月前，我写了一篇文章来描述 Node.js 现存的 CommonJS 模块和新的 ES6 模块系统的许多不同，也说明了在 Node.js 内核中实现这个新模型的内在的一些挑战。现在，我想分享一下关于这件事情的进展情况。明白你什么时候该知道你需要知道的东西在这之前，如果你还没准备好，你可以花一点时间来看一下我之前的描述这两个模块架构上存在许多根本区别的文章

jQuery简洁通用的方法集把编码者从繁重的工作中解脱出来，也拉低了进入javascript的门槛，初学者对浏览器兼容性一无所知的情况下，几行代码就可以写出超炫的特效。网上有一篇文章转载比较泛滥，已经不知道原文作者了，里面针对jQuery效率提升建议非常科学，现在重新组织里面的内容并转载。1.使用最新版本的jQueryjQuery的版本更新很快，你应该总是使

Vue.js 是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。这篇文章主要介绍element和Vue Adm

如何提高CSS性能，根据页面的加载性能和CSS代码性能，主要表现为： 加载性能 （主要是从减少文件体积，减少阻塞加载，提高并发方面入手），选择器性能，渲染性能，可维护性。 1、尽量将样式写在单独的css文件里面，在head元素中引用(1)内容和样式分离，易于管理和维护(2)减少页面体积(3)css文件可以被缓存、重用，维护成本降低2、不使用@import

整理一下CSS最容易躺枪的二十规则，大家能躺中几条？转载：API中文网 一、float:left/right 或者 position: absolute 后还写上 display:block？二、认为布局就是 Float，所有的地方都是 Float，全家都是 Float！三、认为 px 是一个绝对单位(px 是相对单位)整个页面都是 px,全家都是 px;

远程协作是一个听起来很酷的词，就像谈恋爱一样，听起来总是觉得它和浪漫一词相关，但实际进行起来却由于各种原因感觉不是那么浪漫。那么，我们这次就来分享一下远程协作过程中的浪漫和苦闷，以及我们在两者之间的取舍。远程协作，我们也把它叫做“云办公”，好处是自然可以想象：节省办公室租金（ HR 曾好几次跟我说公司办公室位置不够了，把我从这个地方赶到那个地方。）工作环境自

pdf.js是什么？pdf.js是一款开源的pdf文档读取解析插件，据说在HTML5下诞生的，对于主流的浏览器基本都支持。pdf.js框架的魅力所在无需任何本地支持，浏览器支持HTML5就能支持pdf.js（不过对于低版本的IE，就只能节哀了！）。pdf.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，，一个负责API解析，一个负责

通常我们会感觉网上有很多有趣的HTML应用，但这些应用非要你打开浏览器，输入网址。其实我们更喜欢直接点击桌面的一个图标就启动一个程序的这种体验。用html5+javascirpt+Css开发的本地桌面应用就是要提高给用户这种体验，这篇文章将介绍开发HTML5本地桌面应用的框架：ElectronElectron是这样一个框架，它可以帮助您使用JavaScrip

H5-Video 实践随着移动设备的飞速发展、各浏览器环境对Video支持的普及、Flash的没落，使用一个简单的VideoHTMLElement标签来替代原有的播放器插件进行视频媒体播放，帮我们更好的提高用户体验、增加更多的产品可能性已经日趋明显。这篇文章我们从Video的几种应用场景、各环境中依然或将长期存在的问题、基于原生Video进行业务开发常见的问

前言这次想聊聊移动开发相关的事。是的，你没有看错，一句话就可以开始你的移动前端开发。你心里一定在想，什么话这么酷，能够瞬间带入到移动前端开发的世界。但其实它一点也不新奇，不复杂。viewport简介没错，就是viewport特性，一个移动专属的Meta值，用于定义视口的各种行为。该特性最先由Apple引入，用于解决移动端的页面展示问题，后续被越来越多的厂商跟

Promise 想必大家十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？本文根据 Promise 的一些知识点总结了十道题，看看你能做对几道。以下 promise 均指代 Promise 实例。题目一const promise = new Promise((resolve, reject) => {console.log(1)resol

开源的世界真的很棒，技术的开源不仅仅促进的是社会的发展，有时还能看到一种精神，一种人性。当然，开源虽然并不意味着无私奉献，但是也不能暗藏玄机，或者暗度陈仓。真小人和伪君子还是有区别的。最近在知乎上有一个帖子《如何看待百度要求内部全面停止使用 React / React Native？》，非常的火爆，以至于引发了前端的一片热议，整个圈子都在讨论这件事。很多人就

引子本人是Java背景，许多年前刚接触JavaScript时有点怪怪的，因为它没有 getters 和 setters。随着时间的推移，我开始喜欢上这个缺失的特性，因为相比Java大量的 getter 和 setter，它让代码更简洁。例如，我们看看下面的Java代码：class Person{String firstName;String lastName

IT界程序员笑话，属于程序员的段子。总结80多条程序员的小幽默小白指南

如果你的浏览器禁用了js脚本，会出现网页无法正常显示，被禁用通常可能是某些软件或者病毒通过设置的原因。一般浏览器被禁用了javascript，打开页面时会提示：“您的浏览器禁用了JS脚本运行，请启用该功能”，那么怎么解除浏览器禁用js?这篇文章将总结整理各个浏览器如何开启、禁用javascript的方法总汇。IE浏览器开启JavaScript方法：在IE界面