大前端之路

摘要： 在前端开发中经常会碰到各种类型布局的网页，这要求我们对css网页布局非常熟悉。其中水平垂直居中布局，多列布局等经常会被使用到，今天就来解决一下css布局方面的问题。 水平垂直居中的几种方法 说到水平垂直居中布局我们一般会立马想到以下几种情况： 实验参数设置 未脱离文档流时 文本元素 行内元素 块状元 阅读全文

摘要： 今天在整理IE滤镜时 "网站访问这里" ，居然找到模糊滤镜blur(),感觉太不可思议了，想不到IE居然会有这么多种滤镜效果，这基本上是模仿PS的。今天的重点是模糊滤镜 CSS模糊效果及其兼容方法 实例 兼容方法 chrome: IE8及以下：需要注意的是IE下模糊程度较浅一点，可以将 的值适当调大 阅读全文

摘要： 随着WEB应用越来越复杂，用户对WEB安全也越来越重视。再加上前端工程师的工作面已逐渐扩大，开始覆盖到各种业务逻辑，因此如何应对各种WEB安全问题就显得十分重要，今天我们就来探讨下前端开发编码工作中可能造成的WEB安全问题及防御措施 a链接target="_blank"属性可造成钓鱼攻击 简介 如果 阅读全文

摘要： 尽管现在购买的云服务器很多都有一键web环境安装包，但是如果是自己配置web环境则需要对各种安全配置十分了解，今天我们就来尝试这做好web服务器安全配置。这里的配置不尽完善，若有纰漏之处还望指出。 修改Apache配置文件http.conf 以专用的apache用户运行 一般情况下，Apache是由 阅读全文

摘要： 最近在工作中常常接触到PHP，自己也写过一些简单的PHP页面。我们知道PHP是在服务器端运行的脚本语言，因此我们需要配置服务器环境。之前为了省事直接使用的是wamp集成环境，但是突然某一天领导要求我们做好Apache服务器的安全配置工作，自己下来就开始查阅各种资料和教程，还好任务上线问啥大问题。今天 阅读全文

摘要： 2015年6月，ECMAScript 6正式通过，成为国际标准。尽管在目前的工作中还没有使用ES6，但是每项新技术出来总是忍不住想尝尝鲜，想知道ES6能为前端开发带来哪些变化？对自己的工作有哪些方面可以提升。刚好看到阮一峰的《ES6标准入门》，便顺着这本书尝试着ES6的各种新特性。 <! more 阅读全文

摘要： 虽然ECMAScript5早就成为标准推出来了，但之前因为一直用的是ECMAScript3,并且工作中总是要求兼容IE的低版本，所以用的比较少。如今市场上大多数浏览器都能兼容ECMAScript5(IE8除外)，逐渐的就用的比较多了。今天主要是把ECMAScript5中新增奶的特性及方法总结一下，已 阅读全文

摘要： 自从接触到jQuery之后顿时就被jQuery的简洁且连续调用的方式吸引，在之后的前端开发中一直使用jQuery。用久了之后就越想弄清楚jQuery的源码，研究过源码之后才弄清楚原来他的本质还是javascript,很多常用的方法还是用js的基本方法写的。包装过后的js虽然使用方便，但是性能却打了折 阅读全文

摘要： 在客户端编程语言中如javascript，同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。只有当两个域具有相同的协议，相同的主机，相同的端口时，我们就认定他们是相同的域。可是在实际开发中我们经常需要获取其他域的资源，这个时候各种不同的跨域资源方式就各显神 阅读全文

摘要： 面对各种各样的JavaScript代码，我们有时候难免会犯错。可当自己仔细研究一下，哦原来是这么回事。有时候怎么会想为什么Javascript程序会是这样执行的呢？为什么没有得到自己预期的答案呢？自己到底是哪一步想错了呢？这时候就想如果我是JS执行流我会怎么执行？仔细想想这些问题，原来这其中还包含着 阅读全文

摘要： 在前端开发中我们常常需要考虑首屏加载时间，为了尽可能减少首屏加载时间我们需要弄清楚从输入网址到页面最终呈现的过程中都发生了哪些事情，然后才能具体问题具体分析，最终达到提升网页性能的目的。从输入网址到页面呈现过程中都发生了什么？据说这是一个非常经典的面试题，考察的问题面也很广，今天我就从一个前端开发工 阅读全文

摘要： 尽管css选择器效率问题已经不是什么新鲜问题，但是我觉得还是有必要拿出来认真分析一下。之前只是看到别人这么写我也跟着这么写，并没有想清楚问什么要这样写？这样写真的能提高页面渲染效率吗？尽管自己技术不怎么样，但还是需要拿出一种打破砂锅问到底的决心来深究一下css选择器效率问题，通过自己写个demo亲自 阅读全文

摘要： PS界面设置 首选项设置 编辑 首选项 单位与标尺 单位改为像素 移动工具设置 工具栏 自动选择 图层 视图设置 打开标尺和智能参考线 窗口设置 打开图层 信息 字符 历史记录 其他的面板可关闭 信息右侧设置 面板选项 颜色模式RGB 单位像素 勾上文档尺寸和文档大小 窗口 工作区 新建工作区 前端 阅读全文

摘要： 图像调整调整色阶 【Ctrl】+【L】自动调整色阶 【Ctrl】+【Shift】+【L】打开曲线调整对话框 【Ctrl】+【M】在所选通道的曲线上添加新的点(‘曲线’对话框中) 在图象中【Ctrl】加点按在复合曲线以外的所有曲线上添加新的点(‘曲线’对话框中) 【Ctrl】+【Shift】加点按 移 阅读全文

摘要： 本节主要介绍核心CSS，从整体架构中的7个Less文件对应的源码分别进行分析 scaffolding.less 这个文件编译后的css文件(886~989行)其作用就像定义全局样式。 type.less 排版样式，编译后对应源码为990~1335行 code.less 代码样式，编译后对应源码为13 阅读全文