- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue非父子组件通信传值（任意组件）
创建global-bus.js文件 (呼叫中心，通信中心)导入vueimport Vue feom 'vue'export default new Vue()从a传到bb注册 a发布b 导入 globalBusimport globalBus from 'xxxxx' 在vue的钩子生命周期函数初始化 代码如下：globalBus.$on('事件名称', (data 声明对象接收a传过...
2020-11-15 15:53:40
296
原创 vue中v-if和v-for同时使用的问题
在官方文档中明确指出v-for和v-if不建议一起使用。原因：v-for比v-if优先级高，所以使用的话，每次v-for都会执行v-if,造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。<ul> <li v-for="user in users" v-if="user.isActive" :key="user.id"> {{ user.name }}...
2020-11-15 04:56:40
10090
原创 json-bigint处理大数字问题
js里面的整数有安全范围，即最大能显示的范围，超过了这个范围可能会精度丢失Number.MAX_SAFE_INTEGER //值为9007199254740991json-bigint：可以像JSON.parse一样方便转换用法：//导入import JSONbig from 'json-bigint'//可以通过axios的transformResponse方法，这个方法的作用是在传递...
2020-11-12 10:05:21
1759
原创 VUE组件之间的通信
VUE组件之间的通信有以下几种情况：1.父子组件通信父传子(1)通过在父组件v-model绑定数据，在子组件进行用props进行数据的接收父组件<template> <div id="container"> <Child :msg="data"></Child> </div></template&...
2020-10-29 03:23:28
72
原创 Axios基本使用
AxiosAxios 是一个基于promise的HTTP库，可以用在浏览器和node.js中。安装yarn add axios# ornpm i axios -S基本使用/** * 1、基础使用1 * axios(config) * 2、基础使用2，url不在配置中指定 * axios(url[, config]) * 3、默认请求方法别名 * 使用别名方法时， url、...
2020-10-27 11:36:44
224
原创 腾讯云函数部署网易云音乐刷歌和bilibili签到打卡投币
解放双手! 新增了时光相册自动签到##打卡b站教程点这里------>https://mp.weixin.qq.com/s/_y7cuaTg0DOOpmYKc3puLw###几个注意点命令行会出现二维码，用腾讯云绑定的微信扫一下授权就可以了，会自动帮你创建云函数。测试按钮在代码编写那里。先保存再测试。测试结果在日志查询里可以看到。目前完成部署还有礼品可以拿成功结果:##网抑云刷歌教程点这里------>https://zaincheung.gitee.io/
2020-10-24 14:17:50
3097
1
原创 js事件冒泡
什么是冒泡？DOM事件流(event flow )存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获*(****event capturing****)*：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。事件冒泡**(***dubbed bubblin...
2020-10-16 14:05:10
160
原创 如何使用ES6的新特性async await进行异步处理
如何使用ES6的新特性async await进行异步处理首先我们先举个例子：先写上json文件:code.json:{ "code":0, "msg":"成功"}person.json:{ "code":0, "list":[ { "id":1, "name":"唐僧" }, ...
2020-10-14 06:56:26
263
原创 css属性为 { flex: 1 }时表示的意思
flex属性是 flex-grow + flex-shrink + flex-basis 的缩写1.赋给3个值.item { flex: 100 200 300px;}// 等价于.item { flex-grow: 100; flex-shrink: 200; flex-basis: 300px;}2.赋值为auto.item { flex: a...
2020-10-11 07:29:51
2303
原创 javascript预编译（执行期的上下文）
JavaScript预编译(执行期上下文)总结上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script>...
2020-09-26 18:51:31
276
原创 js变量提升 和函数提升
两个最简单的例子理解变量声明提升和函数声明提升一、变量提升变量提升即将变量声明提升到它所在作用域的最开始的部分例1：function fn () { var a ="hello world1"; console.log(a); // hello world1 console.log(b); //undefined var b = 'hello...
2020-09-24 06:41:26
78
原创 let和var和const
let和var有哪些区别举个例子var arr = []; for(var i = 0; i < 2; i++){ arr[i] = function () { console.log(i); } } arr[0](); //2 arr[1]();...
2020-09-23 21:45:46
75
原创 JS继承
1.原型链继承2.构造函数继承3.组合继承4.寄生组合继承5.extends继承function Animal() { this.name = 'cat' this.msg = { age: 9 } } Animal.prototype.greet = function () { console.log('hehe') } functi...
2020-09-18 23:38:44
96
原创 js构造函数的理解
作为原型和原型链的基础，先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。1、什么是构造函数2、为什么要使用构造函数？3、构造函数的执行过程4、构造函数的返回值5、构造函数首字母必须大写吗？6、不用new关键字，直接运行构造函数，是否会出错？如果不会出错，那么，用new和不用new调用构造函数，有什么区别？1、什么是构造函数在 JavaScript 中，用 new 关键...
2020-09-11 02:16:21
261
原创 如何用七牛云上传音乐生成外链
收费的，不推荐使用，可以使用又拍云储存+CDN，再去申请又拍云联盟，一个月10g储存空间+15g流量，基本够用了1.注册七牛云2.新建对象储存3.绑定自己的cdn域名必须要备过案的域名免费提供的域名只有三十天的有效期，所以我们要绑定自己的域名接下来按图设置就好了设置1设置2域名服务商解析设置默认域名最后看这里，点击更多就可以获取外链了不懂留言我以后再写详细点，太晚了睡觉了续今天突然不能播放了 控...
2020-09-09 10:07:25
1055
原创 关于：before和：：before的区别 至 伪类和伪元素的区别
::before 是一个伪类元素，代表生成的内容元素，表示相应元素的可抽象样式的第一个子元素，即：所选元素的第一个子元素 利用::before可以把需插入的内容插入到元素的其他内容之前，并且默认内联显示。::before需要使用content属性来指定内容的值。区别：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，...
2020-09-08 19:35:52
484
原创 箭头函数
ES6标准新增了一种新的函数：Arrow Function(箭头函数)。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有...
2020-09-05 22:55:34
92
原创 call，apply，bind 的完全实现和理 解
1.首先讲讲this这是一个很方便，但是同时又容易出错的属性。我们只要记住4条规则就好了1.1 纯粹的函数调用这个时候this指向window对象let x = 'window';function test() { let x = 'fn';console.log(x);}test(); // window//注意这里如果使用var的话，会是fn //因为var没有块级...
2020-09-05 02:08:31
205
原创 作用域和作用域链的简单理解
作用域和作用域链作用域javascript采用的静态作用域，也可以称为词法作用域，意思是说作用域是在定义的时候就创建了，而不是运行的时候。此话对于初学者很不好理解，看看下面这个例子：let a=1function aa(){ console.log(a) //输出1}function bb(){ let a=2 aa()}是不是非常违背常理啊，你看嘛，aa在...
2020-08-29 16:00:40
170
原创 如何在js中创建对象
七夕临近了，没有对象的来创建一个吧使用对象字面量：const o = { name: "zehan", greeting() { return `Hi, 我是${this.name}`; }};o.greeting(); // "Hi, zehan"使用构造函数：function Person(name) { this.name = name;}Person...
2020-08-24 00:16:31
86
原创 如何理解JavaScript中的this
JavaScript中的 this 对于初学者来说是个难点，对于老手也会困惑。之前有一个小伙伴一直问我this的相关问题，所以今天抽出点时间深入的带大家理解this。希望通过我的理解能够对正在处于对this困惑的你指引方法，让你再也不用怕JavaScript中的this了，让你明白在各种情况下使用this。JavaScript 的 this 关键词是很不一样，因为 JavaScript 本来就不...
2020-08-23 19:28:05
1228
原创 JavaScript闭包实例讲解
闭包是JavaScript语言中的难点，很多刚入行的(包括我在内)一时对他很难理解，于是在网上各种搜罗有关闭包的学习资料，但是无数的文章介绍闭包，但都是了解一个皮毛。说实在的我到现在也不敢和大家百分百的肯定掌握它。所以今天我就把我的整理的学习笔记分享给大家，希望能够对大家有用。但要想理解闭包，首先要理解Javascript特殊的变量作用域。变量作用域分为两种：一种是全局变量，另一种是局部变量。一...
2020-08-19 01:40:10
137
原创 JavaScript类型判断的四种方法
本文作者分享了JavaScript类型判断的四种方法：1.typeof、2.instance of、3.Object.prototype.toString.call()、4.constructor，希望对你有所帮助。作者：佑耳原文：https://juejin.im/post/5ef0b80af265da02cd3b84f3JavaScript数据类型JavaScript有八种内置类型，除对象外...
2020-08-16 04:08:55
121
原创 JS中的原型和原型链
讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键：1、所有的引用类型(数组、函数、对象)可以自由扩展属性(除null以外)。2、所有的引用类型都有一个’_ proto _'属性(也叫隐式原型，它是一个普通的对象)。3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。4、所有引用类型，它的’_ proto _'属性指向它的构造函数的’...
2020-08-05 21:55:53
168
原创 Markdown基础语法
写博客必备的一些md语法Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。如果你作为一名博客站长，那么它可是你必不可少的工具之一。markdown中文文档一.标题标题能显示出文章的结构。行首插入1-6个 # ，每增加一个 # 表示更深入层次的内容，对应到标题的深度由 1-6 阶。当然#越多，标题的大小反而越小# Header 1#...
2020-07-27 20:51:45
86
原创 如何治好拖延症，做一个自律的人
人的一天就是一生的缩影一，给自律开个头，早起散漫的人大多晚睡晚起，因为这样的生活状态是随心所欲且舒服，自然而然的，一旦决定要自律，就要先从这个最容易改变的生活习惯做起，古人云--一屋不扫，何以扫天下，意思就是，连最简单的事都做不好，怎么做大事呢，所以咱们的自律大业要从先给自己定个小目标---赚他一个亿开始，不对，是从早起开始！！早起的目的是帮助你建立规律的生活习惯，是最容易做到的自律习惯，所以先...
2020-07-08 02:35:55
118
原创 仿bilibili弹幕样式的404页面
群友发的预览：源码:<!doctype html><html><head><meta charset="utf-8"><title>页面不翼而飞！</title><style>html,body { margin:0; padding:0;}canvas { displa...
2020-06-26 21:30:26
466
原创 我在人间凑数的日子
出版：皮皮虾作者：广大皮友版权：皮友转至知乎原本我以为世界很美好，但现实总是给我意想不到的惊吓。———选自散文集《我在人间凑数的日子》我就这么坐着 生活给我什么我就接着 拿走什么我就看着 ——选自散文集《我在人间凑数的日子》当你遇到心动的那个女生时你会发现，你所有的理论和道理在面对她时都是苍白的 ——出自散文集《我在人间凑数的日子》如果你感到委屈，证明你还有底线。如果你感到迷茫，证明你还有追求。...
2020-06-11 08:12:37
531
原创 《V字仇杀队》影评
作者：Fsn_soul链接：https://www.jianshu.com/p/5c1805c6f0ff来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。《V字仇杀队》是一部无法忘却的电影，它的精神、它的内涵、它的品格，在一个小范围的圈内，来回激荡。它不能被标榜为经典之作，但它的所有细胞，都透露着浓烈的“禁忌”味道，它更像“神作”。“不是在沉默中爆发，就是在沉默中死亡...
2020-06-04 10:04:40
479
原创 Vuex是怎样进行状态管理的
store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({// 一开始就定义在state里面的数据,就会自动变成响应式//如何添加数据到响应式系统// Vue.set(添加到哪里,添加数据的类型key:(string|number),value:...
2020-05-16 13:20:21
157
原创 Vuex五大核心
每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的...
2020-05-16 06:06:37
352
原创 promise详解
// 1.使用setTimeout// setTimeout(() => {// console.log(‘Hello World’);// }, 1000)// 什么情况下会用到Promise?// 一般情况下是有异步操作时,使用Promise对这个异步操作进行封装// new -> 构造函数(1.保存了一些状态信息 2.执行传入的函数)// 在执行传入的回调函数时, 会传入两个参...
2020-05-13 01:35:50
64
原创 陈荒煤《怀念》（节选）
一整个春天几乎就是这样阴沉地过去了。 我是一整个春天连一朵花儿或是一根青草都没有看见过的；我想我底话一些也不夸张，我记得没错，就是瞧见有几颗瘦瘠的秃顶的树，那都好像是被竹篱笆围在人家院子里的，它们常常把那没有几片叶子的难看的头摇晃着，还向我表示什么骄矜似的。春天这一季候底来到和它的逝去，我在感觉方面都似乎迟钝得不能去辨别了；但是，我不能欺骗我自己，我知道，这就是我曾经盼望过的春天，我不禁无法忍耐...
2020-05-09 04:47:33
232
原创 css高度坍塌与清除浮动
高度坍塌的原因在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高.但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷.由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱.解决办法：经常使用的清除浮动的方案：clearfix方案【原理：就是在这个父元素的最后创建一个伪元素afte...
2020-05-03 15:39:10
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人