笔记
文章平均质量分 72
头发多多程序媛
请努力
展开
-
git知识点及心得补充
什么是git?Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持。git与常用的版本控制工具SVN有什么区别?Git 是分布式的,SVN 是集中式的。这是 Git 和其它非分布式的版本控制系统,例如 SVN,CVS 等,最核心的区别。原创 2022-03-03 15:26:33 · 395 阅读 · 1 评论 -
浅谈react hooks
React hooks作用:扩展了原有函数组件的功能,让函数组件拥有了像类组件一样的相似特征.此处补充:函数组件和类组件的区别:1.函数组件看似只是一个返回值是DOM结构的函数,其实它的背后是无状态组件(Stateless Components)的思想。函数组件中,你无法使用State,也无法使用组件的生命周期方法,这就决定了函数组件都是展示性组件(Presentational Components),接收Props,渲染DOM,而不关注其他逻辑。2.函数组件中没有this。所以你再也不需要考虑th原创 2021-05-25 16:11:45 · 235 阅读 · 0 评论 -
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 · 175 阅读 · 0 评论 -
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 · 462 阅读 · 0 评论 -
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 · 132 阅读 · 0 评论 -
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 · 332 阅读 · 1 评论 -
vue可复用技术-混入入门
可复用技术混入:mixin为组件提供可复用的功能一个混入对象可以包含任意组件选项当组件使用混入对象时,所有混入对象的选项就会被混入到组件本身组件就可以使用混入对象中的选项主要用于插件的开发使用/注册·局部注册 var mixin={ data(){ return { message:"这里是混入对象的message" } }原创 2020-09-27 17:40:38 · 105 阅读 · 0 评论 -
vue的插槽你了解多少
插槽允许我们在调用子组件时为子组件传递模板当组件渲染的时候,插槽会被替换为我们的自定义文本插入自定义内容 template:` <div><h2>标题:{{title}}-{{typeofTitle}}</h2></div> <slot></slot> <div>自定义组件,计数器:{{count}}</div>原创 2020-09-27 17:38:30 · 318 阅读 · 0 评论 -
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 · 1003 阅读 · 0 评论 -
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 · 93 阅读 · 0 评论 -
Vue值之事件的概念
1.事件三要素事件源 事件对象 事件驱动程序2.事件绑定在DOM元素上直接绑定在JavaScript代码中绑定绑定一个事件监听函数3.事件流事件在元素节点与根节点之间特定的传播顺序,经过的所有节点都会收到该事件,这个过程就是DOM事件流分类:冒泡型事件流:事件传播是从最特定的事件目标—>最不特定的事件目标DOM树的叶子节点->根节点捕获型事件流:事件传播是从最不特定的事件目标—>最特定的事件目标DOM树的根节点->叶子节点DOM标准规定的事件流:包括三个阶原创 2020-09-27 17:32:36 · 192 阅读 · 0 评论 -
Vue声明周期详解
生命周期 钩子函数初始化阶段beforeCreate()在初始化的时候会调用,完成vue实例的生命周期相关属性的初始化,以及事件的初始化。这个时候还不能访问实例中data中的属性以及methods中的方法created()初始化完毕,完成了vue数据的注入以及数据监听操作这个时候,意味着vue实例创建完毕,可以访问数据挂载阶段brforeMount()挂载前,vue会判断 有没有el属性,完成模版解析,但是数据并没有绑定到模版中mounted()挂载完成,vue会创建vm.$el原创 2020-09-27 17:28:55 · 214 阅读 · 0 评论 -
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 · 5011 阅读 · 0 评论 -
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 · 145 阅读 · 0 评论 -
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 · 124 阅读 · 0 评论 -
Generator做为状态机与普通状态机的区别及实现
状态机(有限状态交替变化)有限状态自动机,每运行一次 改变一次状态什么是状态机?以操作系统中的任务调度为例来说明什么是状态机。在操作系统的任务调度中经常见到状态机,其作用是根据任务的状态和当前资源条件来改变任务的状态。任务的状态和资源的条件就构成了一个状态机,参见下图:普通状态机:要依赖于外部的变量,所以导致状态不安全代码实现: var flag=true; function clock(){ if(flag){ console.log("开",flag)原创 2020-09-07 18:57:45 · 1732 阅读 · 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 · 301 阅读 · 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 · 410 阅读 · 1 评论 -
javascript概念分析
1.Javascript组成(1)ECMAScriptECMA为了统一浏览器对于js的解释,特定了一个语法标准分别有:变量注释保留字关键字操作符数据类型流程控制语句数组函数对象正则表达式(2)DOM文档对象模型浏览器厂商利用js编写的操作html,css的库(3)BOM浏览器对象模型浏览器厂商利用js编写的操作浏览器的库2.注释// 单行注释/*多行注释*/3.关键字与保留字关键字是js中御用的标识符,表达了特定了含义比如:vartypeofclass原创 2020-08-16 19:27:56 · 153 阅读 · 0 评论 -
使用for循环加if-else实现两个数最小公倍数和最大公约数的计算
**使用for循环加if-else实现两个数最小公倍数和最大公约数的计算。**最小公约数就是两个数的最小公因数。利用短除法可求出。利用for循环进行循环判断,最后找到他的最小公约数。最小公倍数就是两个数呃的乘积除以他的最大公约数。利用公式可求出。...原创 2020-08-13 12:56:39 · 752 阅读 · 1 评论