- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vscode + eslint系列：打开项目，每个js、ts文件第一行报错 Parsing error: Cannot find module ‘@babel/xxx‘
文件第一行报错 Parsing error: Cannot find module '@babel/xxx'
2022-10-09 14:21:13
1842
1
转载 flex-左右布局，右边容器获取父元素剩余宽度，超出部分文字显示...
具体参考这里： https://www.dazhuanlan.com/xueyingfengqing/topics/1015559html：<div class="main"> <div class="logo"></div> <div class="content"> <div>title</div> <div>infoinfoinfoinfoinfoinfoinfoinfoinfo</div>
2021-11-07 18:47:33
330
原创 web前端面试题
JS部分如何取消http请求XHR : .abort() 取消之后执行elseajax : .abort() 取消之后执行erroraxios: CancelToken.source()const CancelToken = axios.CancelToken;const source = CancelToken.source();axios.get('/user/12345', { cancelToken: source.token}).catch(function(throw
2021-05-19 18:57:55
491
1
原创 为什么我们要用TypeScript，它的数据类型有哪些
放在最前~ TypeScript基础为什么我们要用TypeScriptts是js的超集，可维护性和可读性更强。引入了静态类型，不需要太去关注代码内容，看类型就能了解函数的用途IDE的智能提示更加友好更容易暴露出编写中的错误TypeScript 数据类型和Javascript相比较，Typescript的数据类型多了以下几种：元祖tuple枚举enumvoidnerverany静态类型与动态类型、强类型与弱类型强类型语言当中不允许有任意的隐式类型转换，弱类型语言当中则允许
2021-03-04 10:31:36
134
2
原创 深浅拷贝
深浅克隆的区别浅克隆只克隆了当前一级的变量及其属性，操作多级的时候会影响到原始数据。深克隆克隆了对象及其嵌套层级的属性（多维对象）。浅克隆let obj = { a : 100, x : { c : 2 }}//方式一：展开运算符let obj2 = { ...obj }//方式二：object.assign()let obj2 = Object.assign({},obj)//方式三：循环let obj2 = {}for(let key of obj){ if(
2021-03-03 11:32:42
61
原创 难搞的概念一箩筐——作用域、闭包、原型、原型链、new运算符
作用域：函数创建的时候，就会形成一个函数的作用域作用域链：函数执行的时候形成的，执行上下文确定的时候就形成了，早于函数执行。执行上下文：函数执行的时候所依赖的环境var f = function(){}//f[[scope]]...
2021-03-01 18:55:51
92
原创 一道js赋值运算的面试题
先来看一下题目： var a = { n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x); // 输出？ console.log(b); // 输出？储备知识：优先级从高（20）到低（1）排列优先级运算类型关联性运算符20成员访问从左到右.3赋值从右到左=关联性a OP b OP c;左关联（左到右）相当于把左边的子表达式加上小括号(a OP b) OP c，右关联（右到
2021-03-01 14:09:02
139
2
原创 Mockjs初体验
安装npm install mockjs --save-dev语法与内置方法官方文档：Mock基础使用新建mock文件夹下index.js//mock生成数据与基础增删改查import Mock from 'mockjs'var allChannels = Mock.mock({ 'channelsList|34': [{ "id": "@increment()", "province": "@province()" }]})Mock.mock('/ap
2021-02-26 17:13:07
77
原创 JavaScript数据类型和检测
JavaScript的数据类型分为值类型（基本数据类型）和引用类型（对象类型）。值类型值类型有 Null、Undefined、Boolean、String、Number、BigInt、Symbol类型。值类型的数据是确定的，内存空间可分配，按值存放在栈中。值不可变：原始值是不可更改的（str[1]='q'不生效），但是可以重新赋值，相当于返回了一个新的值。Number：JavaScript 中只有一种数字类型：基于 IEEE 754 标准的双精度 64 位二进制格式的值（-(253 -1) 到 2
2021-02-24 14:58:26
69
原创 回流（重排）和重绘
作为一个web开发，经常会听到这两个词，除了“回流一定会引起重绘，但重绘不一定会回流”之外，对这两个概念理解的也不是很透彻。今天就整理一下吧浏览器如何渲染一个页面呢解析HTML代码，生成DOM树；解析CSS样式表，生成CSSOM树；DOM树和CSSOM树合成render tree；（不是完全匹配的，假如有样式为diaplay:none的元素节点，那该元素就不存在在render tree中）layout（回流）：根据渲染树进行计算得到节点在设备视口内的位置大小的实际像素值，进.
2021-02-22 16:12:41
176
原创 uni-app条件编译及各平台值
表 1 常见的条件编译指令条件编译指令说 明#ifdef XXX仅出现在XXX平台下#ifndef XXX除了XXX平台其他平台均存在#ifdef X1 || X2出现在X1或X1平台#endif结尾XXX 取值：表 2 uni-app条件编译platform取值 值 平台 APP-PLUSApp APP-PLUS-NVUE或APP-NVUEApp nvue H5H5 MP-WEIXIN微.
2021-02-20 16:48:23
242
原创 设置 管理员cmd快捷方式
经常需要用管理员方式开cmd，每次都是搜索之后界面式的打开，感觉既麻烦还唬不住人????好像也没有官方快捷键，那就自己配置叭原始方法开启 管理员cmd配置管理员cmd快捷键（1） 搜索cmd打开文件位置，如图（2） 右键属性，如图（3） 设置快捷键，设置自己顺手的快捷键，按键设置（4） 点击高级属性，设置管理员⑤点击确定，大功告成~...
2021-02-19 15:00:19
681
原创 js基础——递归
递归没有到临界值的时候会瞬间开很大的内存，在算出临界值之后瞬间释放如下图：从 100 — 1拿到临界值1 再 1— 100 依次释放（这里涉及垃圾回收机制 和 内存管理机制）特点：函数自己调用自己一般情况有参数一般情况下有return方法：首先找临界值，即就是无需计算获得的值找这一次和上一次的关系假设当前函数已经可以使用，调用自身计算上一次一些递归的例子兔子繁殖问题(类似：斐波那契数列)：假设有一对新生的兔子，从第四个月开始他们每个月月初都生一对兔子，新生
2020-12-28 16:53:00
76
原创 记一次小白的Windows MYSQL Installer安装过程遇到的一些问题
突发奇想，打算探索一下后端的世界，于是乎就拿MySQL开刀了。前言因为前面有一次压缩包解压完安装失败的先例，所以这一次我直接下载了(mysql-installer-community-8.0.22.0.msi)这个安装包，四百多兆，吐血。下载地址：https://dev.mysql.com/downloads/windows/installer/8.0.html安装步骤都是按照菜鸟教程来进行的，偶尔界面稍有不同，但继续下一步就????Windows10 MYSQL Installer 安装——
2020-12-25 19:17:32
881
原创 js基础——一些for/while循环的例子
// 1.左直角等边三角形function circle(){ for (let i = 1; i <= 5; i++) { for (let j = 1; j <= i; j++) { document.write('⭕'); } document.write('<br/>'); }}circle();// 2.九九乘法表function multiplicationTable(){ for (let i = 1; i
2020-12-23 17:22:35
414
原创 React Hook基本使用
Hook是什么 Hook是React16.8的新特性，它可以让你在不编写class的前提下使用state等；hook：钩子，从字面意思来看就是给我们提供了一种方法让我们将state和函数式组件连接起来。Hook解决了什么问题当然我们现存的一些问题有：1. 组件的状态值的变动被分割存在于不同的生命周期中，会使人逻辑变得凌乱，难以理解，容易出错； 2. 在React中如果需要写一个有状态组件我们都是常用类组件，但这通常会让组件异常复杂，难以拆分复用； 3. 函数式组件是非常友好的，它不
2020-12-21 18:42:54
213
原创 费曼学习法
费曼学习法前言 今天倒是没怎么看技术相关的东西，最近要学的东西比较多，掌握一种好的学习方法很重要。在这里就给大家推荐一下费曼学习法费曼学习法是什么 理查德·费曼，是1965年诺贝尔物理学奖得主。 不要慌，虽然人家是物理学家，但人家的方法，在咱们这也是好使的。 费曼学习法其实就是摸清楚了如何去真正的懂某个东西，往常我们都是靠自己无意识的去了解或者是下意识地去死记硬背，但学习最重要的是过程，要真正了解了这个东西是什么，是干嘛的，有啥用，那当然不用背了。其实费曼学习法就相当于在拿新知识和旧知识
2020-12-17 19:03:06
107
转载 CSS实现水平垂直居中
水平垂直居中居中元素定宽高：1. absolute + margin auto代码实现：<div class="outer"> <div class="inner size"></div></div>.outer { position: relative; width: 300px; height: 300px; border: 1px solid #999;}.size{ width: 100px; height
2020-12-16 16:10:07
82
原创 CSS浮动和清除浮动
floatfloat: left ：左浮动float: right ：右浮动float: none ：默认，不浮动。浮动是如何工作的浮动元素会脱离正常的文档流布局，并吸附到父元素的左侧（float: left）,在正常布局中本应该位于浮动下的元素就会挤上去，造成重叠。对于文字、图片等内容，浮动元素不会覆盖到这些，这些元素此时会围绕浮动元素填充，就是文字环绕效果浮动元素的一些特性浮动元素在排列时会根据前一个元素的位置来布局右浮动的顺序问题：先出现的最靠右：原因是源代码顺序上，在DO
2020-12-15 17:13:18
88
1
原创 React学习笔记
React 入门环境搭建前提：node 环境脚手架：create-react-app先使用官方脚手架来完成我们第一个 react 项目安装及使用：npm install create-react-app -g //全局安装脚手架create-react-app react-demo //初始化一个名为react-demo的项目cd react-demo //进入项目npm start //启动项目脚手架默认的是 3000 端口，启动完成便可以访问了工程目录index.js-项目
2020-12-14 19:05:26
187
原创 盒模型
盒模型基本概念HTML所有元素都可以看成是一个盒子，它由四个区域组成，分别是内容区域content、内边距区域padding、边框区域border、外边距区域margin。标准盒模型（W3C）和怪异盒模型（IE）标准盒模型的高度只包括content内容区域的高度；IE盒模型的高度包括（content+padding+border）的高度；设置盒模型规则：box-sizing.div{ box-sizing: content-box; //默认，标准盒模型}.div{ box-s
2020-12-14 12:20:07
61
原创 CSS选择器及其优先级
选择器的种类基础选择器标签选择器 (tagName)body { width: 100%; background: pink;}类选择器 (.).class { width: 100%; background: pink;}ID选择器 (#)#id { width: 100%; background: pink;}通配选择器 (*)在CSS3中,星号(*)可以和命名空间组合使用:ns| * - 会匹配ns命名空间下的所有元素* | *
2020-12-11 19:09:38
229
原创 BFC块级格式化上下文 —— （Block Formatting Context）
BFCBFC: Block Formatting Context (块级格式化上下文）是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。fromatting contextfromatting context包括块格式化上下文 block formatting contexts、内联格式化上下文 inline formatting contexts和灵活格式化上下文 flex formatting contexts。页面上的所有内容都是
2020-12-11 16:27:30
322
原创 redux-devtools的安装和使用
安装redux-devtools插件下载地址（2.17.0）：redux-devtools-2.17.0使用：store.js 引入 redux创建store时，第二个参数传 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()import { createStore } from 'redux'import reducer from './reducer'const sto
2020-12-01 13:59:52
532
原创 使用Charles来模拟接口数据
安装官网下载安装包，可免费使用30天，一个月之后每次只能使用30分钟。下载地址：https://www.charlesproxy.com/download/或者 破解本地模拟接口数据1.设置map local如果要模拟获取数据的接口是localhost:3000或者127.0.0.1的，则需要改一下域名配置host文件，本地域名改为 localhost.charleproxy.com然后项目也按这个域名去启动127.0.0.1 localhost.charleproxy.com
2020-11-30 11:29:41
426
原创 安装react-devtools遇到的一些坑
安装React-devtools之后项目报错在官网下载了3.4.2的压缩包之后直接拖到chrome扩展程序中之后直接安装成功了，正高兴之际就被神速打了脸。我的react项目直接报错了？Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465) at Object../nod
2020-11-27 15:46:53
5176
11
原创 commit提交规范——一些好用的commit工具
commit 规范commit 书写不规范导致的问题：不知道每一个版本更新的内容好项目的 commit 都是怎样的:为项目 commit 提交制定良好规范第一步：全局安装 commitizencommitizen：第三方包，作用： npm install -g commitizen第二步：安装 cz-conventional-changelogcz-conventional-changelog: 与上述包相结合使用，作用: // 安装方式： /*全局安装*/
2020-11-23 16:56:24
840
原创 background简写方式
background有以下属性：css1:background-color：背景色background-image：背景图片background-repeat：背景图片重复规则background-position：背景图片起始位置，默认值0% 0%；可选值：top/center/bottom left/center/right ；只写一个第二个默认center或者：x% y% ；只写一个第二个默认50%或者：xpos yposbackground-attachment：背景图片
2020-11-11 17:59:12
4478
原创 解决VSCode运行终端terminal为弹出式窗口
更新了visual studio code版本之后，发现每次运行终端terminal会弹出一个单独的窗口，对于我这种经常开多个项目的人来说实在太容易搞混也非常不方便，搞了半天终于关掉了。问题：操作步骤：打开系统cmd，右键打开属性，取消使用旧版控制台，如图：重启系统cmd和项目终端如图，搞定...
2020-10-28 12:00:32
21515
13
原创 a==a && a==!a 当a取值为何时这个语句为true？——相等操作符中的隐式转换
看到公众号推文 ![ ]==[ ] 值是什么，原以为取反的式子肯定是false，但这个比较的确让我心头一惊Σ(っ °Д °;)っ那今天就具体看看隐式转换是怎么进行的吧相等运算符一、可能会被忽略的细节一、可能会被忽略的细节同类型的比较就不用说了，一般会被大家忽略的都是不同类型比较的时候所出现的类型隐式转换的问题。1 == '1' //true1 == true //truenull == undefined //true上面的都比较好理解，对于，MDN上是这么说的：.
2020-10-26 17:25:54
438
原创 VSCode常用插件系列
工作中手动添加注释实在繁琐也不规范，所以找到了好用的插件koroFileHeader，安装之后配置好，就可以自动生成文件头部注释，函数注释，支持多种文件格式。
2020-10-22 15:38:16
871
1
原创 Git使用
Git使用安装git初始化一个git仓库github使用-下载感兴趣项目安装git初始化一个git仓库 自己建一个目录文件，然后在这个目录文件下执行 git init初始化之后会有一个.git文件 是用来管理版本的 不能乱改github使用-下载感兴趣项目注册自己账号，感兴趣的项目可以fork到自己的仓库中点击clone 文本加箭头的按钮复制灰框中的链接选择你要克...
2019-06-05 13:57:31
96
原创 js实现简单倒计时功能
Document 天时分秒 <script> function countTime(){ var date = new Date(); var now = date.getTime(); //总秒数 ...
2018-08-24 16:27:39
227
原创 JS获取当前日期时间
var myDate = new Date();var years = myDate.getFullYear(); //从Date 对象以四位数字返回年份var months = myDate.getMonth(); //从Date 对象返回月份 (0 ~ 11)var days = myDate.getDate(); //从Date对象返回一个月中的某一(1~31)var week
2017-09-04 17:46:24
327
原创 electron 安装使用心酸入门随笔
1.配置好Node.js，全局安装 （可以参考菜鸟教程http://www.runoob.com/nodejs/nodejs-install-setup.html）； 验证下node.js版本 ;node -v npm 版本； npm -v2.下来就是全局安装electronnpm install electron-prebuilt -g有些安装可能会很慢直接报错，或者卡在node in
2017-08-29 12:32:19
3202
原创 jQuery中$.ajax()的get 方法
这两天在搞跨域的问题，新手一个，就写写自己都遇到什么问题，总结一下吧。1.用get方法来请求数据 $.ajax({ type: 'GET', url:'http://write.blog.csdn.net', dataType: 'json', success: function( result ) {
2017-08-14 18:03:12
16564
chrome插件 —— redux-devtools
2020-12-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人