- 博客(35)
- 收藏
- 关注
RSS订阅
原创 React-高阶组件
hoc 本质是一个函数 接收一个组件作为参数 返回一个新的组件 功能性的封装 减少重复代码一般被高阶组件处理过的组件获取数据 都从props获取其实左面的Bye组件 就是右边的 TmpComponent(临时组件)简单理解就是 你给我一个函数 我帮你处理过之后 再给你个新的函数希望此代码能帮大家解决一下对高阶组件的困惑 有什么疑问欢迎来滴滴！！...
2020-03-24 23:55:37
94
原创 react-受控和非受控组件
受控组件 非受控组件不是一种新的组件 而是获取表单数据的2种方式非受控组件 通过ref获取表单数据受控组件 将表单value 和 state 里的数据进行关联非受控组件(通过ref获取表单元素)受控组件受控组件指的是 表单的value 和state 里的数据进行关联value 被state控制修改表单元素通过修改state 实现...
2020-03-18 23:52:14
222
转载 Git 的使用
查询 git所有配置列表 ：git config --list查询 git用户配置列表 ：git config --global --list查询 git用户名 : git config user.name查询 git用户邮箱: git config user.email设置 git用户名 : git config --global user.name shimh设置 git用户邮箱...
2020-03-07 00:23:00
55
原创 Vue中的动画如何来使用
这里我就直接上最易懂的代码 给大家看一下a. 首先在demo 文件夹下面创建了一个 transition 的文件夹 里面有创建了一个index.vue 文件a. 然后倒入 main.js 里面a. 给目标元素外面套一个transition 的标签 并且赋予 类名b. 给类名后面加上 过度的类名c. 在进入/离开的过渡中，会有 6 个 class 切换。以上是控制单个元素 那么...
2020-03-04 00:08:34
597
原创 react-生命周期
生命周期1.创建初始化getDefaultProps 初始化propsgetInitialState 初始化state、15.6 的生命周期 在16版本取消 用构造函数代替2.挂载[废弃]componentWillmount 挂载之前componentDidMount 挂载结束3.更新[废弃]componentWillReceiveProps props发生改变的时候...
2020-03-27 23:52:35
141
原创 javascript-深拷贝浅拷贝
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-03-27 00:33:46
123
原创 mongodb-使用
直接上图吧创建一个库新建一个表 叫people 没有插入数据 直接在原窗口改点击people 就可以看到自己插入的数据 json 那有好几种格式可以选择.
2020-03-26 00:07:52
108
原创 javascript-实现翻页功能
翻页功能的具体实现思路<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button" id="nextBtn">下一页<...
2020-03-23 22:56:26
1226
原创 javascript实现- 抛物线
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #ball{ position: absolute; top: 500px; left...
2020-03-23 00:30:50
316
原创 原生实现--星星评分功能
星星评分的具体实现原理 如下代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,ul,li{ padding:0; margin:0; ...
2020-03-22 00:34:59
208
原创 Javascriptd的概念-文本框的值操作
JavaScript是基于对象和事件驱动，并具有安全性能的脚本语言。 **结构，表现，行为** 组成部分：ECMAScript核心：变量 语法 语句 运算符 对象等 、 DOM(document object model)、BOM(browser object model)关于文本框的值得操作<!DOCTYPE html><html> <head>...
2020-03-21 00:01:44
733
原创 vue.js --循环语句
循环语句循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表：v-for 指令<div id="app"> <ol> <li v-for="site in sites"> {{ ...
2020-03-20 00:06:11
127
原创 react脚手架无法运行
react脚手架工具- npm install create-react-app -g 安装脚手架 - create-react-app -V 查看脚手架版本号- create-react-app 项目名字 通过脚手架工具创建一个项目- npx cache clean --force 清理缓存- 注意：部分插件版本依赖问题 需要先打开旺旺大礼包- npm run eject 解开插件...
2020-03-18 00:04:35
1066
2
原创 react-如何实现九九乘法表
九九乘法表第一步循环tr 然后在外面定义一个方法 循环tdtr里面 需要写td 我们用传参的形式吧tr每一项传递出去在外面循环td 再return 出去 我们需要计算所以也要把下表传递过去还需要想乘 所以我们需要乘与每一行相乘 下标是从0 开始的 所以我们需要加1以上是如何实现简单的九九乘法表下面代码主要实现隔行变色功能 划过有特效 select 选项框主要实现思路就是 例如...
2020-03-16 23:59:17
623
原创 reac-父子通讯的两种方式
父子通讯 props通过props 自定义属性传给子组件父子通讯 refs把数据和方法都写到子组件父组件通过refs进行调用子组件的理发方法
2020-03-16 01:05:46
104
原创 react-属性绑定
属性绑定变量用{} 表示就可以了注意类名要用className事件绑定第一种第二种 函数的方式第三种 函数需要传参的情况下带参数通过bind 实现 默认参数会放到最后方...
2020-03-15 00:28:36
130
原创 react中的一些基本操作
数据绑定react 中的数据绑定{变量或者表达式} 和vue中的{{}} 一样1.jsx中不能直接绑定对象2.jsx中绑定数组 会将数组的每一项拆分出来3.boolean，null，undef 不会在页面直接进行渲染 但是可以用三元表达式列表渲染react 中的条件渲染依赖于 指定数组会将数组的每一项拆分出来第一种方式 把list中的每一项渲染出来第二种方式 减少jsx中的...
2020-03-14 00:20:17
168
原创 React中数据承载
react 中的数据承载(state)我们要用到初始化 生命周期 getInitialStatereturn 一个name然后在render 里面打印一下 this的指向是组件对象react props传递数据一种从外部传递而来另一种是通过getDefaultProps 生命周期进行初始化初始化和传递的冲突以传递的优先级高props 传递的数据在组件内部...
2020-03-13 01:01:25
165
原创 PHP字符串去重，统计没有分割符的字符串不重复的个数
PHP字符串去重，统计没有分割符的字符串不重复的个数统计没有分割符的字符串不重复的个数<?php//没有分割符的字符串转成数组$opennum = '45842';$arr = str_split($opennum);//去重$arr = array_unique($arr);//统计个数$ncount = count($arr);//打印结果var_dump($op...
2020-03-12 00:03:06
207
原创 vue知识点总结
一：vue中的两个核心点响应的数据绑定当数据发生改变时，自动更新视图为什么自动更新：利用Object.definedProperty中的getter/setter代理数据，监控对数据的操作。注意：由于Object.defineproperty是ES5出现的，所以vue不支持IE8组合的视图组件UI界面映射为组件树划分组件可维护，可重用，可测试二：渐进式框架我们开发一个...
2020-03-11 00:19:54
126
原创 Ajax
Ajax最大的特点就是局部刷新。Ajax 技术核心是 XMLHttpRequest 对象(简称 XHR)readyState0 请求未初始化1 服务器连接己建立2 请求已接收 3 处理请求，响应中4 响应就绪status HTTP 状态码常见状态码200 - 请求成功301 -Moved Permanently 资源（网页等）被永久转移到其它URL30...
2020-03-10 00:08:06
61
原创 Meta标签中的viewport属性及含义
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中，也不会破坏没有针对手机浏览器优化的网页的布局，用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。
2020-03-08 23:38:20
493
原创 Less快速入门
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了方便的扩展，这就是 Less 如此易学的原因之一。变量（Variables）@width: 10px;@...
2020-03-08 00:04:35
111
原创 HTML JS写 过滤敏感词
过滤敏感词过滤敏感词 基本代码如下： <script type="text/javascript"> //敏感词过滤 let str = '你是个垃圾，你个大垃圾' str = str.replace(/垃圾/g,"**") console.log(str) </script>留言过滤：<!DOCTYPE html><html...
2020-03-05 23:22:07
1127
原创 vue中(动画)第三方插件库的使用
首先安装模块npm install animate.css 命令考虑到我们会在多个路组件中使用 我这里直接引入到main.js 里面注意：transition 如果不写默认是index.vue 所以要注意这一点a. 我们使用第三方库 直接用transition 标签 里面加上两个过渡类名b. 后面直接加过渡动画名字 后面再跟上 animated 就可以了c. 不需要在下面在...
2020-03-04 23:47:07
2535
原创 vuex如何来使用
vuex:是vue 中的全局状态管理插件，通过一颗全局状态树，管理整个应用的数据单向数据流：view派发一个 Actions 改变State State改变之后 view 重新渲染vuex分为五大核心模板：getters : 类似于于计算属性，可以针对原始的state 数据做重新计算**state ????*存储的数据信息**actions：**做异步操作的 我们可以在view 中...
2020-03-02 23:53:17
102
原创 gulp的基础使用
gulp(一些命令)npm install gulp -g 全局安装npm install gulp --save-dev 安装依赖npm init(初始化一个package.json 文件)npm install gulp@3.9.1 -g (全局安装)npm install gulp@3.9.1 --save-devgulp -v (查看版本)npm -install -g gu...
2020-03-02 00:37:47
290
原创 javascript--闭包--继承
**闭包就是能够读取其他函数内部变量的函数。**由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的用途：闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。继承类...
2020-03-01 00:05:20
112
原创 常用的git命令
常用的git命令1. git init初始化：创建一个git仓库，创建之后就会在当前目录生成一个.git的文件2. git add .他会监控工作区的状态树，使用它会把工作时的所有变化提交到暂存区，包括文件内容修改(modified)以及新文件(new)，但不包括被删除的文件。3. git commit -m "xxx"主要是将暂存区里的改动给提交到本地的版本库。4. git sta...
2020-02-29 00:10:34
77
原创 node基础-接口测试
get请求后面的第一个参数是路径 后面的是执行回调函数中的内容 （不同路径执行的结果不同）在端口输入 node app.js 执行js文件 就启动了监听， 打开浏览器输入 http://localhost:3003/api/v1/p 输入路径加以上后缀就可以得到各个结果了。以上是git 请求 以下是post把连接放到postman里面下面的意思是每次更改过文件的时候 需要重新运...
2020-02-28 00:18:11
329
原创 less-语法的基本使用
简单介绍一下less 语法的使用 没有接触到less时 心里没什么概念 后来感觉写法和用法挺奇特的(上手超快)好了 闲话少说直接上代码了！！<template> <div> <h1>这里是less 案例</h1> <div class="test"> <p> <sp...
2020-02-26 23:54:10
569
原创 vue-动态组件
我们要做的是在一个页面实现两个组件的切换我要实现的效果是：看下页面代码结构第一个页面主页面box.vue<template> <div> <H4>动态组件</H4> <!-- <span class="test" :is='state?"son1":"son2"'></span> --&g...
2020-02-26 01:09:48
217
原创 生命周期粗暴解析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-02-25 00:14:07
150
原创 数组去重的一些常见方法
数组的indexOf方法function noRepeat(arr){ var newArr = []; for(var i = 0;i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } }} 利用set结构不允许出现重复元素的特性function ...
2020-02-23 21:47:09
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人