- 博客(31)
- 收藏
- 关注
RSS订阅原创 git知识点及心得补充
什么是git？Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。git与常用的版本控制工具SVN有什么区别？Git 是分布式的，SVN 是集中式的。这是 Git 和其它非分布式的版本控制系统，例如 SVN，CVS 等，最核心的区别。
2022-03-03 15:26:33
221
1
原创 浅谈react hooks
React hooks作用:扩展了原有函数组件的功能,让函数组件拥有了像类组件一样的相似特征.此处补充:函数组件和类组件的区别:1.函数组件看似只是一个返回值是DOM结构的函数，其实它的背后是无状态组件（Stateless Components）的思想。函数组件中，你无法使用State，也无法使用组件的生命周期方法，这就决定了函数组件都是展示性组件（Presentational Components），接收Props，渲染DOM，而不关注其他逻辑。2.函数组件中没有this。所以你再也不需要考虑th
2021-05-25 16:11:45
205
原创 React 学习记录点
React 学习记录点React是一个用于构建用户界面的js库,主要用于构建UI.特点：声明式设计：采用声明范式，轻松描述应用。高效：通过对dom的模拟，最大限度的减少与dom交互。灵活：可以与已知的库或框架很好的配合。Jsx：是js的扩展，建议使用。组件：使得组件更加容易得到复用，能够很好的应用在大项目的开发中。单向响应的数据流：减少重复代码，比传统数据绑定简单。React库：React.min.js-react的核心库React-dom.min.js 提供与dom相关的功能Bab
2021-05-25 15:36:20
148
原创 vue按键修饰符的使用 监听键盘事件的实现
有没有很疑惑每次按回车输入便会被监听到是怎么实现的?键盘按下回车,被监听到并弹出消息框提示代码实现示例:(以及别的键盘事件补充)输入框绑定事件@keyup @mousedown为鼠标事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-
2020-09-28 15:00:53
438
原创 Vuex入门必须了解的知识点
介绍：vuex也是vue.js的核心插件，vue专门开发的状态管理模式，它采用了集中式存储管理,应用所有的组件的状态（data),并以相应的规则保证状态以一种可预测的方式发生变化我们先看看他如何安装：(两种方式)1.cdn引入(必须先引入vue 后引入vuex) <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script> <script src="https:
2020-09-28 14:45:04
127
原创 vue-router路由入门
vue-router介绍：是vue的一个插件，用来提供路由功能，vue官方的路由管理器他与vue的核心深度集成，所以构建单页应用十分简单。功能：嵌套的路由基于模块化的、基于组件的路由配置路由参数、查询、通配符HTML5中history和hash模式自定义的滚动行为基于vue过度系统的视图过渡效果细粒度的导航控制使用：·安装1.cdn <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.3/vue-r
2020-09-28 14:25:27
288
1
原创 vue可复用技术-混入入门
可复用技术混入：mixin为组件提供可复用的功能一个混入对象可以包含任意组件选项当组件使用混入对象时，所有混入对象的选项就会被混入到组件本身组件就可以使用混入对象中的选项主要用于插件的开发使用/注册·局部注册 var mixin={ data(){ return { message:"这里是混入对象的message" } }
2020-09-27 17:40:38
82
原创 vue的插槽你了解多少
插槽允许我们在调用子组件时为子组件传递模板当组件渲染的时候，插槽会被替换为我们的自定义文本插入自定义内容 template:` <div><h2>标题：{{title}}-{{typeofTitle}}</h2></div> <slot></slot> <div>自定义组件,计数器：{{count}}</div>
2020-09-27 17:38:30
287
原创 vue动态渲染组件
component 动态渲染组件使用<component v-bind:is="xxxComponent"></component>来动态渲染组件使用方式： <keep-alive><component :is="myComponent"></component></keep-alive> Vue.component("briup-success",{ template:`
2020-09-27 17:36:22
971
原创 vue计算属性及监听器
计算属性{{js表达式}}当双大括号中的表达式过于复杂的时候，我们会使用计算属性用法methods:{reversedMessage(){return this.message.split(’’).reverse().join(’’)}},// 计算属性computed:{reversedMessage(){return this.message.split(’’).reverse().join(’’)}}computed 和 methods的区别计算属性依赖内部的缓存机制，
2020-09-27 17:33:59
84
原创 Vue值之事件的概念
1.事件三要素事件源 事件对象 事件驱动程序2.事件绑定在DOM元素上直接绑定在JavaScript代码中绑定绑定一个事件监听函数3.事件流事件在元素节点与根节点之间特定的传播顺序，经过的所有节点都会收到该事件，这个过程就是DOM事件流分类：冒泡型事件流：事件传播是从最特定的事件目标—>最不特定的事件目标DOM树的叶子节点->根节点捕获型事件流：事件传播是从最不特定的事件目标—>最特定的事件目标DOM树的根节点->叶子节点DOM标准规定的事件流：包括三个阶
2020-09-27 17:32:36
165
原创 Vue声明周期详解
生命周期 钩子函数初始化阶段beforeCreate()在初始化的时候会调用，完成vue实例的生命周期相关属性的初始化，以及事件的初始化。这个时候还不能访问实例中data中的属性以及methods中的方法created()初始化完毕，完成了vue数据的注入以及数据监听操作这个时候，意味着vue实例创建完毕，可以访问数据挂载阶段brforeMount()挂载前，vue会判断 有没有el属性，完成模版解析，但是数据并没有绑定到模版中mounted()挂载完成，vue会创建vm.$el
2020-09-27 17:28:55
185
原创 Vue安装步骤(详细)
有三种方法: 1. cdn加速服务器，这种方式更加便捷，当项目部署以后，服务器直接从cdn上获取资源，要比从自己的服务器上获取资源快很多bootcdn网址: https://www.bootcdn.cn或者https://staticfile.org/vue引入:https://cdn.staticfile.org/vue/2.6.12/vue.min.js// 引入网络资源<script src="https://cdn.staticfile.org/vue/2.6.12/vue
2020-09-27 17:27:32
4953
原创 Vue模版语法之绑定(示例代码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue模版语法</title> <script src="https://cdn.bootcdn.net/
2020-09-27 17:24:10
120
原创 Vue生命周期的代码学习实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue生命周期</title> <script src="../vue.min.js"></sc
2020-09-27 17:20:59
111
原创 vue入门 模板渲染代码实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue起步</title> <script src="https://cdn.bootcdn.net/aja
2020-09-27 17:18:45
190
原创 Vue自定义组件父组件实现@click点击事件绑定的方法（实现计数器）
自定义组件的实现中，是实现一个计数器编程，原本是绑定在子元素上的@click事件，尝试绑定在自定义组件的父元素上进行实现。原来的子元素绑定实现计数器代码如下：<body> <div id="app"> <briup-info>{{count}}</briup-info> </div></body> Vue.component("briup-info",{ template:`
2020-09-11 12:10:39
3310
原创 Object对象为什么不能调用for of遍历
因为for of遍历依靠的是遍历器Iterator。for…of正常遍历，都需要实现一个遍历器Iterator（说到遍历器：也就是迭代器Iterator补充一下概念： 什么是迭代器？迭代：更新换代（重复）的过程，每次的迭代都必须基于上一次的结果迭代器：迭代取值的工具为什么要用迭代器？迭代器给你提供了一种不依赖索引取值的方式）它们的原型中都有一个Symbol.iterator方法。内置对象是可迭代的这些1）数组Arrays2）字符串Strings 3）Map4）Set5）argumen
2020-09-10 19:19:43
2105
1
原创 ES6 Generator的作用及代码实现
用处：1.状态机(有限状态交替变化)有限状态自动机，每运行一次 改变一次状态Generator 函数实现的状态机：状态维护在generator函数内部，外部无法修改function* generator_clock(){ while(true){ console.log("开") yield; console.log("关") yield; } }var gclock=generator_clock(); gclock.next(); gc
2020-09-07 19:18:00
277
1
原创 Generator做为状态机与普通状态机的区别及实现
状态机(有限状态交替变化)有限状态自动机，每运行一次 改变一次状态什么是状态机？以操作系统中的任务调度为例来说明什么是状态机。在操作系统的任务调度中经常见到状态机，其作用是根据任务的状态和当前资源条件来改变任务的状态。任务的状态和资源的条件就构成了一个状态机，参见下图：普通状态机：要依赖于外部的变量，所以导致状态不安全代码实现： var flag=true; function clock(){ if(flag){ console.log("开",flag)
2020-09-07 18:57:45
1686
1
原创 js和css学习中主要问题整理回顾及知识点扩充（主要是js）
盒子模型相互转换使用box-sizing属性，默认设置为content-box。 content-box（W3C盒子）:即设置的宽高是内容区的宽高。 盒子的宽度=width+padding-left+padding-right+border-left+border-right 盒子的高度=height+padding-top+padding-bottom+border-top+borderr-bottom 盒子在浏览器中的宽度=width+padding-left+padd
2020-08-31 19:31:39
256
1
原创 外边距合并问题和块级元素水平垂直居中的方法
外边距合并问题和块级元素水平垂直居中的方法外边距合并问题：水平方向没有外边距合并问题只是垂直方向上有父子级：1.给父元素添加一个overflow：hidden;2.给父元素加border3.给父元素设置IE盒子，给父元素加上padding-top4.给父元素或者子元素，加上float浮动5.给父元素或者子元素，加上position：absolute6.给父元素或者子元素，加上position：fixed 一般不推荐7.给父元素或者子元素，加上display：inline-block兄
2020-08-31 18:27:14
275
1
原创 javaScript DOM的体系结构及思维导图的整理
javaScript DOM的体系结构文档整理DOM （浏览器环境进行开发测试）文档对象模型，浏览器提供了一套api(构造函数，原型，实例对象-【html元素->js对象】),通过这套api进行dom操作（追加节点，删除节点，动态改变属性…）体系结构整体概述：最高级别 Object下一级别: Node下一级别： Element Document Text Comment
2020-08-19 20:06:55
755
1
原创 vim实现正则表达式 查询字符串手机号及网址
1.进行查询手机号的正则表达式（1）exec（）//设置正则表达式的查询字符串var str=“my phone is 13223543637 ，his phone is 18536901758 ，her phone is 13456744321”;//设置正则表达式 正则表达式用//包裹，内容为以1开头 3578中的任意数字为第二个数字，\d/表示数字，{9}表示数字出现9次 var pattern=/1[3|5|7|8]\d{9}/g;//查询用exec函数输出console.log(pa
2020-08-19 16:42:51
397
1
原创 js算法题基本算法
nodejs实现1.实现99乘法表var i=1;var j=1;var a=" ";for(i=1;i<=9;i++){ var a=" " for(j=1;j<=i;j++){ a += (j+"*"+i+"="+i*j+(i*j>9?" ":" "));}console.log(a);}var i=1;var j=1;var a=" ";for(j=1;j<=9;j++){ var a=" " for(i=
2020-08-16 19:43:36
254
原创 非静态方法（实例方法）总结
1. 遍历方法Array.prototype.forEach()作用：对指定数组进行遍历。每次遍历出来一个元素调用一次回调函数。参数：回调函数，function(item,index,arr){}，item表示遍历出来的元素，index表示索引，arr表示当前数组返回值：undefinedArray.prototype.every()作用：对指定数组进行遍历。查看是否每个元素都满足指定条件参数：回调函数，function(item,index,arr){}，item表示遍历出来的元素，inde
2020-08-16 19:40:26
620
原创 定义属性常见的问题
1. 如何将一个属性设置为不可迭代的var obj = { name:"terry" } Object.defineProperty(obj,"weight",{ configurable:true, enumerable:false, value:"240斤" })2. 如何设置一个只读属性 Object.defineProperty(obj,"gender",{ configura
2020-08-16 19:35:46
140
原创 构造函数及其方法总结
构造函数声明创建：var obj = new Object();obj.proto 内部属性，不可迭代的属性实例无法调用其构造函数中的方法obj 不能调用 Object中的方法，但是可以调用Object.prototype中的方法1.静态方法（声明在构造函数内部的方法）方法有：将a,b对象合并 Object.assign(a,b)获取obj中所有的属性名，返回数组 Object.keys(obj)获取参数所对的键值对的值 Object.values(obj)定义属性 Object
2020-08-16 19:33:42
3027
原创 如何监听某个属性的改变
这个原理是vue的本质原理。vue是数据驱动框架，当数据发生改变的时候，视图自动更新。```javascriptObject.defineProperty(obj,"age",{ configurable:true, enumerable:true, set:function(v){ // 在obj.age = 22 console.log("生日到了，准备礼物..."); this._age = v;
2020-08-16 19:29:53
285
原创 javascript概念分析
1.Javascript组成（1）ECMAScriptECMA为了统一浏览器对于js的解释，特定了一个语法标准分别有：变量注释保留字关键字操作符数据类型流程控制语句数组函数对象正则表达式（2）DOM文档对象模型浏览器厂商利用js编写的操作html，css的库（3）BOM浏览器对象模型浏览器厂商利用js编写的操作浏览器的库2.注释// 单行注释/*多行注释*/3.关键字与保留字关键字是js中御用的标识符，表达了特定了含义比如：vartypeofclass
2020-08-16 19:27:56
124
原创 使用for循环加if-else实现两个数最小公倍数和最大公约数的计算
**使用for循环加if-else实现两个数最小公倍数和最大公约数的计算。**最小公约数就是两个数的最小公因数。利用短除法可求出。利用for循环进行循环判断，最后找到他的最小公约数。最小公倍数就是两个数呃的乘积除以他的最大公约数。利用公式可求出。...
2020-08-13 12:56:39
738
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人