- 博客(60)
- 收藏
- 关注
RSS订阅原创 当不小心在别的分支（test）修改了代码，又不甘直接删除时，可以使用暂存
在test分支修改了代码。可以用git stash 暂存修改的代码，然后回到自己分支使用git stash pop
2022-03-01 18:03:04
209
原创 今天开始记录好看的动漫
1.只有我不存在的城市（悬疑迷雾，持续反转猜凶手）2.东京食种 后面几部差点意思3.海贼王4.滑鬼头之孙5.元气少女缘结神6.怪盗基德7.咒术回战8.一人之下9.魔道祖师10.天官赐福11.侠岚12.堀与宫村13.我想吃掉你的胰脏14.宫崎骏系列15.秒速5厘米16.会长大人是女仆...
2022-02-17 10:20:16
268
原创 冒泡的浅层理解
如果点击父亲div只触发父亲div事件，如果点击孩子按钮，则会触发父亲div和孩子按钮的事件。也就是说，嵌套在父亲里的事件触发会冒泡到外面触发父亲的事件。要阻止冒泡可以调：e.stopPropagation();...
2021-12-27 13:56:04
58
原创 taro运行react项目报错
因为taro版本过高，自行降低到项目用的版本就行安装指定版本 npm install @tarojs/cli@3.0.5
2021-12-23 14:09:38
1149
原创 数据的存储形式-堆栈
1.什么是堆计算机为原始类型开辟的一块内存空间。原型类型有：string、number····2.什么是栈计算机为引用类型开辟的一块内存空间。引用类型有：object堆里面存的是原始值，而栈在堆里存储的是一个地址值，所以当你把a对象给b，b改了里面的某一属性时a也相应变化，因为它们在堆里的地址是一样的//堆let a = 'hello'let b = ab = 'hi'console.log(a,b) //hello hi//栈let c = {key:1}let d = cc
2021-09-02 10:09:11
255
原创 vue2小案例todolist
功能：添加：在输入框中输入名字就可以添加删除：删除是鼠标悬浮才会出现删除已完成任务：复选框有选中的情况下才会出现，点击会删除所有勾选的名字全选：选中所有的名称都会选中数据缓存本地，localStorage思路：1.拆组件，输入框可以作为一个头部组件MyHeader；中间展示名字部分是一个展示组件List，这个展示组件又可以拆分成item组件，item组件就是放名字的，还有就是一个MyFooter组件2.组件分工MyHeader组件负责添加数据，List组件负责展示Item组件Item
2021-08-13 17:06:26
660
原创 canvas绘画七巧板
个人刚开始学canvas：第一：获取canvas标签： document.getElementById(‘canvas’)第二：创建 context 对象，canvas.getContext(‘2d’),该对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法第三开始绘画：context.moveTo(x,y),这是起始坐标contextLineTo(x,y)，这是线条终点坐标在同一个canvas要花两个图形的时候要用 context.beginPath()con.
2021-07-27 11:51:54
327
原创 toLocalTimeString（）
toLocalTimeString（）：根据本地时间把Date对象的是按部分转换为字符串 const nowTime = new Date() console.log('nowTime', nowTime); console.log('nowTime.toLocaleDateString()', nowTime.toLocaleDateString());
2021-07-26 17:06:33
666
原创 本地上传图片（js+html）
<div> <span class="text">添加图片到右边div</span> <div class="upload"> <input type="file" id="upload" onchange="upload()" accept="image/jpg,image/jpeg,image/png,image/PNG"> </div> </div>...
2021-07-23 17:01:41
348
原创 split（）slice（）
split（）返回一个数组，数组是按照规则分割的字符串slice（a，b）返回一个数组，数组里是a和b所以直接的字符，不包括b
2021-07-23 16:18:05
117
原创 贪吃蛇小游戏 ts
ts主要注重类思想，这里贪吃蛇分为四大类：蛇、食物、分数水平、总体控制类：其中蛇需要在吃到食物后自增一节，可以使用insertAdjacentElement（）在最后插入一个节点。还需要向上下左右移动，所以需要监听键盘按键keydown事件，食物被吃到需要随机出现在另一个地方，同时蛇吃到一个食物分数加1，当吃到10个食物后，水平加1同时蛇移动的速度加快1.食物类//食物类Food 对象里只有：属性、值class Food { //定义一个属性表示食物所多对应的元素 element: .
2021-07-22 17:35:13
233
6
原创 js+html下载图片到本地（canvas）
思路：要下载图片，首先要知道图片的路径，拿到图片后放在画布上，所以需要创建画布即：1.获取图片、拿到url2.创建画布3.创建a标签加点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"..
2021-07-22 17:10:33
910
原创 JS函数定义
js使用关键字function定义函数，可以通过声明定，也可以是一个表达式1.函数声明function fun(param){//执行代码}2.函数表达式（将函数存在一个变量中）let fn = funciton(param){//执行代码}
2021-07-19 10:15:10
65
原创 好用的moment.js（获取两个日期之间天数、比较时间大小、）
1.获取两个日期之间相隔多少天let days = moment('2021-7-8').diff(moment('2021-4-5'),'days)//相隔的天数会把最后一天也就是7-8号也算上2.比较时间大小，哪个在前哪个在后let isBefore= moment('2021-7-8').isBefore('2021-6-6')//isBefore-false3.时间格式moment("2021-4-3","YYYY-MM-DD HH:mm:ss")...
2021-07-08 11:47:59
22077
原创 比较连个数组并根据匹配的值更新特定的属性
const arr = [ {id:"1",value:"11"}, {id:"2,value:"22"},]const arr2 = [{id:"2,value:"22"},]数组处理：const idSet = new Set(arr2.map(item => item.id));const result = arr.map(arrItem => {...arrItem,value:idSet.has(arrItem.id)?"0":arrItem.value})...
2021-05-11 16:05:35
120
原创 转时间戳
1.+运输符号，直接转换为unix时间戳+new Date()2.getTime（）new Date().getTime()3.Date.now获取当前时间日期的时间戳Date.now()4.Number() 可以将非数字对象或原始值为数字Number(new Date())5.lodash _.now（）_.now()...
2021-05-11 15:29:28
341
原创 如果不含有children就存储其id--------练习
<script> let arr = [ { id: 1, label: '标题1', children: [ { id: 11, label: '标题1-1', }, { id: 12, label: '标题1-2', } ] ..
2021-04-27 15:46:40
45
原创 判断一个数组里面的每一项是否等于第一项
1.第一项不是固定的，所以我们需要用一个变量来存第一项arr[0]解决方法：every（）可以判断是否全部相等，全等的h话返回true，不全等返回falselet arr1 = [1,3,2,4,6]let arr2 = [6,6,6,6,6]let arr1First = arr1[0]let arr2First = arr2[0]const result1 = arr1.every(item =>item === arr1First ) const result2 = arr2.ev
2021-04-27 10:11:19
524
原创 递归函数 举例练习
1.递归的理解：递归就是自己调用自己，比如：//我要把下面这个数组里的id和title改为key和label/**用递归*/let arr = [ { id: 1, title: '标题1', children: [ { id: 11, title: '标题1-1', }, { id: 12, title: '标题1-2', } ] }, { id: 2, title: '标题2', children:
2021-04-27 09:56:06
99
原创 JavaScript常用API
1.new Set()------数组去重const arr = [1,2,3,3,3,3,4,5]console.log(new Set(arr)) // {1,2,3,4,5}const a = Array.from(new Set(arr)) //[1,2,3,4,5]//或者const b = [...new Set(arr)]//推荐使用2.sort() ----- 对数组元素排序(改变原来数组)const arr = [3,1,35,7,34,2]console.log(arr
2021-03-22 17:15:53
96
原创 安装ui库antd
1.npm add antd2.安装成功需要引入样式和模块名：import {Button } from 'antd'import 'antd/dist/antd.css'
2021-03-03 23:46:10
119
1
原创 getFieldDecorator（）
1.getFieldDecorator是antd上的一个方法，有两个参数，第一个是表单的子弹对象，第二个是验证规则。其返回一个方法，需要将需要获取值得标签包裹进去：<From> <FromItem> { getFiledDecorator('name',{rules:[required:true,mess]})(<input placeholder = '请输入您的名字'></input>) } </FormItem></
2021-03-03 15:41:55
2029
4
原创 Lodash的compact
1.lodash的compact作用：将原数组的falsey元素全部移除，生成一个新数组。2.false，null,0，‘“”，undefined，nan都是falsey3._.compact[o,"",3,5,false] //[3,5]
2021-03-03 15:18:06
908
1
原创 JS数组的some（）
1.some遍历数组中的每一项，若其中一项符合，则返回值是true2.every遍历数组的每一项，要每一项都符合才是true3.用处：可以用来判断填写项是不是为空等：
2021-01-21 20:17:22
854
原创 JS replace()方法
replace（）方法用于在字符串中用一些字符替换另一些字符，或者换一个与正则表达式匹配的子串1.语法：stringObject.replace(regexp/substr,replacement)参数描述regexp/substr必需。规定子字符串或要替换的模式的 RegExp 对象。replacement一个字符串值。规定了替换文本或生成替换文本的函数2.例子：<script type="text/javascript">//替换var .
2021-01-08 10:16:55
744
原创 React 生命周期函数
理解：1.组件对象从创建到死亡它会经历特定阶段2.React组件对象包含一系列钩子函数（s生命周期回调函数）在特定的时刻调用3.我们在定义组件时，在特定的生命周期回调函数中做特定的工作补一个知识点：mount是挂载，unmount是卸载。把页面显示出来就是挂载这里简单说一下：componentDidMount(){} :组件在挂载完毕时调用。如果有需求我们有一个定时器在页面挂载时就开启，那定时器就可以写在这个函数里componentWillUnmount(){}：组件即将被卸载时调用他们.
2021-01-04 16:00:39
71
原创 react ref
ref对象也是存在组件实例中（this），它有三种形式:字符串形式、回调函数式、createRef1.字符串形式：<div id="test"></div> <script type="text/javascript" src="../js/react.development.js"></script> <script type="text/javascript" src="../js/react-dom.development.js">
2020-12-31 18:50:37
76
原创 react props
1.props对象存储在组件实例对象中（this）理解:-每个组件对象都会有props（properties）属性-组件标签的所有属性都保存在props中作用：-通过标签属性从组件外向组件内传递变化的数据-注意：组件内部不要修改props（只读的）2.三个例子：2.1 props的基本使用 <div id="test"></div> <div id="test2"></div> <div id="test3"><
2020-12-31 18:45:03
80
原创 ...展开运输符
<script> // 用法1：展开一个数组 let arr = ['1','你好','蔡庆豪']; let arr1 = [1,2,3,1] console.log(...arr,...arr1); // 用法2：连接数组 let arr3 = [...arr , ...arr1] console.log(arr3); // 用法3：构造字面量对象时使用 let person = {name:'山治',age:20}.
2020-12-31 14:05:13
69
原创 react state小实例
1。点击div里的的文字，天气在“炎热”和“寒冷”之间切换点击之前：点击之后：<script type="text/babel"> class Demo extends React.Component{ constructor(props){ super(props) this.state = { isHot:false } } clickFun = () => {
2020-12-30 23:45:27
100
原创 react-02 JSX
1.额外的笔记：4.关于虚拟DOM：-本质是OBject类型的对象（一般对象）-虚拟DOM比较“轻”，其属性方法比较少，真实DOM比较“重”。-虚拟DOM最终会被React转化为真实DOM呈现在页面上5.jsx规则-定义虚拟DOM时，不要写引号-标签中混入JS表达式时要用{} < h1>{data}< /h1>-样式的类名指定不要用class，要用className < h1 className = {}>{data}</ h1>-内联样式
2020-12-30 17:22:45
49
原创 react 引包01
1.在写案例之前我们需要引入几个文件：babel.min.jsreact-development.jsreact-dom-developments1.写react要引入babel.min.js,因为react会用到jsx,但是浏览器不认识jsx，只认识js，所以需要babel帮我们转换，之前的es6转es5也会用到2.react-development.js是react核心库，肯定要引入3.react-dom-developments是帮助我们操作dom的扩展库//引入这三个文件是有顺序的：
2020-12-30 15:30:37
159
原创 Lodash实用工具库
1.Lodash 是一个一致性、模块化、高性能的JavaScript使用工具库中文文档：https://www.lodashjs.com/很好用举个例子：_.compact(arr):创建一个新数组，包含原数组中所有的非假值元素。例如false,null,0,"",undefined和NAN都被认为是”假值“_.compact([0, 1, false, 2, '', 3]);// => [1, 2, 3]...
2020-12-30 10:40:36
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人