yuyongkun4519
- 浏览: 42664 次
- 性别:
- 来自: 深圳
-
最新评论
文章列表
vue
computed和watch区别
computed:必须是同步，必须有return
watch:可以异步,不需要return
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body {
padding: 0px;
margin: 0px;
}
div {
position: ...
JavaScript数据安全
- 博客分类：
- 技术型
防篡改对象：
1,不可扩展对象
Object.preventExtensions(obj)
对象属性不可新增，可以删除，可以修改。
2，密封对象
Object.seal(obj)--相当于对象属性的[[configurable]]被设置为false，这意味着不能输出属性和方法。
对象属性不可新增，不可删除，可以修改。
3，冻结对象
Object.freeze(obj)
对象属性不可新增，不可删除，不可修改。
JavaScript预编译
- 博客分类：
- 技术型
js预编译：
如下实例：
function a(a,b,c){
console.log(a);
var a=123;
function a(){}
console.log(a);
var b=function(){};
console.log(b);
function c(){}
console.log(c);
}
a(1,2,3);
要想准确得到打印结果，必须对js预编译有深刻的理解。只有理 ...
Webpack入门教程
- 博客分类：
- 技术型
webpack入门
webpack可以看作是现代Javascript应用程序的静态模块打包器。当webpack处理你的应用程序时，它会根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。（另一种模块化解决方案browserify，这里不作讨论。）
webpack和grunt以及gulp相比有什么特性
webpack：提供了一种前端模块化解决方案（和requirejs类似却又有不同，按照amd规范写的js可以通过requirejs在线解释执行，而webpack提供的是一种预编译模块的方案，编译之后发布到线上可以在浏览器中直接运行）。
...
nodejs中require函数原理详解
例子：当前脚本文件home/project/about/index.js里面执行
require('x')
分析其查找顺序：
1，如果x是内置模块 （比如：require("http")）
从node系统模块查找
2，如果x不是内置文件
1) 首先确定x的路径可能是下面这些路径，依次查找这些路径
/home/project/about/node_modules/x
/home/project/node_modules/x
/home/node_modules/x
/node_ ...
JavaScript-异步编程
- 博客分类：
- 技术型
由于js是单线程的，对于一些耗时操作通常采用异步执行的方式。
常用异步执行方式：
1，回调函数
假如顺序执行下面两个函数，其中fn1是比较耗时的操作。
fn1(){};
fn2(){};
这是可以考虑把fn2作为fn1的回调函数执行
fn1(cal ...
jQuery的deferred对象详解
- 博客分类：
- 技术型
今天介绍jQuery1.5.0版本引入的一个新功能--Deferred.一，什么是Deferred对象？开发网站中经常有一些耗时操作，这些耗时操作既有异步操作（ajax读取服务器数据），也有同步操作（遍历一些大型数组），通常这些操作不能马上得到结果，我们这时候就会用回调函数（callback），原来jQuery对回调函数方面的功能比较弱，于是有了Deferred。所以说Deferred是jQuery的异步回调解决方案。二，ajax链式写法jQuery的ajax操作的传统写法：
$.ajax({
url: "test.php",
success: functi ...
源映射(Source Map)详解
- 博客分类：
- 前端框架
http://www.cnblogs.com/xuld/p/5882677.html
一、什么是源映射
为了提高性能，很多站点都会先压缩 JavaScript 代码然后上线，
但如果代码运行时出现错误，浏览器只会显示在已压缩的代码中的位置，很难确定真正的源码错误位置。
这时源映射就登场了。
源映射(Source Map)是一种数据格式，它存储了源代码和生成代码之间的位置映射关系。
源映射一般使用 .map 扩展名，源映射本质是一个 JSON 文本文档，其 MIME 类型也一般设为 application/json。
二、如何使用源映射
在 JavaScript 代码中添加 ...
content = "IE=edge,chrome=1" 详解
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6)，以此来解决部分兼容问题，例如模拟IE7的具体方式如下：
< meta http-equiv = "X-UA-Compatible" content = "IE=Emulate ...
html5shiv：解决ie9以下浏览器对HTML5新增标签的不识别，并导致CSS不起作用的问题。
respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问Html5网站，故这两种方案还是需要的，
下面是两个解决方法的cdn地址写法：
复制代码
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js">< ...
响应式布局，理想状态是，对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器，但是IE8在市场当中仍然占据了比较大量的市场份额，使我们不得不进行IE低端浏览器的考虑。
那么如何在IE6~8浏览器中兼容响应式布局呢？这里我们需要借助这样一个文件：respond.js。文件下载地址：https://github.com/scottjehl/Respond。
友情提示各位朋友，关于respond.js的使用，有一些需要注意的地方，一旦不注意，在IE6-8中就无法显示出来。
一、书写基本样式
要想实现响应式布局，首先需要书写基本的响应式布局的样式。
复制代码
h ...
BootStrap学习笔记，优缺点总结
- 博客分类：
- 前端框架
本篇约定Bootstrap简写为BT
BT的受欢迎程度是大家有目共睹的，用它可以快速的搭建出网站。很早就接触过这个框架，其中的栅格系统，css模块化以及js插件做的相当不错，由于工作中较少使用也一直没有好好梳理下，这篇文章就 ...
常用图标字体推荐收藏
- 博客分类：
- 字体
http://www.bootcss.com/p/font-awesome/#icons-new
https://icomoon.io/app/#/select
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
2010-07-09 16:26 448人阅读 评论(0) 收藏 举报
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽 ...