- 博客(21)
- 收藏
- 关注
RSS订阅原创 正则表达式
正则表达式：是由普通字符及特殊字符（元字符）组成的对字符串进行过滤的逻辑公式创建方式：字面量（常用） var reg1 = /abc/ ; " abc"构造函数 var reg2 = new RegExp ( " abc" ) ; " abc "修饰符i const reg = / study / i ; i 是修饰符，表示不区分大小写;g const reg = / study / g g 修饰符可以查找字符串中所有的匹配项;s s
2021-12-05 16:10:25
92
原创 node.js使用express自动搭建项目
node.js使用express自动搭建项目首先创建一个目录，然后进去此目录并将其作为当前工作目录mkdir nodeTestcd nodeTest通过npm init命令为你的应用创建一个package.json文件npm init此命令将要求你输入几个参数，例如此应用的名称和版本等，你可以直接按“回车”接受默认设置即可接下来安装Express并将其保存到依赖列表中npm install express -save如果只是临时安装Express，不想将它添加到依赖列
2021-07-25 11:47:52
233
原创 git的一些基本指令
下面来介绍一下git最基础且最常用的指令git的基本指令git status // 查看当前仓库分支的一个基本状态git init // 在本地初始化一个仓库git add <file,dir> //将工作区的修改提交到暂存区 git commit -m '注释' //将暂存区的修改提交到分支git log // 打印提交记录git l...
2020-03-20 21:18:35
187
原创 React 全局状态管理
React 全局状态管理storeimport {createStore} from 'redux'import reducer from './reducer'// 将store和reducer 进行关联let store = createStore(reducer)//创建全局状态管理对象export default store //抛出storereducer 是一个函数...
2020-03-19 22:28:49
556
原创 React--路由
React路由手写路由控制地址栏歌手根据改变渲染不同的组件路由插件 react-routerreact-router下载安装 npm install react-router-dom路由的基本使用HashRouter BrowserRouter 哈希路由 历史路由 作为组件的父容器控制地址栏的改变路由跳转后所有的属性 都可以在目标组件的props里进行接受Link...
2020-03-18 21:14:59
154
原创 React脚手架工具、组件及生命周期
react 脚手架工具npm install create-react-app -g //全局安装create-react-app -V//查看版本create-react-app 项目名字// 通过脚手架工具创建项目基本指令npm start 本地开发环境运行npm run build 编译打包基本目录结构build 打包后的文件目录config 项目的配置目录sc...
2020-03-17 21:35:37
176
原创 React的基础介绍
react 是什么React 是一个为数据提供渲染为 HTML 视图的开源 JavaScript 库jsx 语法糖 javascript xhtml用jsx 来描述组件的虚拟dom(下面return包裹的)let Component = React.createClass({ render() { return( <div> ...
2020-03-16 22:24:02
123
原创 JS中的一些兼容性问题
js中的一些兼容性问题:1）获取滚动高度：document.documentElement.scrollTop || document.body.scrollTop2）DOM高级选取firstChild\firstElementChild 第一个子节点 oFirst=oUl.firstElementChild || oUl.firstChild //（位置不能换）last...
2020-03-11 23:12:09
169
原创 vue中v-for控制循环的次数
在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 <div v-for="(item,index) in array.slice(0, 2)" ></div>//获取array数组中的前两项像这样可以用数组的slice方法来截取循环的数据长度，从而达到控制循环的次数2.通过v-if来控制 <div v-for="(...
2020-03-10 22:42:49
10419
原创 [BScroll warn]: Can not resolve the wrapper DOM.
在我们使用better-scroll 的插件的时候，在涉及某些方面的时候，控制台会出现下面的报错：[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘children’ of u...
2020-03-09 22:29:28
1921
原创 node.js的基础介绍
Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效环境配置安装1. 直接安装2. 通过nvm安装 nvm list 查看安装过的所有node版本 nvm install 版本号 //安装指定版本的node nvm uninstall 版本号 //卸载指定版本 nvm us...
2020-03-06 22:36:48
119
原创 Vue的生命周期
Vue有4个阶段，每个阶段分别对应两个钩子函数第一阶段：创建 --beforeCreate、createdbeforeCreate 表示创建之前，没有初始化数据，也没有真实dom，这个函数在vue中基本不用；created 表示创建结束，有数据，但没有dom；可以修改数据，在这里修改数据不会触发运行中的更新的生命周期，也可以做网络请求；第二阶段挂载–beforeMount、mounte...
2020-03-05 22:08:17
153
原创 Vue兄弟组件间通信
Vue兄弟组件间的通信分为两种：一种是相邻兄弟组件(有相同的父组件)的通信；另一种是相隔多级(有共同的祖先及组件)的兄弟组件通信。第一种兄弟通信，相当于父子组件通信和子父组件通信的结合(之前介绍过)，举一个简单例子：组件1和组件2是兄弟，组件2的按钮可以控制组件1中div的显示隐藏。代码如下：<!DOCTYPE html><html lang="en"><h...
2020-03-04 22:11:26
481
原创 Vue中组件的通信
vue中组件的通信有三种：父子通信、子父通信和兄弟通信；接下来就说说的是父子通信和子父通信。父子通信就是父组件控制子组件的变化。举一个简单的例子：2个组件是一个嵌套关系，父组件有一个按钮，子组件有一个div，父组件的按钮控制自己，子组件div的显示隐藏代码如下：<!DOCTYPE html><html lang="en"><head> <...
2020-03-03 22:52:31
108
原创 Vue组件的简单介绍
在介绍组件之前，我们来说说 组件化组件化就是将系统功能分离成独立的功能部分的方法，一般指的是单个的某一种东西，例如js、css而组件化针对的是页面中的整个完整的功能模块划分，组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体优点：代码复用，便于维护划分组件的原则：复用率高的，独立性强的组件应该拥有的特性：可组合，可重用，可测试，可维护在vue中，我们通过Vu...
2020-03-02 22:46:45
192
原创 Vue的基础认识
下面来简单介绍下Vue：vue是渐进式JavaScript框架（MVVM的JS框架）特点：易用（使用成本低），灵活（生态系统完善，适用于任何规模的项目），高效（体积小，优化好，性能好）其高效性具体表现为：1.运行效率高 采用虚拟dom 减少真实dom的操作使项目的运行效率大大提高；2.开发效率高 采用了组件化开发 。因此将开发者的精力从dom操作解放出来，转移到数据操作上详细介绍请进...
2020-02-29 16:09:47
245
原创 js实现数组排序
js实现数组排序的方法有很多，下面我就来说说几种常见的和最简单的方法（第三种最简单）：第一种.冒泡排序 从小到大数组中的元素两两比较，如果第一个元素比第二个元素大，交换位置，然后让第二个和第三个比较，以此类推，第一轮结束后，最大的元素排在了最后然后进行第二轮，两两比较;看代码var arr1 = [22, 13, 57, 4, 66, 12]; function bubbleSo...
2020-02-28 22:44:12
829
原创 数组的操作方法
数组的操作方式自定义一个函数或者对象的方法，js语言里自带的方法考虑的方面：功能，参数，返回值增 删push() 可以接受多个参数，将参数追加到数组的尾部，返回增加后的数组的长度，原数组发生改变pop() 不接受参数，从数组尾部删除一个元素，返回删除的元素，原数组发生改变unshift()可以接受多个参数，将参数追加到数组的头部，返回增加后的数组的长度，原数组发生改变shift()不接...
2020-02-26 21:38:10
147
1
原创 js简单实现倒计时
倒计时操作最主要还是要清除计时器操作。看代码：首先，创建一个显示时间的盒子：//html代码 <div id="box"></div>然后，就编写 js代码： <script type="text/javascript"> function foo(){ var oDate1 = new Date();//获取当前时间 var ...
2020-02-25 23:07:24
296
原创 原生js实现苹果菜单
html代码：<div class="box"> <img src="img/11.jpg" alt="" /> <img src="img/14.jpg" alt="" /> <img src="img/23.jpg" alt="" /> <img src="img/25.jpg" alt="" /> &l...
2020-02-24 18:12:31
287
原创 JS简单实现鼠标跟随
html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标跟随</title> <style type="text/css"> div{ width: 10px; height: 10px; ...
2020-02-23 12:40:36
1103
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人