10 2017 档案
摘要：【转】【web前端开发】浏览器兼容性处理大全 1、居中问题 div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码margin: 0 auto; 2、高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重
阅读全文
摘要：【转】js中点击事件方法三种方式的区别 在javascript中，可以为某个元素指定事件，指定的方式有以下三种： 1、在html中，使用onclick属性 2、在javascript中，使用onclick属性 （1）注意函数名没有双引号。 3、在javascipt中，使用addEvenListene
阅读全文
摘要：【转】js 中继承的几种方式 继承的方式一共有三种： 一、原型继承 通过prototype 来实现继承。 function Person(name,age) { this.name=name; this.age=age; } Person.prototype.sayHello=function(){
阅读全文
摘要：【转】重新理解JS的6种继承方式 写在前面 一直不喜欢JS的OOP，在学习阶段好像也用不到，总觉得JS的OOP不伦不类的，可能是因为先接触了Java，所以对JS的OO部分有些抵触。 偏见归偏见，既然面试官问到了JS的OOP，那么说明这东西肯定是有用的，应该抛开偏见，认真地了解一下 约定 P.S.下面
阅读全文
摘要：【转】理解javascript中的事件模型 javascript中有两种事件模型：DOM0，DOM2。而对于这两种的时间模型，我一直不是非常的清楚，现在通过网上查阅资料终于明白了一些。 一. DOM0级事件模型 DOM0级事件模型是早期的事件模型，所有的浏览器都是支持的，而且其实现也是比较简单。代码
阅读全文
摘要：【转】Javascript 原型链之原型对象、实例和构造函数三者之间的关系 前言：用了这么久js，对于它的原型链一直有种模糊的不确切感，很不爽，隧解析之。 本文主要解决的问题有以下三个： （1）constructor 和 prototype 以及实例之间啥关系？ （2）prototype是啥，__p
阅读全文
摘要：【转】对于js原型和原型链继承的简单理解（第一种，原型链继承） 原型是js中的难点加重点，也是前端面试官最爱问的问题之一，因为面试官可以通过被面试者对原型的理解、来判断被面试者对js的熟悉程度。 原型的定义 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型
阅读全文
摘要：【转】js基础篇——原型与原型链的详细理解 js中的对象分为两种：普通对象object和函数对象function。 function fn1(){}; var fn2 = function(){}; var fn3 = new Function(); var fn4 = Function(); va
阅读全文
摘要：【转】ES6新特性概览 本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。 ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制
阅读全文
摘要：关于Flex，有12个属性很重要 这几天在学习Flex布局，发现Flex真的好厉害！ Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性。 Flex是它可以简单、完整、响应式的实现各种网页布局，目前已经得到了大多数主流浏览器的支持，有关于它的兼容性可以在CanI
阅读全文
摘要：【转】Web前端工程师成长之路——知识汇总 一、何为Web前端工程师？ 前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发工程师，主要职责是利用(X)HTML/CSS /JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代
阅读全文
摘要：ajax跨域请求，目前已用几种方法实现： 1）用原生js的xhr对象实现。 var url="http://freegeoip.net/json/"; //创建xhr对象 function createCORSXhr(url,method){ var xhr=new XMLHttpRequest()
阅读全文
摘要：一、使用情况：AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下使用。AJAX的核心：向服务器发送多个请求而无需用户等待来至服务器的响应。 二、AJAX的优势 1.异步加载数据，无需切换页面,不需要刷新 2.更佳的用户体验：局部刷新、及时验证、操作步骤简化等 3.节省流量
阅读全文
摘要：前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访
阅读全文
摘要：摘要: 结合Echarts和D3，介绍Canvas和SVG各自的特点和区别 Canvas和SVG是html5支持的两种可视化技术。基于这两种技术，诞生了很多可视化工具。 Echarts是基于Canvas技术的可视化工具，底层封装了原生的JavaScript的绘图 API。我们很容易联想到另一个同样很
阅读全文
摘要：PS: https就是http和TCP之间有一层SSL层，这一层的实际作用是防止钓鱼和加密。防止钓鱼通过网站的证书，网站必须有CA证书，证书类似于一个解密的签名。另外是加密，加密需要一个密钥交换算法，双方通过交换后的密钥加解密。 http与https有什么区别呢？本文详解http和https的区别。
阅读全文
摘要：简介 “简单却不失优雅，小巧而不乏大匠”。2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（E
阅读全文
摘要：ECharts.js 交互组件 ECharts.js有很多的交互组件，一般经常用到的组件有这些： title：标题组件，包含主标题和副标题。 legend：图例组件,展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。 xAxis：直角坐标系 grid 中的 x 轴
阅读全文
摘要：Echarts 数据绑定 简单的统计表已经可以生成，不过之前图标数据都是直接写在参数里面的，而实际使用中，我们的数据一般都是异步读取的。EChart.js对于数据异步读取这块提供了异步加载的方法。绑定多组数据 很多时候需要展示的数据不单单是一组数据，很多时候会进行一个数据对比。这个时候只需要在ser
阅读全文
摘要：最近有一个统计的项目要做，在前端的数据需要用图表的形式展示。网上搜索了一下，发现有几种统计图库。 MSChart 这个是Visual Studio里的自带控件，使用比较简单，不过数据这块需要在后台绑定。 ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5
阅读全文
摘要：摘要: 这3类主流应用你都了解吗？设计师除了要有视觉功夫，对不同形式的APP也应当了然于胸，今天百度的同学写了一篇非常全面的总结，帮你迅速搞定3类主流APP的设计方法，附带一大波避雷针，带你巧妙跳过APP设计的雷区，涨姿势是分分钟刻不容缓的事咯！ 目前主流应用程序大体分为三类：Web App、Hyb
阅读全文
摘要：首先，我们要知道，为什么各浏览器会产生兼容性问题？ 产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。 解决浏览器兼容性问题，还是从三个方面入手：html部分、css部分、js部分。 1、html部分 a、最突出也是最容易想
阅读全文
摘要：【转载】Web前端面试题目汇总 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中有一些未解决的问题，通过对知识的整理以及经验的总结，重新巩固自身的前端基础知识，如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。:） HTML/CSS部分 1、什么是盒子模型？ 在网页中，一个元素占
阅读全文
摘要：【转】jQuery中bind，live，delegate，on绑定事件的方式与区别 jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。 已知有4个列表元素: 列表元素1 列表元素2 列
阅读全文
摘要：【转载】JavaScript中基本数据类型和引用数据类型的区别 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是
阅读全文
摘要：【转载】探讨跨域请求资源的几种方式 什么是跨域 JSONP proxy代理 cors xdr 由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表（来源） JSONP 这种方式主要是通过动态插入一个script标签。浏览器对script的
阅读全文
摘要：【转载】gulp基本介绍 一、gulp是什么 gulp就是用来机械化的完成重复性质（如less->css；js、css压缩；js混淆）的工作；gulp的机制就是将重复工作抽象成一个个的任务。 二、gulp使用 a.首先确保电脑上已经正确安装了node环境； b.其次再全局安装gulp，命令行语句：n
阅读全文
摘要：【转载】前端模块化开发 一、为什么要进行模块化开发 1.命名冲突 在实际工作中，相信大家都遇这样的问题：我自己测试好的代码和大家合并后怎么起冲突了？明明项目需要引入的包都引进来了怎么还报缺少包？……这些问题总结起来就是命名空间冲突及文件依赖加载顺序问题。举个最简单的例子来解释一下命名空间冲突问题，看
阅读全文
摘要：事件绑定和普通事件的区别 普通添加事件的方法： var btn = document.getElementById("hello"); btn.onclick = function(){ alert(1); } btn.onclick = function(){ alert(2); } 执行上面的代
阅读全文
摘要：Javascript数组中shift()和push(),unshift()和pop()操作方法使用 Javascript为数组专门提供了push和pop()方法，以便实现类似栈的行为。来看下面的例子： var colors=new Array(); //创建一个数组 var count=colors
阅读全文
摘要：开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。 一、IE6双倍边距bug 当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在I
阅读全文
摘要：想要深入了解 call() 和 apply() 这两个方法，那么必须要先知道他们的基本作用： 改变对象的执行上下文 什么是执行上下文？ 我们在写一个方法的时候，总是会用到一个关键字this，而this的指向就是我们这里所说的执行上下文（执行环境） 首先我们要知道，this指向的永远是调用该方法的对象
阅读全文
摘要：CSS引入的方式有哪些? link和@import的区别是? 有 4 种方式可以在 HTML 中引入 CSS。 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例： <div style="background: red"></div> 这通常是个很糟糕的
阅读全文
摘要：JS中截取字符串中子串的三种方法substring() , slice() and substr(). 在JS中,Javascript提供了两种截取字符串中子串的方法: 1.substring(str,end) str是必须输入,必须是正值; end是可选的必须是正值; 根据字面意思,str为截取的
阅读全文
摘要：Webpack 常用命令总结 构建命令，webpack的常用参数
阅读全文
摘要：webpack 特点 代码拆分 Webpack 有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，每一个异步区块都作为一个文件被打包。 Loader Webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以将各种类型的资
阅读全文
摘要：从输入URL 到页面加载完成的过程 根据 URL 请求页面过程 说实话，这类文章网上一抓一大把，而我仍想写这篇博客，一方面是想再仔细缕一下这个过程，另一方面是希望用清晰的语言和结构来解释，也算是小小地挑战一下自己。 过程概述 浏览器查找域名对应的 IP 地址； 浏览器根据 IP 地址与服务器建立 s
阅读全文
摘要：mysql cmd常用命令 mysql cmd常用命令有以下命令： 将mysql目录下bin目录中的mysql.exe放到C:\WINDOWS下，可以执行以下命令 连接：mysql -h主机地址 -u用户名 －p用户密码 （注:u与root可以不用加空格，其它也一样） 断开：exit （回车） 创建
阅读全文
摘要：php中explode和implode函数 explode array explode ( string $delimiter, string $string, [ , $limit ] ) 函数返回由字符串组成的数组，每个元素都是string的一个子串，被字符串$delimiter作为边界点分割出
阅读全文
浙公网安备 33010602011771号