- 博客(43)
- 收藏
- 关注
RSS订阅原创 node-sass版本过高
INFO Starting development server...98% after emitting CopyPlugin ERROR Failed to compile with 2 errors ..
2021-10-27 15:37:04
915
原创 手动清除input框的指定记录
不想动浏览器的缓存， 也不想删掉input记录的其它信息，只想删掉input框里记录了某一条信息点击input框，显示下拉记录，鼠标移到要删除的记录，win + shift + del 即可 (o)/
2021-09-03 16:16:39
367
转载 学习flex布局，看这篇就够了！【转发】
原文链接：https://juejin.cn/post/6993102051416735757?utm_source=gold_browser_extensionFlex是Flexible Box的缩写，表示弹性布局，用来为盒子模型提供最大的灵活性。任何一个容器都可以设定为flex布局：.box {display: flex;}复制代码设定为flex布局之后，子元素的float、clear和vertical-align属性将失效！采用flex布局的容器叫作flex容器，简称容器。容器里的所有
2021-08-06 14:00:11
203
原创 qiankun微前端路由
最近在倒腾微前端，做个小记录1.主应用带前缀，微应用的activeRule里面也要加上前缀主应用里微应用里2.路由模式由于项目是重构，之前用的hash模式改了有些东西会受影响，就没动 ，所以我的主应用是hash模式，微应用也用的hash模式 (微应用用history模式会有问题 时间不允许我倒腾了 就这样吧)子应用的路由...
2021-08-05 14:56:58
713
原创 Rest Client 一个可以代替postman的vs code 插件
REST Client 扩展工具允许你发送 HTTP 请求并直接在 VSCode 中查看响应。再也不需要使用外部应用程序向服务器发送 HTTP 请求。
2021-08-05 10:11:22
244
原创 nativefier 一行命令创建桌面应用
Nativefier 通过一行代码就可以轻松地为任何的网站创建桌面应用程序，应用程序基于Electron打包成系统可执行文件.app .exe，非常棒的开源项目。git地址：https://github.com/nativefier/nativefier安装node.js >= 6npm install nativefier -gnativefier --arch 'x64' --icon 'F:\es6\favicon.ico' --name 'ES6' 'https://wangdoc
2021-08-02 14:31:27
505
1
原创 css水波纹
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css水波纹</title> </head> <style type="text/css"> .pointing-arrow__rings { position: relative; width: 120px; height: 120px; } .p
2021-07-19 15:07:12
107
原创 css 实现滚动背景
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css 实现滚动背景</title> </head> <style type="text/css"> .sectionBox{ width: 100%; height: 100vh; position: relative; overflow: hidden;} .bg
2021-07-19 15:04:28
788
原创 css地球旋转
<!doctype html><html><head><meta charset="utf-8"><title>css地球旋转</title><style>* {margin:0; padding:0; border:0;}.rotateBox {width:200px; height:200px; margin:100px; }.rotateBoxImg {width:200px; height:200p
2021-07-19 14:55:58
496
原创 记录echarts在Vue里的一些小问题
图表宽高不能自适应解决思路：父元素做成自适应，获取父元素的宽高给图表let myChart = this.$echarts.init(document.getElementById("achie"));let autoHeight = this.$refs.preachie.$el.offsetHeight;this.$refs.achie.style.height = autoHeight + 'px';let autoWidth = this.$refs.preachie.$el.offs.
2021-07-15 13:51:01
269
原创 《考试脑科学》--樊登听书笔记
记忆就是要靠反复训练什么是记忆记忆是新神经回路的形成分为长期记忆和短期记忆海马体负责判断哪些短期记忆是否可以成为长期记忆判断标准是：是否在短时间内反复提及长期记忆保存在大脑皮质重复学习可以提高记忆力用科学的节奏复习第1次复习：学习后的第2天第2次复习：第1次复习1周后第3次复习：第2次复习2周后第4次复习：第3次复习1个月后用输出倒逼输入人脑更重视输出而不是输入学习和复习都是输入，测试和考试是输出增强记忆的关键LTP是记忆之源LTP即长时程增强作用，指刺激海
2021-06-21 09:43:47
1425
原创 scrollrevealjs在vue中的使用
之前在静态html中用过scrollrevealjs，效果特别好，今天想着把这个效果放到vue项目里，网上搜了一把最后发现还是官方文档靠谱，用法很简单官方文档 ：https://scrollrevealjs.org/https://www.npmjs.com/package/vue-scroll-reveal- 安装 npm install --save vue-scroll-reveal - 引用import VueScrollReveal from 'vue-scroll-reveal
2021-05-31 11:01:58
1172
原创 vue-devtools工具安装踩的坑
换了台电脑也不能翻墙，装个vue的调试工具百度了好多文章一路踩坑报错cd shells/chrome && cross-env NODE_ENV=production webpack --progress --hide-modules'cross-env' 不是内部或外部命令，也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1 npm ERR! vue-devtools@4.1.5 build: `cd
2021-05-21 12:33:30
1499
原创 浏览器模型-window对象
浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。name = '小鱼';window.name;// 小鱼window对象的属性window.namewindow.name = 'a'// 只要浏览器窗口不关闭，这个属性是不会消失的。举例来说，访问a.com时，该页面的脚本设置了window.name，接下来在同一个窗口里面载入了b.com，新页面的脚本可以读
2021-05-18 06:47:28
441
1
原创 浏览器模型
1、JavaScript 是浏览器的内置脚本语言。也就是说，浏览器内置了 JavaScript 引擎，并且提供各种接口，让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本，浏览器加载网页，就会去执行脚本，从而达到操作浏览器的目的，实现网页的各种动态效果。<script id="mydata" type="x-custom-data"> console.log('Hello World');</script>/* type可以
2021-05-15 04:08:04
339
1
原创 JavaScript异步操作-Promise对象
Promise 对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise可以让异步操作写起来就像在写同步操作的流程，而不必一层层地嵌套回调函数。let p1 = new Promise(f1);p1.then(f2)/* 回调函数f1作为参数 * 返回的p1就是一个Promise实例 * 执行为f1 就会执行f2// Promise 的写法(new Promise
2021-05-15 02:58:58
103
原创 JavaScript异步操作 -定时器 setTimeout setInterval
setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。let timerId = setTimeout(func|code, delay); * 第一个参数func|code是将要推迟执行的函数名或一段代码 * 第二个参数delay是推迟执行的毫秒数,如果省略，则默认为0 * 还可以有更多的参数，但第三个参数开始将作为回调函数的参数 function fun() { co
2021-05-13 16:27:55
564
原创 JavaScript异步操作
单线程模型js只能一次执行一个任务(只在一个线程上运行,但js引擎其实有多个线程,只是都在后台配合),其它任务都必须在后面排队等待.优点: 实现起来比较简单 ,执行环境相对单纯缺点: 只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行事件循环机制: CPU不管IO操作,挂起处于等待中的任务,去执行排在后面的任务; 当IO操作返回了结果 ,再把挂起的任务继续执行下去.同步任务和异步任务同步任务 : 指那些没有被引擎挂起、在主线程上排队执行的任务. 只有前一个任务执行完
2021-05-04 22:08:11
122
原创 《掌控》
前言：开启不疲惫，不焦虑的人生精力管理当代白领身材隐患：“胖子核”应警惕四肢匀称，腰腹肥胖的“梨形身材”看起来不胖，体脂率超标成年男性的正常体脂率范围是15%-18% 成年女性为20%-25%“精力”是这个时代的核心竞争力体力意志力专注力运动的终极目标是什么既不是变瘦变美，也不是马甲线和肱二头肌让自己精力充沛，实现对人生的全面撑控让你在高强度的工作中游刃有余，在工作之外还有业精力云享受生活精力管理的四个维度运动管理：找到身体的“运动舒适区”饮食管理：为精力转化系.
2021-04-30 13:04:17
96
原创 《身为职场女性》
书摘：“如果你进入管理层后还以为’一切尽在不言中‘是种美德的话，你可能会为此付出惨重的代价。因为你所代表的不再是你个人，而是你的团队和你所有的企业。如果你把功劳归于别人，这不仅会给你自己带来损失，还会影响你的下属，你的合作伙伴，你的领导，包括你的董事会成员” p.59提升专注力的方式其实是放松精神，这一点对于女性来说格外重要。因为只有放松精神，你才不会强迫症般的让自己承担太多责任。而操心太多恰恰是很多女人对自己感到无奈的一点。p.96读书小笔记：提升专注力，让自己只在乎一两件事，以减少操心
2021-04-29 10:44:15
365
4
原创 JavaScript面向对象编程 - 严格模式 use strict
'use strict';/** 1.严格模式可以在单个函数体里,也可以用于整个脚本*/- 严格模式下，对只读属性赋值，或者删除不可配置（non-configurable）属性都会报错。 如:设置字符串的length属性，会报错;因为length是只读属性，严格模式下不可写 - 严格模式下，对一个只有取值器（getter）、没有存值器（setter）的属性赋值，会报错 let obj = { get info() { return "hello world"
2021-04-28 14:29:50
209
原创 JavaScript面向对象编程 - Object 对象的相关方法
Object.getPrototypeOf()- 返回参数对象的原型。这是获取原型对象的标准方法。 function Fun(){ } let subFun = new Fun(); Object.getPrototypeOf(subFun) == Fun.prototype; // true***************************************************************// 空对象的原型是 Object.protot
2021-04-27 12:59:06
157
原创 《高能量姿势》
如何战胜临场的窘迫感：个人的专注行为更容易获得他人的信任少关注他人对自己的印象，你没有你想得那么引人注目保持语言、行为与认知的同步，展现真实的自我克服焦虑：各种人群都会有的心理恐惧，打击自己的优势，质疑自己的能力那么应该如何克服？1、 感受更强大的个人力量，而非社会权利2、 远离弱势心理，摆脱焦点效应，减少对自我的关注3、 建立强势心理 //‘优势激素‘ 与 ’压力激素‘的关系肢体语言的影响力：双臂举起，杨起下巴，打开胸腔肢体语言影响大脑和心理状态表情可影响情绪，刻意让
2021-04-25 16:18:41
284
原创 JavaScript面向对象编程-对象的继承
对象的继承：通过原型对象继承；基于class继承。// 这里只介绍通过原型对象继承原型对象的概述构造函数的缺点function Person(name, age) { // 所有实例对象都会生成name age 属性 和say方法 this.name = name; this.age = age; this.say = function() { console.log("Hello world!"); };}let per1 = new Person("中小余", 18
2021-04-20 17:33:39
106
原创 面向对象编程-this关键字
this 它总是返回一个对象- this就是属性或方法“当前”所在的对象 let obj = { name: "中小余", age: 18, gender: "女", say: function() { return "hello " + this.name; // this指的name属性所在的对象 } }; obj.say(); // 'hello 中小余'- this的指向是可变的 .
2021-04-15 18:32:03
172
原创 面向对象编程-new命令
什么是对象单个实物的抽象是一个容器，封装了属性和方法，属性是对象的状态，方法是对象的行为。构造函数JS语言的对象体系，基础构造函数（constructor）和原型链（prototype）。构造函数就是专门用来生成实例对象的函数，它就是对象的模板，描述实例对象的基本结构 。为了与普通函数区分，构造函数的首字母通常大写生成对象的时候 必须使用new命令函数体内部使用了this关键字，代表了所要生成的对象实例new命令let Yu = function(val){ this.p
2021-04-11 21:02:37
551
2
原创 JavaScript标准库- JSON对象
JSON: JavaScript Object Notation,是一种用于数据交换的文本格式.复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。原始类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。字符串必须使用双引号表示，不能使用单引号。对象的键名必须放在双引号里面。数组或对象最后一个成员的后面，不能加逗号。JSON对象的两个静态方法 - JSON.stringify()
2021-04-07 22:12:36
316
原创 JavaScript标准库-Date对象
Date对象是 JavaScript 原生的时间库。它以国际标准时间（UTC）1970年1月1日00:00:00作为时间的零点，可以表示的时间范围是前后各1亿天（单位为毫秒）。- 普通函数的用法 Date();// 'Mon Apr 05 2021 15:57:31 GMT+0800 (中国标准时间)' Date(2020,1,2);// 'Mon Apr 05 2021 15:57:31 GMT+0800 (中国标准时间)' // 不管有没有参数，直接调用Date总是返回当前时间- 构造函数
2021-04-05 22:25:33
518
2
原创 JavaScript标准库-Math对象
Math对象不是构造函数，不能生成实例，所有的属性和方法都必须在Math对象上调用。静态属性Math对象的静态属性，提供以下一些数学常数。Math.E：常数e。Math.LN2：2 的自然对数。Math.LN10：10 的自然对数。Math.LOG2E：以 2 为底的e的对数。Math.LOG10E：以 10 为底的e的对数。Math.PI：常数π。Math.SQRT1_2：0.5 的平方根。Math.SQRT2：2 的平方根。静态方法Math对象提供以下一些静态方法。Mat
2021-04-05 15:06:23
236
原创 JavaScript标准库- String对象
- string作为构造函数时用来生成字符串对象 let str01 = 'xiaoyu'; let str02 = new String('xiaoyu'); typeof str01; //'string' typeof str02; // 'object' str02.valueOf(); //'xiaoyu' str02[0]; // 'x' 字符串对象是一个类似数组的对象（很像数组，但不是数组）,有数值键和length属性，可以像数组一样取值 - stri
2021-04-05 11:30:16
111
原创 JavaScript标准库- Number对象
Number对象是数值对应的包装对象，可以作为构造函数使用，也可以作为工具函数使用。 - 作为构造函数时用于生成值为数值的对象 let num = new Number(1); typeof num; // 'object'- 作为工具函数时，它可以将任何类型的值转为数值 Number('a'); //NaN Number(true); //1 Number('123'); //123静态属性- Number对象拥有以下一些静态属性（即直接定义在Number对象上的属性，而
2021-04-04 18:18:57
142
原创 JavaScript标准库 - Boolean对象
Boolean对象是JS的三个包装对象之一。作为构造函数，他主要用于生成布尔值的包装对象实例。let b = new Boolean(false)typeof b; // 'object'!!b; // true 所有对象对应的布尔值都是trueb.valueOf(); //false 返回实例对应的原始值Boolean函数的类型转换作用- Boolean对象除了可以作为构造函数，还可以单独使用，将任意值转为布尔值。这时Boolean就是一个单纯的工具方法。 Boolean(un
2021-04-04 15:21:38
84
原创 JavaScript标准库-包装对象
三种原始类型的值—— 数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。所谓“包装对象”，指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变成（包装成）对象。- 可以利用`Number`、`String`、`Boolean`把原始类型的值变成对象 let num = new Number(123); typeof(num) - 包装对象的设计目的，首先
2021-04-04 14:24:27
96
原创 JavaScript标准库-Array对象
Array构造函数- 可以用Array构造函数生成新的数组 let arr = new Array(2) let arr = Array(2) // 两种方法都可以，但建议总加上new 与其它构造函数用法保持一致-Array（）的参数会导致不一至的行为 new Array()；//[] 无参数返回一个空数组 new Array(2); // [empty × 2] 参数是正整数，表示返回的新数组的长度，虽然长度为2,但是键名是空的 let yu = new Ar
2021-03-31 23:03:37
116
原创 JavaScript标准库-属性描述对象
JavaScript 提供了一个内部数据结构，用来描述对象的属性，控制它的行为，比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”（attributes object）。每个属性都有自己对应的属性描述对象，保存该属性的一些元信息。{ value:123; // value是该属性的属性值，默认为undefined writable:false,// 表示属性值（value）是否可改变（即是否可写），默认为true enumerable:true, //表示该属性
2021-03-25 15:56:01
102
原创 JavaScript标准库-Object
Object 对象JavaScript 的所有其他对象都继承自Object对象，即那些对象都是Object的实例。Object对象的原生方法分成两类：Object本身的方法与Object的实例方法。Object本身的方法：就是直接定义在Object对象的方法Object实例方法：就是定义在原型对象Object.prototype上的方法凡是定义在Object.prototype对象上面的属性和方法，将被所有实例对象共享。Object()：将任意值转换为对象Object(value)表示
2021-03-24 16:55:47
93
原创 JavaScript-数据类型转换、错误处理机制
JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。数据类型的转换强制转换强制转换主要指使用Number()、String()和Boolean()三个函数，手动将各种类型的值，分别转换成数字、字符串或者布尔值。Number()Number函数，可以将任意类型的值转化成数值。- 转换规则 //字符串 Number('324') // 324 Number('324abc') // NaN Number函数将字符串转换为数值，要比parseInt函数严格得多，只
2021-03-21 13:40:24
641
原创 JavaScript-运算符
算术运算符+ 、 - 、 * 、 / 、 ** 指数运算符、 %余数运算符、 ++x x++ 自增、 --x x--自减、+x数值运算符、负数值运算符。共10个。- 所有的运算符中除了加法，其它都先将运算子转换成数值 再进行运算加法- 加法存在重载(overload)：根据运算子不同有可能是'相加' 也可能是'连接'的现象。 true + true // 2 1 + true // 2 'a' + 'bc' // "abc" 1 + 'a' // "1a" false + 'a'
2021-03-18 15:21:02
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人