- 博客(21)
- 收藏
- 关注
原创 vue项目使用tsx
使用webpack处理,配置如下index.tsx// Vue3中没有Vue.extend,可以用defineComponent来代替data () {return {num: 0},// 注意:父组件中ref修改响应数据,无法导致num刷新console.log('点击');expose({ // 默认只会暴露属性,故需要expose暴露num,});<div></div>// console.log('点击');// };// )
2024-04-28 15:24:12 1470
原创 慕客ps插件删除方法
慕客ps插件删除方法在插件应用市场无法实现删除已经安装的mock插件正确方法:C:\Program Files (x86)\Common Files\Adobe\CEP\extensions之前点击mock的安装包就会默认把文件放到上面这个文件夹了将idoc.mockplus.extension这个文件删除即可...
2021-04-07 15:53:24 1261
原创 js验证
js验证邮箱:/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/手机号或电话:/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
2021-04-05 20:55:57 93
原创 2021-01-09
【红宝书p252类构造函数和构造函数的区别】1,相同点:两者实例化都必须用new关键字2,不同点,不用new,类构造函数会报错,构造函数this默认为window,但都无法实例化对象成功 <script> function Person() { console.log(this); } // 把 window 作为 this 来构建实例 let p = Person(); console
2021-01-09 21:46:58 100
原创 2021-01-09
【红宝书p251类构造函数】1,类实例对象的原型被赋值为构造函数的prototype属性<script> class Person { constructor() { console.log('person ctor'); } } let p = new Person(); // person ctor console.dir(Person)
2021-01-09 21:37:06 89
原创 2021-01-08
【红宝书p250类和类实例的结构】1,查看类的结构<script> // 1,类表达式定义类 //1.1类有名字,赋值给变量 let Person = class PersonName { } console.dir(Person);</script>注意:person的name属性值为PersonName<script> // 1,类表达式定义类
2021-01-08 17:51:42 142 1
原创 2021-01-07
【红宝书p248寄生式组合继承】实现原理:定义一个prototype变量,保存Object.create(父类.prototype)的结果,即prototype对象的原型是父类的原型。同时prototype添加constructor属性指向子类。之后再将prototype对象变成子类的原型。1,将父类原型中的方法添加进子类原型中的原型,查看结构<script> function addPrototype(subType, superType) {
2021-01-07 22:55:45 100
原创 2021-01-07
【红宝书p245原型式继承】1,调用函数,返回一个原型是父类对象的空子对象,查看空子对象结构<script> function object(o) { // 注意:object只是一个普通的函数 // F()相当于子类 function F() { } F.prototype = o; return new F(); } **/
2021-01-07 20:17:06 151
原创 2021-01-07
【红宝书p244组合继承】1,父类属性放构造函数里,方法放原型里,让子类继承后,查看子类结构function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"];}SuperType.prototype.sayName = function() {//以后子类实例可直接共用,不用重写的属性或方法写入父类的原型里面 console.log(this.name);};function SubTy
2021-01-07 01:33:12 163
原创 2021-01-07
【红宝书p243继承之盗用父类构造函数】1,查看继承后,子类父类的结构<script> function SuperType() { this.colors = ["red", "blue", "green"]; } function SubType() { // 继承 SuperType SuperType.call(this); } co
2021-01-07 00:59:52 239
原创 2021-01-06
【红宝书p238继承之原型链(继承父类实例)】1,让子类的原型是父类的实例,查看子类和父类的结构<script> function SuperType() { // 父类 this.property = true; } SuperType.prototype.getSuperValue = function () { // 父类原型中添加方法 ret
2021-01-06 22:14:09 84
原创 2021-01-06
【红宝书p226构造函数与实例,实例与实例之间的关系】1,查看构造函数、实例的结构 function Person(name) { this.name = name } let person = new Person('ike'); // 1,原型和实例的结构 console.dir(Person); console.dir(person);2,构造函数原型对象和实例原型对象console.dir(Person.prototype);c
2021-01-06 09:40:20 147
原创 2021-01-05
【红宝书p224函数的prototype属性】1,属性添加到构造函数中时1.1函数的prototype属性<script> function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function () {
2021-01-05 18:36:34 94
原创 2021-01-05
【红宝书p220对象解构在参数中的应用】<script> let person = { name: 'Matt', age: 27 }; function printPerson(f00, { name, age }, bar) { console.log(arguments); // 注意:arguments是系统变量,保存实参对象
2021-01-05 16:29:36 71
原创 2021-01-05
【红宝书p218数字对象的解构】<script> // 对象的解构 // 数值对象解构 // 1,查看数值对象里面的属性 var num = new Number(100); console.log(num); // 2,解构数值对象里面的属性(包括原型里面的) let { constructor: c } = num; console.log(c);//f Numb
2021-01-05 16:03:04 89
原创 2021-01-05
【红宝书p218字符串对象的解构】查看字符串对象的所有属性<script> // 对象的解构 // 字符串对象解构 // var str = 'foobar';//这种方式无法看到对象里面的属性和方法 var str = new String('foobar'); console.dir(str); </script>解构字符串属性<script> // 对
2021-01-05 15:51:23 92
原创 2021-01-05
简写设置、获取函数1,原始写法 <script> // 原始写法 // 获取函数与设置函数 var obj = { name_: "", name: { get: function () { return this.name_; }, set: function
2021-01-05 11:38:16 103
原创 2021-01-05
【红宝书p213】es6解决es5无法解决的等值判断问题1,es5及之前用===相等判定 <script> console.log(+0 === -0); // true console.log(+0 === 0); // true console.log(-0 === 0); // true </script>无法区分0的正负之分console.log(NaN === NaN); // falseconsole.
2021-01-05 11:27:48 84
原创 2021-01-05
【红宝书p211】获取函数和设置函数利用获取函数和设置函数完成对象属性的值初始化方式一:计算属性<script> src = { set a(value) { a = value; }, get a() { return a; } }; // 注意:这里不管赋值先后顺序
2021-01-05 10:44:20 127
原创 2021-01-04
【红宝书p207】访问器属性用法let book = { // 对象里面的属性实则可以被直接访问 year_: 2017, edition: 1 };准备以上对象,通过访问器属性间接修改对象里面属性的值es5的用法: // es5 Object.defineProperty(book, "year", { get() { return th
2021-01-04 18:28:02 77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人