前端
关注
分享
扫一扫
yangxiaoyanger
这个作者很懒，什么都没留下…
展开
-
html中href和src的区别
href通常应用于a、link元素中，对文档和外部链接简历管理，src是会把文档替换掉当前标签所在的位置，img 、iframe、script是经常用到的。参考： href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如： <link href="reset.css" rel=”st...原创 2018-09-19 13:58:21 · 339 阅读 · 0 评论 -
浅析XSS和CSRF攻击及防御
原文链接浅析XSS和CSRF攻击及防御定义XSS(Cross Site Scripting跨站脚本)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。CSRF（Cross-site request forgery跨站请求伪造）是一种依赖web浏览器的、被混淆过的代理人攻击。XSS定义的主语是“脚本”，是一种跨站执行的脚本，也就是j...转载 2018-05-09 13:36:34 · 1095 阅读 · 0 评论 -
js中string类型的方法
var string = "abcdefd";string.split('') //["a", "b", "c", "d", "e", "f", "d"];string.slice(2); //截取字符串,返回2以后的字符串string.charAt(2); //返回第三个字符string.subStr(2, 3); //返回从第三个字符原创 2018-04-05 18:57:34 · 1141 阅读 · 0 评论 -
css定位——清除浮动
参考清除浮动6种方法额外标签法使用:after 伪元素给父元素定高利用overflow:hidden;属性父元素浮动父元素处于绝对定位在开发网页的时候经常需要用到各种浮动，此时便需要及时的清除浮动，否则将会导致布局出现问题引出问题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...转载 2018-03-29 16:15:43 · 833 阅读 · 0 评论 -
前端基础进阶（十二）：深入核心，详解事件循环机制【推荐】
转载自 前端基础进阶【该作者写了前端基础进阶文章，超级推荐！】JavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条...转载 2018-04-11 15:12:34 · 223 阅读 · 0 评论 -
ES6 — 箭头函数
一 为什么要有箭头函数我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': function () { setInterval(function () { console.log('我叫' + this.name + '我今年'...转载 2018-04-11 13:46:01 · 170 阅读 · 0 评论 -
JavaScript中的ReferenceError和TypeError两种错误的区别
转自JavaScript中的ReferenceError和TypeError两种错误的区别作为前端工作人员，在调试JavaScript程序的时候经常遇到两个错误：ReferenceError和TypeError。下面就对我这两种错误说说我的见解 1.首先：字面上的意思分别为引用错误和类型错误； 2.作用域：ReferenceError就是在作用域中找不到、TypeError是在作用域中找到了但是 ...转载 2018-04-04 09:29:03 · 30252 阅读 · 0 评论 -
汤姆大叔的深入浅出js---变量对象（VO）
转自 汤姆大叔深入浅出js系列大多数ECMAScript程序员应该都知道变量与执行上下文有密切关系：var a = 10; // 全局上下文中的变量 (function () { var b = 20; // function上下文中的局部变量})(); alert(a); // 10alert(b); // 全局变量 "b" 没有声明并且，很多程序员也都知道，当前ECMAScri...转载 2018-04-03 20:47:39 · 701 阅读 · 0 评论 -
node web 打包成桌面应用
参考 node-webkit 和node-webkit打包工具是的使用node web需要有package.json文件和index.html文件package.json中需要指定main属性，对应的是index.html的位置copy /b nw.exe+ga.zip app.exe...原创 2018-05-09 15:14:41 · 607 阅读 · 0 评论 -
jsrsasign的签名实现
参考jsrsa签名实现参考基于jsrsasign框架的vue在rsa的签名过程参考：https://www.jianshu.com/p/78821648d6ff应用库： http://kjur.github.io/jsrsasign/ github： https://github.com/machinewu/jsrsasign这个是由前端用私钥签名，后端用公钥验证的过程。前端生成随机的32位随机...原创 2018-05-22 13:57:57 · 7446 阅读 · 1 评论 -
函数声明与函数表达式
函数声明和函数表达式匿名函数和具名函数原创 2018-09-05 14:42:49 · 265 阅读 · 0 评论 -
你不知道的js之欺骗词法作用域（已废弃，仅供了解）
无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处 的位置决定。改变词法作用域有两种‘欺骗’手段：1. eval，eval(..) 都可以在运行期修改书写期的词法作用域。2. with,with是为重复使用对象。会形成一个新的作用域，将对象的属性当作标识符来表示。这两个欺骗手段都是在运行阶段起作用，因为编译阶段会认为这段无效，也是因为没法在编译阶段进...原创 2018-09-05 14:08:00 · 339 阅读 · 0 评论 -
RHS和LRS查找区别
LRS和RHS是作用域查找范畴中的两个概念。LHS通常目标是对一个变量进行赋值操作。会把一个变量对应的容器本身，从而可以对这个变量进行赋值。而RHS通常是在等号的右边，目标是查找到变量对应的值，其实应该叫‘非左侧’更合适一点。例如foo(2)是RHS查询，console.log(a)也是RHS查询。 ...原创 2018-09-05 13:31:11 · 728 阅读 · 0 评论 -
ReferenceError和TypeError区别
ReferenceError和TypeError区别在于，ReferenceError是和作用域查找相关，TypeError是查找作用域成功，但是对变量的操作非法或者错误所生成。假如查找不到变量。LHS在非严格模式下找不到变量会自动生成全局变量，但是在严格模式会和RHS一样ReferenceError的错误。假如能查找到变量，对其进行非法或者不正确的操作都会报TypeError的错误。...原创 2018-09-05 13:21:37 · 1344 阅读 · 0 评论 -
基于node-webkit + enigmavb.exe打包一个node web应用为windows的打包方案
工具（node-weblit与enigmavb.exe）下载地址： https://github.com/rogerwang/node-webkithttp://enigmaprotector.com/assets/files/enigmavb.exe参考：基于node-webkit的web项目打包方案步骤：1. 生成包含有package.json配置文件的完整的web应用压缩包example.z...原创 2018-06-27 15:08:05 · 1079 阅读 · 0 评论 -
AngularJS中的factory、service以及provider的区别
初学 AngularJS 时， 肯定会对其提供 factory 、 service 和 provider 感到疑惑， 这三种都是提供服务的方式， 他们到底有什么区别呢？factoryfactory 可以认为是设计模式中的工厂方法， 就是你提供一个方法， 该方法返回一个对象的实例， 对于 AngularJS 的 factory 来说， 就是先定义一个对象， 给这个对象添加属性和方法， 然后返回这个对...转载 2018-06-05 15:02:09 · 783 阅读 · 0 评论 -
DOM绑定事件的三种方式
1. 在DOM中绑定。在DOM中绑定有两种方式:直接在html中onXxxx = "jsCode"在html中onXxx = "handleName()"，然后在js文件中定义 function handleName() {jsCode} <button onClick="alert('111')" type='button'></button> <bu...原创 2018-05-16 08:52:25 · 8012 阅读 · 0 评论 -
伪元素::after和::before
::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的:CSS代码div::after { content: "你好";}HTML代码<div> <!-- div里的其它内容 --> 你好</div&...转载 2018-04-09 21:12:05 · 164 阅读 · 0 评论 -
angularJs自定义指令
1. 定义对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素 的功能。2.定义指令的方法：第一个参数，指令的名字myDirective 用来在视图中引用特定的指令。第二个参数是一个函数，这个函数返回一个对象，$compile服务利用这个方法返回的对 象，在DOM调用指令时来构造指令的行为。3.指令设置的选项restrict 指令在DOM中可以何种形式被引用或声明E（元...转载 2018-04-09 20:52:30 · 203 阅读 · 0 评论 -
javascript执行机制
javascript执行机制转自：ssssyoki 这一次，彻底弄懂 JavaScript 执行机制在掘金上讲解js执行机制的文章，收获很多。故复制过来，做复习笔记用不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript...转载 2018-04-09 14:00:55 · 163 阅读 · 0 评论 -
原生js编写插件
作为一个前端er，如果不会写一个小插件，都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库，否则装得不够高端。那么，如何才能装起来让自己看起来逼格更高呢？当然是利用js纯原生的写法啦。以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体上是有些浮夸了。不过，也从侧面说明了原生js在前端中占着多么重要的一面。好了。废话不多说。咱们就来看一下怎么去做一个自己的...转载 2018-04-08 21:20:31 · 11753 阅读 · 3 评论 -
angular、vue、react的区别
前端这几年的技术发展很快，细分下来，主要可以分成四个方面：1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前端开发范围的扩展，如服务端的nodejs,e...转载 2018-04-08 20:16:35 · 1160 阅读 · 0 评论 -
一道必看前端面试题
转自 一道必看前端面试题https://www.cnblogs.com/intangible/p/8066979.htmlhttps://www.jianshu.com/p/d530bf4f44e3金三银四搞事季，前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。以下是我一个朋友的故事，真的不是我。for...转载 2018-04-08 21:59:12 · 812 阅读 · 0 评论 -
盒模型理解
参考： 盒模型理解前端的盒模型包括两种，分别是W3C盒模型和IE盒模型。W3C盒模型包括content、padding、border、margin。其中width = contentIE盒模型包括content、padding、border、margin。其中width=content+padding+border后来W3C在CSS3中新增了box-sizing的样式，属性包含content-bo...转载 2018-03-27 13:53:44 · 470 阅读 · 0 评论 -
:before和::before是什么区别
转自:before和::before区别题目点评这个问题看来很简单，但如果之前没有琢磨这个问题，给人感觉也是门头一垂，听到这个题目就懵逼了，因为原来从来没有注意过这个问题，即便有注意这个问题也不能很好的回答清楚。回答的技巧就是从相同点和不同点，以及他们的作用，及注意事项上去回答。解答要点 相同点都可以用来表示伪类对象，用来设置对象前的内容:befor和::before写法是等效的 不同点:befo...转载 2018-03-27 14:01:05 · 26346 阅读 · 3 评论 -
过目不忘JS正则表达式
转自过目不忘的js正则表达式 正则表达式，有木有人像我一样，学了好几遍却还是很懵圈，学的时候老明白了，学完了忘光了。好吧，其实还是练的不够，所谓温故而知新，可以为师矣，今天就随我来复习一下这傲娇的正则表达式吧。 为啥要有正则表达式呢？其实就是因为计算机笨（这话不是我说的），比如123456@qq.com，我们一看就是邮箱，可是计算机不认识啊，所以我们就要用一些计算...转载 2018-03-28 13:25:13 · 120 阅读 · 0 评论 -
三栏布局的5种解决方案及优缺点
转自 三栏布局的5种解决方案及优缺点假设高度已知，请写出三栏布局，左栏、右栏宽度300px，中间宽度自适应。 这道题本身的难度并不大，我们在布局页面的时候，写个三栏布局还是挺简单的。但是如果在面试的时候遇到这道题，就没有那么简单了。看似简单的一道题，想把它答好是不简单的。往往越简单的题越不好答。如果看到这题只想到了浮动和绝对定位，那这题你连及格都及格不了。下面是5种三栏布局的方法。 在写布局代码之...转载 2018-04-03 14:42:09 · 163 阅读 · 0 评论 -
js实现继承的5种方式,
转自js继承5种方式1、对象冒充 // 对象冒充 function Parent(username) { this.username = username; this.hello = function () { alert("hello"); } } function Child(username, password) { this.method =...转载 2018-04-10 21:16:55 · 225 阅读 · 0 评论 -
浏览器多线程和js单线程
转载自 浏览器多线程和js单线程开发过程中遇到js线程和ui渲染线程互斥问题。导致ui无法正常更新等问题。这些问题的根源就是因为浏览器的多线程和js的单线程引起的。看本篇博客之前，应该充分理解消息队列，事件循环，同步异步任务等概念。 这些概念以前都知道，也了解多线程的概念。但是当遇到问题的时候，这些东西都被抛到脑后，值得深思。1.知识点补充js单线程js运作在浏览器中，是单线程的，js代码始终在一...转载 2018-04-03 11:07:57 · 160 阅读 · 0 评论 -
ajax 的过程是怎样的
1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息3. 设置响应HTTP请求状态变化的函数4. 发送HTTP请求5. 获取异步调用返回的数据6. 使用JavaScript和DOM实现局部刷新...原创 2018-04-03 10:57:43 · 500 阅读 · 0 评论 -
如何居中一个元素
转自：如何居中一个元素题目点评这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。（一）元素水平居中的方式1）行级元素水平居中对齐（父元素设置 text-align:center） [htm...转载 2018-03-27 15:36:02 · 212 阅读 · 0 评论 -
css样式的优先级是怎么样的？
转自：css样式的优先级是怎么样的？题目点评CSS样式的优先级规则给人的感觉总是摸不透，更不用说怎么去表达了，在网络上流传着很多版本，描述的都很复杂也不全面，看了之后还是不满意。我来给大家介绍一个比较系统、全面有比较容易记住的规则吧！解答思路样式优先级规则 1.优先级顺序为：!important>style>权重值 2. 如果权重相同，则最后定义的样式的起作用，应该避免这种情况出现权重...转载 2018-03-27 14:03:10 · 276 阅读 · 0 评论