- 博客(190)
- 收藏
- 关注
RSS订阅
转载 new关键的深刻认识
题目点评考察对new关键的深刻认识，是否对前端知识有专研，如果没有专研的人，肯定说创建了一个对象，恭喜你面试官知道你是小菜鸟来的，这次面试基本上没有太大的希望了。一定要对new过程的4个步骤非常清楚，这样才能深深地抓住面试官的心！题目解析先看代码 [javascript] view plain copyvar Func=function(){ }; var fu...
2017-06-13 17:43:02
334
转载 undefined与null的区别
undefined与null的区别大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？一、相似性在JavaSc
2017-05-23 19:19:04
303
转载 毫秒必争，前端网页性能最佳实践
毫秒必争，前端网页性能最佳实践你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案，让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度，对自己的网站更有信心。最佳实践最佳实践我们引用的
2017-05-23 18:25:01
843
转载 JavaScript性能优化
JavaScript性能优化如今主流浏览器都在比拼JavaScript引擎的执行速度，但最终都会达到一个理论极限，即无限接近编译后程序执行速度。 这种情况下决定程序速度的另一个重要因素就是代码本身。在这里我们会分门别类的介绍JavaScript性能优化的技巧，并提供相应的测试用例，供大家在自己使用的浏览器上验证， 同时会对特定的JavaScript背景知识做一定的介绍。目录
2017-05-23 18:24:15
819
转载 用css让一个容器水平垂直
【原】用css让一个容器水平垂直阅读目录方法一：position加margin方法二： diaplay:table-cell方法三：position加 transform方法四：flex;align-items: center;justify-content: center方法五：display:flex;margin:auto方法六：纯position
2017-05-02 16:46:30
531
转载 CSS3 Media在常用设备的设置值
阅读目录手机 平板笔记本电脑可穿戴设备微信页面的适配摘要：今天的一个小小的项目中，在各种手机上样式都显示正常，唯独iphone4s的有些许问题。产品经理又说iphone4s用户还挺多的，无奈，只能查一查iphone4s的media值，顺便做个小小总结;直接上代码： 回到顶部手机 iphone View Code
2017-05-02 16:39:15
1494
转载 常用CSS优化总结——网络性能与语法性能建议
在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样
2017-05-02 15:23:14
329
转载 黄聪：异步加载JS的4种方式（详解）
方案1：$(document).readyDOCTYPE html>html> head> script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript">script> script type="text
2017-04-17 17:47:21
322
转载 浅谈 JavaScript 中定义变量时有无 var 声明的区别
浅谈 JavaScript 中定义变量时有无 var 声明的区别前段时间回答了一个关于定义变量时使用关键字 var 与否的区别，总结回顾一下。1.在函数作用域内 加 var 定义的变量是局部变量，不加 var 定义的就成了全局变量。使用 var 定义：var a = 'hello World'; function bb(){ var a = 'hello Bi
2016-07-27 16:07:29
653
转载 IIS日志-网站运维的好帮手
IIS日志-网站运维的好帮手阅读目录开始 IIS日志包含了哪些信息 IIS日志的配置 如何分析IIS日志 推荐的IIS日志分析方法 IIS日志中的异常记录 再谈 scwin32status=64 寻找性能问题 寻找可改进的目标 程序架构对IIS日志分析过程的影响对于一个需要长期维护的网站来说，如何让网站长久稳定运行是件很有意义的事情。 有些在开发阶段没有暴露的问...
2016-03-02 17:55:45
785
转载 跨站点攻击
做 WEB 开发当然要防止跨站脚本攻击了，尤其是开发BLOG、论坛、购物平台等可以让用户添加自定义内容的网站。有些开发者选择了将所有Html内容都过滤掉，但是这些不适合有些需要将自定义内容开放给用户的网站，比如淘宝、cnblogs、CSDN这样的网站。在 .net 下也有一些 Xss 过滤工具，但是这些工具都会将HTML过滤的很彻底，比如会将：[
2016-02-21 21:49:45
655
转载 sql 安全漏洞
1. 什么是SQL注入 所谓SQL注入，就是通过把SQL命令插入到表单窗体递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行一些恶意的SQL命令。通过递交参数构造巧妙的SQL语句，从而成功获取想要的数据。2. SQL注入的种类从具体而言，SQL注入可分为五大类，分别是：数字型注入、字符型注入、搜索型注入（like）、in型的注入、句语连接型注入。从应用来说，要
2016-02-21 21:32:47
544
转载 sql注入
1.web.config里加链接字段：[html] view plain copyconfiguration> connectionStrings > add name="myConnectionString" connectionString="Server=10.231.248.177;Databa
2016-02-21 21:27:33
450
转载 Hybrid模式开发app
关于Hybrid模式开发app的好处，网络上已有很多文章阐述了，这里不展开。本文将从以下几个方面阐述Hybrid app架构设计的一些经验和思考。原文及讨论请到 github issue通讯作为一种跨语言开发模式，通讯层是Hybrid架构首先应该考虑和设计的，往后所有的逻辑都是基于通讯层展开。Native（以Android为例）和H5通讯，基本原理：Android调用H5：通过webview类的l...
2018-06-07 16:26:30
3706
转载 从输入URL到页面加载的过程
大纲对知识体系进行一次预评级为什么说知识体系如此重要？梳理主干流程从浏览器接收url到开启网络请求线程多进程的浏览器多线程的浏览器内核解析URL网络请求都是单独的线程更多开启网络线程到发出一个完整的http请求DNS查询得到IPtcp/ip请求五层因特网协议栈从服务器接收到请求到对应后台接收到请求负载均衡后台的处理后台和前台的http交互http报文结构cookie以及优化gzip压缩长连接与短连...
2018-04-27 16:35:26
596
转载 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理
前言龙抬头过后，三月份进入第三周了。今日早读文章由@撒网要见鱼授权分享。正文从这开始～最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料，从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍。展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到...
2018-04-27 11:26:10
365
原创 npm 切换淘宝镜像几种方式
淘宝 npm 地址： http://npm.taobao.org/如何使用 有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例：1.临时使用npm --registry https://registry.npm.taobao.org install express12.持久使用npm config
2018-03-08 10:32:06
25762
转载 line-height
二、一些字面意思“行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。vertical-align中有top,middle,baseline,bottom与之是由关联的，但具体细节如何，浏览器差异
2018-02-28 16:24:31
410
转载 使用padding代替高度实现背景图片高度按比例自适应
高度百分比将高度设置成百分比时，其高度是基于父元素来定的，设置成50%，就是将该元素高度设置成 父元素的高度值 x 50%。但是将高度设置成百分比时，往往是不生效的！高度依然为0，这是为啥? 道理很简单，那就是父元素的高度也为0。所以这就需要讲到浏览器对宽度及高度是如何计算的。浏览器在计算有效宽度时会考虑浏览器窗口的宽度，如果没有设置绝对宽度，就会自动将页面内容横向平铺填满整个
2018-01-25 11:43:13
2597
转载 React-Redux 的用法
前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。为了方便使用，Redux 的作者封装了一个 React 专用的库 React-Redux，本文主要介绍它。这个库是可以选用的。实际项目中，你应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并
2017-12-19 15:15:04
379
转载 react中间件的概念
一、中间件的概念为了理解中间件，让我们站在框架作者的角度思考问题：如果要添加功能，你会在哪个环节添加？（1）Reducer：纯函数，只承担计算 State 的功能，不合适承担其他功能，也承担不了，因为理论上，纯函数不能进行读写操作。（2）View：与 State 一一对应，可以看作 State 的视觉层，也不合适承担其他功能。（3）Action：存放数据的对象，
2017-12-19 15:13:58
8182
转载 Redux 入门教程（一）：基本用法
零、你可能不需要 Redux首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。曾经有人说过这样一句话。"如果你不知道是否需要 Redux，那就是不需要它。"Redux 的创造者 Dan Abramov 又补充了一句。"只有遇到 React 实在解决不了的问题，你才需要 Redu
2017-12-19 14:55:02
373
转载 Koa 框架教程
Node 主要用在开发 Web 应用。这决定了使用 Node，往往离不开 Web 应用框架。Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。本文从零开始，循序渐进，教会你如何使用 Koa 写出自己的 Web 应用。每一步都有简洁易懂的示例，希望让大家一看就懂。
2017-12-13 11:22:26
1260
原创 Mockjs
为什么要用Mockjs?开发时，后端还没有写好接口，前端只能写静态模拟数据。将模拟数据写在js文件里面,数据太多了,看的眼花缭乱。后端完成后接口后，我们前端又要挨个去改api的url。写模拟数据太麻烦.需要收集很多的资源，图片，地址，随机数等；安装 mock axios安装 mock axios1npm install mockjs ax
2017-11-10 16:14:40
385
原创 iconmoon 使用说明
iconmoon 可以用来把svg图片生成字体图标，可以通过设置字体大小和字体颜色来改变图标的大小和颜色而不失真，下面是通过iconmoon网站来生成图标字体步骤，如下图所示：1：点击iconmoon App按钮进入按钮生成页面2：选择你要生成的图标或者导入你要生成的图标图片，然后点击generate font 按钮3：可以设置字体的名字，然后点击下载既可完成代码下载
2017-11-01 10:14:50
6064
转载 虚拟 DOM 可以做什么
React 和 Ember 都使用了虚拟DOM来提升页面的刷新速度。为了理解其如何工作，让我们先讨论一下几个概念：更新DOM的花费时间非常长当我们使用 JavaScript 来改变页面的时候，浏览器不得不做一些工作来找到需要的DOM节点，并且做出类似这样的改变：document.getElementById('myId').appendChild(myNewNode);1
2017-10-26 14:01:47
533
原创 sublime汉化过程
安装完sublime之后按住ctrl+shift+P 然后会出来一个框 在这个的里面直接输入 install 安装 选择install Package 安装完之后再在preferences 里面有一个Packages Control 打开然后在里面输入Chinese Localization 选择ChineseLocalization(回车或者鼠标单击击)即可
2017-10-23 11:27:57
355
转载 Javascript 严格模式详解
一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的安全
2017-08-31 09:50:20
333
转载 深入理解 JavaScript 异步系列（3）—— ES6 中的 Promise
第一部分，Promise 加入 ES6 标准原文地址 http://www.cnblogs.com/wangfupeng1988/p/6515855.html 未经作者允许不得转载！从 jquery v1.5 发布经过若干时间之后，Promise 终于出现在了 ES6 的标准中，而当下 ES6 也正在被大规模使用。本节展示的代码参考这里本节内容概述写一段传统
2017-08-16 10:10:16
437
转载 vue-cli + webpack 多页面实例应用
vue-cli + webpack 多页面实例应用关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。关于vue-cliVue-cli是vue官方提供的一个命令行工具（vue-cli），可用于快速搭建大型单页应用
2017-07-06 17:33:54
753
转载 基于webpack的前端工程化开发之多页站点篇（一）
前言碎语在最初接触webpack的较长一段时间里，我（也可能很多人）都觉得webpack是专为单页应用而量身打造的，比如webpack+React、webpack+vue等，都可以近乎完美的解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动态添加到dom文档中去。后来想想，这么好的工具这么好的方案为什么不能用在website（普通的web站点，姑且叫做website
2017-07-06 16:43:07
808
转载 在多页面项目下使用Webpack+Vue
在多页面项目下使用Webpack+Vue前言webpack+vue能很好的完成单页面应用的开发，官方也提供了很多例子和教程。但使用webpack能不能用到多页面项目中，同时又能使用vue进行模块组件化开发呢？这里将结合具体的项目，说明一下我是如何配置的。我们希望能在项目里做到在每个业务模块下会有很多页面，每个页面都是一个文件夹，所需的资源文件也都放在这个文件夹下
2017-07-06 16:15:23
2066
转载 vue.js原生组件化开发（二）——父子组件
前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中，组件之间可以嵌套，也因此生成父子组件。父子组件创建流程1.构建父子组件1.1 全局注册(1)构建注册子组件//构建子组件childvar child = Vue.extend({ template: '这是子组件'});//注册名为'child'的组件Vue.component('
2017-06-22 16:34:47
825
1
转载 vue.js路由vue-router（二）——路由进阶
导航钩子导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要用于控制导航的前进后退或跳转等。在开始之前，我们先来写两个路由新建html,引入vue.js及vue-router.jshtml lang="en">head> meta charset="UTF-8"> title>路由title> script src="j
2017-06-22 16:28:29
686
转载 vue.js路由vue-router（一）——简单路由基础
前言vue.js除了拥有组件开发体系之外，还有自己的路由vue-router。在没有使用路由之前，我们页面的跳转要么是后台进行管控，要么是用a标签写链接。使用vue-router后，我们可以自己定义组件路由之间的跳转，还可以设置稍复杂的嵌套路由，创建真正的spa（单页面应用）。我之前用vue-cli脚手架写了一个简单的人员管理实例，现在我们不用脚手架，就用原生的vue来写，本文也主要是通过
2017-06-21 16:21:47
1376
1
转载 vue.js原生组件化开发（一）——组件开发基础
前言vue作为一个轻量级前端框架，其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理，一个个组件即为一个个vue页面，这种叫单文件组件。我们在引用组件之时只需将组件页面引入，再注册即可使用。那么不用脚手架，如何进行组件开发呢，本文先介绍一下基础知识吧。组件使用流程1.组件构建1.1 extend构建法调用Vue.extend()方法，构
2017-06-21 11:54:25
3744
转载 vue-cli入门（四）——vue-resource登录注册实例
前言使用vue-resource请求接口非常方便，在使用前需安装vue-resource依赖并在入口文件main.js中声明。实例功能简述本实例只有简单的两个模块：登录和注册，主要演示如何用vue-resource请求接口以及后期逻辑书写。各个功能如下所示：登录模块登录-用户不存在登录-密码错误登录-成功
2017-06-21 11:49:28
30506
10
转载 vue-cli入门（三）——人员管理实例
前言在开始开发实例前，应首先了解一下vue-cli的项目结构。接着我们一起来实现一个小demo——人员管理，功能简单，通过这个实例让大家熟悉使用vue-cli开发项目的一些操作，加深对vue-cli项目结构的印象。实例功能简述人员管理项目，有两个页面，首页和管理页，管理页主要实现一个简单的增删改功能，各个功能如下所示（附github地址）路由新增
2017-06-21 11:40:19
1688
1
转载 vue-cli入门（二）——项目结构
前言在上一篇项目搭建文章中，我们已经下载安装了node环境以及vue-cli，并且已经成功构建了一个vue-cli项目，那么接下来，我们来梳理一下vue-cli项目的结构。总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。vue-cli项目总体结构文件结构细分
2017-06-21 09:25:54
1605
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人