- 博客(18)
- 收藏
- 关注
原创 href 与 src 区别
href:名为超文本链接常见于 link、a 标签,用于表征当前页面元素和引用资源间产生联系。<link href='./index.css' rel = 'stylesheet'>当解析到该标签时,只会简单标识该标签为 CSS, 并不会去加载对应资源。因此,继续解析 DOM。srcsource简写常见于 img、script标签,表征当前页面元素需要使用该资源替换...
2019-07-04 11:37:05
373
原创 JS模块化的'前世今生'
一、模块化定义模块,又称构件,是能够单独命名并独立地完成一定功能的程序语句的集合(即程序代码和数据结构的集合体)------ 百度百科模块化的关键字为:单独命名、 特定功能、程序集合二、原始写法函数function sayHi (){ console.log('hi')}该模块时具有多个功能的集合怎么办?封装为对象var obj = new Object({ ...
2019-06-24 15:38:49
281
原创 js中的异步模式--- promise篇(2)
开篇我们仍然解决一下上篇提出的问题:并行执行,顺序输出熟悉一个事物的最佳方式就是自己创造一遍,亲身体会一下创作过程中遇到的问题和你的解决方案与标准之间的差异。Promise 实现(demo)思路1、构造函数形式2、调用流程3、then方法链式调用4、不同异步形式的组合, 如catch, done, finally,race,all等方法一、构造函数形式var promise =...
2019-06-21 18:53:56
319
原创 js中的异步模式--- promise篇(1)
写在前面:1、本文默认读者对promise有所了解2、本文不对promise方法做过多介绍3、本文重点在于promise的思想以及自我实现。回顾回调函数处理异步的弊端1、嵌套形式回调导致代码易读性下降2、回调函数模式处理当前与未来代码关系的信任问题实际上,对于极其简单多个异步操作的封装和组合,回调函数处理也显得十分复杂。如问题:现在有三个文件,file1,file2,file3, ...
2019-06-21 10:40:23
399
原创 js中的异步模式--- 回调函数篇
js中的异步使用像 JavaScript 这样的语言编程时,很重要但常常被误解的一点是,如何表达和控制持续一段时间的程序行为。如从数据库或文件系统中请求数据然后显示数据、通过网络发送数据并等待响应,或者是在以固定时间间隔执行重复任务(比如动画)等。这些程序并不会以及运行结束,通常一部分运行在当下,另一部分运行在将来。事实上,程序中现在运行的部分和将来运行的部分之间的关系就是异步编程的核心。...
2019-06-20 17:17:18
3905
1
原创 双向绑定原理
适合读者:了解 MV* 架构模式希望了解双向绑定原理从MVC、MVVM说起参考阮一峰老师的文章:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html流程:View根据Model展示页面,当页面发生操作时(commander),View传递指令到Controller层,Controller层根据commander对Model做出修...
2019-05-31 18:46:32
9157
原创 apply、call与bind函数的模拟实现
this是函数调用时产生的对象,该对象绑定函数调用时所在执行环境。call/bind方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。function myApply(obj = window,[...args]){//接受第二个参数为数组 obj.fn = this const res = obj.fn(...args) delete fn //...
2019-05-07 11:10:18
237
原创 React 中setState的使用总结
1、基本使用方法//主要用于更新用户界面、响应事件处理和服务器响应setState(updater, [callback])//(state, props) => stateChange // typeof stateChange == 'object' 方式1: setState(state=>{ return {key : value}})等价于...
2019-04-16 15:44:53
936
原创 React 生命周期方法对比
1、生命周期方法对比2、生命周期方法的使用本文参考·react官方文档:http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/1、生命周期方法前后对比图相同点:1)声明周期均划分为 创建、 更新、 销毁三个阶段2) 常用声明周期方法未变更,如 render、 componentDidMount、...
2019-04-16 14:50:30
1218
原创 了解CSRF
1、什么是CSRF?CSRF(crosing-site-request-forgery)跨站点请求伪造,重点在于**请求伪造**。简单来说就是,恶意攻击者诱导合法用户向自己构造出来的后端发送请求,此请求是在用户不知情的状况下发出且携带了合法状态标志如cookie,此时后端验证cookie后就做出应答。2、CSRF怎么做到的?例子1、<img style="width:0;" sr...
2019-04-10 17:13:37
165
原创 了解XSS
1、什么是XSS? XSS是crosing-site-script的简写,称为跨域脚本攻击 简单来讲就是攻击者想尽方法将可执行代码注入到访问网页中2、常见的XSS攻击用人将常见的XSS攻击分为以下几种:1. **Reflected XSS**(基于反射的XSS攻击)2. **Stored XSS**(基于存储的XSS攻击)3. **DOM-based or local XSS**(...
2019-04-10 16:53:11
973
原创 青蛙跳台阶问题及尾递归优化方法
目录问题一了解递归和迭代了解尾递归如何将普通递归优化为尾递归?有关递归和尾递归优化的文章可以参考其它尾递归优化参考问题二尾递归的练习:问题一现有n阶台阶,有一只青蛙要从台阶底跳上台阶顶。这只青蛙每次可以跳一阶,也可以跳两阶。问这只青蛙有多少种跳法可以完成目标?分析:这种问题可以先从简单情况着手,记总共有jump(n)种方法。当n=1时,jump(1)...
2018-11-02 20:38:24
2001
1
原创 浅谈Javascript中的this
目录一、什么是this?二、this的值情景一:纯函数调用情景二:作为对象的方法调用情况三 apply 调用情景四:构造函数中的this情景五、箭头函数详细的参考文章:一、什么是this?this是JavaScript中的一个关键字,在函数运行期间自动生成的对象,只可以在函数内部使用,表示函数在运行时候的环境对象。其值在不同的地方表述的含义也不相同,下面...
2018-11-01 17:58:54
339
原创 牛客网刷题(一)类型转换
目录一:布尔值转换: 二:==运算符遵循下面几条准则:关于转换的函数:一:布尔值转换: ([])?ture:false;给出如上代码,判断输出‘有一下特例转换为false,其它均转化为true;1)string:''转化为false2)number:0转化为false3)对象: 为null时,转化为false4)undefined:转化为false二...
2018-11-01 16:43:22
237
原创 新浪前端面试题(二)
两道算法题:一、给出一个算法,输入为十六进制或十进制的字符串,输出为对应的十进制或十六进制的字符串。例 '100'=>'aa', 'ff' =>'255';//这道题给的不是很好,首先题目中没有给出16进制的特征,造成无法判别16进制还是10进制。其次,例子中是由错误的,16进制'100'=》十进制'64'//但是是面试,还是得写一下,分别实现一下转换把//首先十六进制或...
2018-10-30 16:44:57
739
原创 记一次新浪前端面试(一)
目录记一次新浪前端面试(一)题目一:考察到的知识点:具体讲解:记一次新浪前端面试(一)今天上去十点半到新浪总部大厦面试前端岗,整理一下面试题以及自我感悟。题目一:给出下列代码,要求点击对应li标签的时候,标签中相应的内容会+1; 但给出的代码有不合理和不对的地方,请指出,并给出正确代码。 <div> <ul> &l...
2018-10-30 00:41:15
904
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人