孜孜'blog

305a832858cf8cef14f9d85cee8e5b9d20844c6007385982c2e768b7f05bf5d08975ce2fd2413caa0d7446e41daa8c52de66e63c75b54a8fd4df3e44e089034ef3818b5dfee67acb8b869a77b17856499d47b1b3a43815ec5481c12ce73b01a0420d3e593d45483866e86e694bb307b2ebdaf1b8b91f7f6cfdefc90cea608f6d592d91438c80def29460b6b2b99c684aa635c4e5e3828702f5441a1f9cee16f81f9cce5eddc9e90c5fc62dbeee5f0d5c361e347a91f759d3f02455fb58d0ca9e7da967b0a376405f6a77e7beb4f060e1accbedf4851c5540518523bd8160e7ad654f1e3551e9d9c0ff7f5ee9efb3c0510c3cdbba713ec54e6 ...

昨天下着大雨请了一天假，请假的理由我到现在还没想好，在与懒惰斗争了20多年，这又输了一次。 宅了一天，出门吃了个晚饭，外面夹着细雨的冷风吹地我起了一身的鸡皮疙瘩，看着路人都穿着外套走来走去，就我还穿个短袖短裤到处找饭馆，这才一天没出门，怎么就像到了深秋准备过冬的样子。回家打了个哆嗦，突然想打LOL找找当年热血的感觉，下载点击打开LOL，通过weGame进来，没有进场动画和音乐总少了些感觉。进入到首页看到幸运商店本能的点击进去，随便点了一下，发现以前想买的皮肤三折优惠出现在我面前，要是在高中那估计是每天啃白馒头，吃泡面也得买下来，现在完全没有为它花钱的欲望，想到那时候做的傻行为就想笑。 那时候沉迷LOL，上课睡觉朝思暮想，想着想着忍不住了就翻墙出去，真有种“所爱隔山海，山海皆可平的”气势，这一堵墙算个球。来到网吧那打的每一场游戏，就像生死之战，调兵遣将，指挥全场，只要还有希望那就坚守到最后只为取得一场胜利，那智商估计都超频了，时不时还来一个秀翻天的操作，队友直呼666，打完也是脑门发热估计是散热跟不上。放下这游戏四五年了，现在再玩起来完全没有高中那时候的热情，只把它当做一场游戏娱 ...

1. js原始基础类型原始数据类型的注解包括： 布尔值，数值，字符串，null, undefined 2. 布尔值1.使用boolean对布尔值进行注解 let isDone: boolean = false 2.可以使用Boolen进行类型转换，但不能使用new Boolean构造函数创建, 其他基本类型也一样 // isDone = new Boolean(1) // 报错，new Boolean 返回的是一个Boolen对象的实例isDone = Boolean(1) 3. 数值1.使用number对数值型进行注解 let decNum: number = 6 // 10进制let float: number = 6.666666666 // 浮点数let hexNum: number = 0xf00d // 16进制let binaryNum: number = 0b101 // 2进制let octalNum = 0o766 // 8进制 4. 字符串1.使用string对字符串类型（包括模板字符串）进行注解 let myName: string = 'To ...

最近简单学习了一下ts发现还真有点香，借双休总结回顾一下，先来回顾搭建一个可以运行ts文件的环境，这样后面编译ts就方便了 1 安装typescript1.1 在拥有node的系统环境通过npm安装typescriptnpm install typescript -g 1.2 查看版本检查是否安装成功 tsc --version 安装成功后就可以通过指令编译ts文件了,会在目录生成对应js文件tsc main.ts 感觉老是这样通过指令编译感觉很麻烦，那可以通过webpack配置对应的loader编译ts文件 2 配置webpack 编译ts2.1 创建项目目录 目录结构 src //存放源文件 – main.ts build // 存放webpack配置文件 – webpack.config.js index.html // 入口页面 2.2 初始化npmnpm init 2.3 在项目中安装typescriptnpm -i typescript 2.4 初始化tsconfig.json文件tsc -- ...

js继承 又到了双休，但是手机老是给我提示暴雨预警，哪都不敢去。所以借着这个时机来复习一下js基础中的继承，顺便总结一下中间踩到的坑，每个实例的代码都全部写下来，虽然有很多是重复的但是这样方便查看和理解，如有错误欢迎指点^_^ 原型链继承原型链继承，就是让子类的原型属性指向父类的实例，这样子类没有在自己的实例里找到属性就会去原型上找（此时是父类的实例），再没有找到就去父类原型上找 // 创建父类function Super() { this.supArr = ['a', 'b'] this.name = 'super'}// 为父类原型添加方法Super.prototype.sayName = function() { console.log(this.name)}// 创建子类function Sub() {}// 注意：为子类原型添加方法, 改变子类原型对象后获取不到此方法 ×Sub.prototype.saySubName1 = function() & ...

后台返回数据为HTML，通过v-html渲染页面后，jquery为数据里的Dom添加事件 后台数据与渲染这是后台返回的数据 这是通过v-html渲染到页面 添加点击事件失败在vue声明周期mounted添加事件,并没有添加到，甚至连dom都没有获取到 console.log($('.app-link'))mounted() { $('.app-link').on('click', function(event) { event.preventDefault(); console.log('1111111111') }); }, 在mounted里使用 setTimeout也没有用 mounted() { setTimeout(() => { $('.app-link').on('click', function(event) { eve ...

遍历数组for循环遍历数组常用for循环 ES5遍历数组的方法有forEach,map,filter,some，every,reduce等 使用forEach不能使用break和return跳出循环 es5的forEach方法其实性能比for循环还要弱，使用for循环可以将长度用遍历存起来，可以优化性能 Array.prototype.method = function () { console.log(this.length);};var myArray = ["a", "b", "c", "d"];myArray.name = "数组";for(let j = 0,len = myArray.length; j < len; j++){ console.log(myArray[j]);} for…in使用for in 遍历数组的毛病 1.index是字符串2.遍历顺序可能不是数组的内部顺序3.会遍历数组的可枚举对象包括原型，例如上面 ...

浅拷贝使用Object.assign将原对象的值分配给一个新对象let obj = { name: 'zzj' age: '22'}// 要在Object.assign 重新定义一个{} 然后将obj复制到{}let objCp = Object.assign({},obj)// 修改objCp 的属性 不会影响原来的对象objCp.age = '23'console.log(objCp, obj) // { name: 'zzj', age: '23' } { name: 'zzj', age: '22' } 使用ES6的扩展运算符let obj = { name: 'zzj', age: '22'}let objCp = {...obj}ob ...

305a832858cf8cef14f9d85cee8e5b9d3fe10307103af5ee275a8dd34365887ac622e8adf4ecd33650182a9c1e04f5a0acaeaf8bc0979aa8190f9abedcff3d47216e893613386a547ccf7b792fdae105ec00966040c2ccca50f09891d886d3b2635faf2fe6a40d1680af5a102d1a07c3f98328413fd28476f616ccf71cab2619fd13a0c9688605ba8bc1db6935a25678a93a834cbe5fe4295597af8ecaeddee50a2ac8f14ebef46ad1ac82ca5a182e9291de693ce66b64db9f84646ba54b6f482c6d1998cb5888a94b7c7f70e1e37a19514482eb001ac94b7e1d964cc7732c1e6ae677a6554225cf912382acd6af40916b8c462da928f41e1 ...

305a832858cf8cef14f9d85cee8e5b9d20303923c5e2ad35473531b46facdf7118e1d2155e6ef61c2d4fe32f327b39bf8ccd06ee4c237e3e1a9ee9030e9b1be4bbf9fa5746f5500a7482651030ea9f89562b85cf933a3ca52e91cde4496fdb507803101803070c929f99a5bd80316d6a61c9209149244f55cab93b3f8d6bc4ddae6faf3d402a7477a627ed1ecf62037b4cbc43c40db76426def49f0021ed26434c5b2d93a68c48c85487b9a0b370a80c84c206b7c530cf6f219738507bab3a2670416cdc09d3e07d9e3b6f52783ede13ded2d022b2125cc520123f33e6e268382eea975432c9aee3f249d62bd6f4acec785b610dbe68a1fd0 ...