2022年1月13日
reactive()
摘要： reactive()是一个函数(方法)，里边接受的参数是一个 Object 。 Object 中的属性可以是变量和方法，changeJobname时候也不用加value。return返回不用一个个返回，只需要返回一个data,就可以了。 <template> <div> <div>职业名称: {{d 阅读全文
posted @ 2022-01-13 11:00 口木秋子 阅读(92) 评论(0) 推荐(0)
setup() 和 ref() 的使用
摘要： 使用setup()新语法，可以不需像之前vue2语法需要写data了。 <template> <div class="home"> <div>语言名称: {{classname}}</div> </div> </template> <script> import { ref } from 'vue' 阅读全文
posted @ 2022-01-13 10:41 口木秋子 阅读(962) 评论(0) 推荐(0)
Vue 中的 defineComponent
摘要： defineComponent 本身的功能很简单，但是最主要的功能是为了 ts 下的类型推导。 ts 文件中直接写 export default {} 对于编辑器而言，{} 只是一个 Object 的类型。无法有针对性的提示vue 组件 {} 里应该有哪些属性。 增加一层 defineCompone 阅读全文
posted @ 2022-01-13 10:41 口木秋子 阅读(5923) 评论(0) 推荐(0)
2021年3月29日
react将函数组件转换成 class 组件；class 组件中添加局部的 state
摘要： 转换五步： 创建一个同名的 class (es6)，并且继承于 React.Component； 添加一个空的 render() 方法； 将函数体移动到 render() 方法中； 在 render() 方法中使用 this.props 替换props； 删除剩余的空函数声明； 添加三步： 把 re 阅读全文
posted @ 2021-03-29 16:40 口木秋子 阅读(691) 评论(0) 推荐(0)
2020年12月9日
两数之和
摘要： 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。数组中同一个元素不能使用两遍。 如：给定 nums = [2, 7, 11, 15], target = 9； nums[0] + nums[1] = 2 + 7 = 9；返回 阅读全文
posted @ 2020-12-09 16:32 口木秋子 阅读(80) 评论(0) 推荐(0)
2020年7月3日
js简单使用位运算
摘要： 1.使用 & 判断奇偶性: 偶数 & 1 = 0 奇数 & 1 = 1 2.使用~、>>、<<、>>>、|来取整 （相当于 Math.floor()） 注意 >>> 不可对负数取整 3.使用^判断符号是否相同 (a^b)>=0; // true相同；false不相同 4.使用^来检查数字是否不相等 阅读全文
posted @ 2020-07-03 10:09 口木秋子 阅读(171) 评论(0) 推荐(0)
统计一个字符串中每个字符出现的次数
摘要： function count(str) { return [...str].reduce((res,i)=>{ res[i]?res[i]++:res[i]=1 return res },{})} 阅读全文
posted @ 2020-07-03 09:28 口木秋子 阅读(391) 评论(0) 推荐(0)
2020年7月2日
js简单数组去重
摘要： demo1： function uniqArray(array){ return [...new Set(array)] } demo2： function uniqArray(array){ var newArray = []; array.forEach(value=>{ if(newArray 阅读全文
posted @ 2020-07-02 17:34 口木秋子 阅读(163) 评论(0) 推荐(0)
position的定位区别
摘要： 1.static：默认定位，不脱离文档流。 2.relative：相对定位，不脱离文档流，对定位在某父元素下指定left right top等是嵌入到页面中 3.absolute：绝对定位，脱离文档流，没有父元素，上下左右设置是针对于浏览器窗口，不占据位置，会随着窗口大小与页面一起改变 4.fixe 阅读全文
posted @ 2020-07-02 17:02 口木秋子 阅读(305) 评论(0) 推荐(0)
CSS中 link 和@import 的区别
摘要： 1.link属于HTML标签，而@import是CSS提供的; 2.页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; 3.import只在IE5以上才能识别，而link是HTML标签，无兼容问题; 4.link方式的样式的权重 高于@import的权重. 阅读全文
posted @ 2020-07-02 16:49 口木秋子 阅读(149) 评论(0) 推荐(0)