![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
kkkkkkkkkrys
不更新的日子都在努力~~
展开
-
使用Object.defineProperty实现数据的绑定通知
class Dep{ constructor(){ this.subs = []; } addSub(sub){ this.subs.push(sub); } notify(){ this.subs.forEach(sub => { sub.update(); }) } } ...原创 2022-03-08 11:48:55 · 127 阅读 · 0 评论 -
js 动手实现一个call、bind 、apply
检查当前调用的是否为函数 如果当前没有传入指向的this,则赋值为window 将fn指向当前调用的函数 获取传入的参数 将参数传入fn进行调用 将对象上的fn删除 返回结果 //普通call的实现 function hello(){ console.log('hello 我是'+this.name); }; let person = { name:'krys' }; var name = 'liang';//只有va原创 2022-02-21 17:44:33 · 240 阅读 · 0 评论 -
手写简单的promise
const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECTED = 'rejected'; function newPromise(fn){ const _that = this; _that.state = PENDING; _that.value = null; _that.resolvedCa..原创 2022-02-15 09:31:35 · 290 阅读 · 0 评论 -
算法刷题日记-乘积最大子数组
题目链接:https://leetcode-cn.com/problems/maximum-product-subarray//** * @param {number[]} nums * @return {number} */var maxProduct = function(nums) { if(typeof nums == 'object' && nums instanceof Array){ if(nums.length ==1){原创 2021-09-09 15:34:03 · 88 阅读 · 0 评论 -
react 环境搭建
1.安装node2、安装webpack 以及webpack-clinpm install -g webpack webpack-cli3、安装create-react-appnpm install -g create-react-app4、创建一个项目create-react-app 项目名node_modules用于存放项目的依赖包,也就是构建这...原创 2019-04-14 16:33:06 · 122 阅读 · 0 评论 -
VUE项目实践--网站管理系统
使用vue-cli来构建一个vue项目什么是vue-cli?有了它我们还需要webpack吗?通过几天的学习都知道webpack的使用难度真的有点高,而且文档又很难阅读。而vue-cli是一个可用帮助我们直接进行开发vue的脚手架(帮助我们建立项目框架),使用了vue-cli之后,我们仍然需要像webpack那样去配置一些配置文件如webpack.config.js文件。像进行开发和dev...原创 2019-03-07 16:40:06 · 3404 阅读 · 5 评论 -
es6详解
1.let 声明块级作用域变量{}标记块级作用域 我们来思考一下为什么要用let,肯定就是因为var在某一种情况下会导致一些错误无法得到我们预期的结果,这个let就是为了解决这个问题而出生的。var的不足之处: 不足一:这是一个很经典的问题var arr = [ ];for(var i=0;i<10;i++){arr ...原创 2019-02-13 15:53:24 · 462 阅读 · 0 评论 -
js预编译
js引擎主要做了三件事情1.语法分析:就是检查代码有什么语法错误,如果没有则执行二2.预编译:就是在内存中开辟一些空间,存放一些变量和函数3.解释执行:执行代码 预编译的过程主要如下1.创建AO对象2.寻找函数的形参和变量声明,将变量和形参名作为AO对象的属性名,值为undefined。3.将形参和实参相统一,也就是将实参的值赋值给形参4.寻找函数中的函数...原创 2019-02-14 17:19:38 · 288 阅读 · 0 评论 -
vue基础详解(全)
一,VUE的核心1.数据驱动(mvvm模型,只要改变model的数据,视图层就会自动更新)2.视图组件: 把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。二,使用vue1.引入vue之后就可以进行下面的步骤2.创建语法(创建 ,设置数据,挂载,渲染)var vm = new Vue({})//参数是一个对象三、定义...原创 2019-02-14 17:18:39 · 18118 阅读 · 3 评论 -
JavaScript的数据类型
一、JavaScript有几种类型的值,它们之间的差别是什么1.JavaScript主要有两大类型的值:基本类型,引用类型。其中,1)基本类型包括undefined、null、boolean、number、string、symbol2)引用类型包括对象、数组和函数 2、基本数据类型的特点是1)值是不可改变的,也就是当你定义了这个数据的值之后,除非重新赋值,否则调用这个数...原创 2019-01-10 10:02:14 · 134 阅读 · 0 评论 -
javascript实现验证码功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #code{ font原创 2019-01-14 21:04:22 · 1686 阅读 · 0 评论 -
javascript预解析
一、什么是预解释当js引擎读到js文档的时候,在js代码执行之前,就先把所有带var和function的进行提前的生命或者定义(变量提升的原因。)。1、理解声明和定义声明就是要告诉浏览器中,这个变量是存在的,但是不代表这个变量是有对应的值。因此此时它有一个默认的值undefined。var krysliang;定义就是就是确切的给这个变量一个值,不管这个值是什么类型...原创 2019-01-09 10:34:01 · 476 阅读 · 0 评论 -
ajax的两种写法
一、原生ajax的实现1.什么是ajax?ajax是异步的javas和xml( Asynchronous JavaScript And XML)。通过在后台与服务器进行小量的数据交换,ajax可以使网页实现异步更新。就是说可以在不刷新页面的情况下,对页面的某个部分进行刷新。 2.ajax与服务器交换数据的过程是怎么样的 交互的过程 readyS...原创 2019-01-12 10:43:34 · 6630 阅读 · 0 评论 -
es6中箭头函数this指向问题
普通函数:根据调用我的人(谁调用我,我的this就指向谁)箭头函数:根据所在的环境(我在哪个环境中,this就指向谁)看下面的例子document.onclick = function () {alert(this); //HTMLDocument}document.onclick = () => {alert(this); //Window 再看下下面的...原创 2019-01-04 09:57:10 · 499 阅读 · 0 评论 -
分别用css3、js、jQuery三种方法写瀑布流
一、什么是瀑布流瀑布流是一种布局方式,就是一行中的块级元素同宽不同高,下一行的第一个元素插入到上一行中高度最小的元素下面。并且在鼠标滚动的时候继续加载图片。像下面的图中,1234这四个区域都是同一个宽度的元素,并且占据了一行的宽度。那么第五块元素想要插进页面的时候,就选择此时高度最小的第四列。依次类推。 所以,我们可以发现,这里的问题主要有以下几个 首行如何布局 ...原创 2018-12-18 18:11:34 · 152 阅读 · 0 评论 -
jquery实现幻灯片的两种方法
四。使用jQuery的shutter插件进行幻灯片首先引入shutter的css文件和js文件,其中shutter.js依赖jQuery和velocity.js文件,所以要在要在shutter.js文件前面引进这两个文件。<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2018-12-03 15:45:03 · 2783 阅读 · 0 评论 -
js对象继承的几种方式
1.对象冒充构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可以使parent这个函数成为children的方法,然后调用它。children就会收到parent的构造函数中定义的属性和方法var Parent = function (name) {this.name = name;this.say...原创 2018-12-04 16:50:58 · 1808 阅读 · 0 评论