- 博客(292)
- 收藏
- 关注
RSS订阅原创 【重要】淘宝 NPM 镜像站喊你切换新域名啦~
【望周知，求扩散】淘宝 NPM 镜像站喊你切换新域名啦~淘宝 NPM 镜像站(http://npm.taobao.org)域名更换，以下是详细内容：新的起航 随着前端的蓬勃发展， NPM 包数据量和内容复杂度仍在不断地加速增长，CNPM 当年的架构已经很难满足当今的形势。为了提供更稳定、更安全、更符合网站合规运营要求的镜像服务，我们今年启动了 CNPM 的优化工作：启动新的域名。Re...
2021-11-15 10:32:00
3401
原创 关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type of “
问题说明最近刚开始用上vite开发项目，结果就遇到了很多坑。其中一个是，vite 项目 执行 “vite build” 并部署上线后，在浏览器中访问就会有以下关于路由的奇怪问题：我们用嵌套路由开发的页面生成的路径，个别菜单在初次加载、或者二次刷新加载时，都会报错如：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/
2021-09-28 21:04:09
75843
20
原创 一张图带你搞懂Node事件循环
说一件重要的事儿：你还没关注公众号【前端印记】，更多精彩内容等你探索……以下全文7000字，请在你思路清晰、精力充沛的时刻观看。保证你理解后很长时间忘不掉。Node事件循环Node底层使用的语言libuv，是一个c++语言。他用来操作底层的操作系统，封装了操作系统的接口。Node的事件循环也是用libuv来写的，所以Node生命周期和浏览器的还是有区别的。因为Node和操作系统打交道，...
2021-08-24 12:18:00
274
原创 HTTP缓存——协商缓存（缓存验证）
协商缓存所谓“协商”，可以理解为：客户端和服务端双方商量着来。客户端检查资源超过有效期、强缓存命中失败的情况下，则发出请求“询问”服务器是否资源真的过期了，询问的同时在请求头要携带着资源的「上次更新时间」或者「唯一实体标识」(不同http版本导致的共存问题)。服务端核对客户端要请求的资源的「上次更新时间」或者「唯一实体标识」：若一致，说明命中协商缓存，只返回304；若不一致，说明资源有...
2021-08-21 11:07:00
1629
原创 ES6继承和ES5继承是完全一样的么?
继承方式ES5 prototype 继承通过原型链(构造函数 + [[prototype]])指向实现继承。 (备注：后续__proto__我都会写成[[prototype]]这种形式)子类的 prototype 为父类对象的一个实例。因此子类的原型对象包含指向父类的原型对象的指针，父类的实例属性为子类原型的属性。//父类：functionSuperType；子类：function...
2021-08-17 10:17:00
74
原创 一张图带你搞懂Javascript原型链关系
在某天，我听了一个老师的公开课，一张图搞懂了原型链。老师花两天时间理解、整理的，他讲了两个小时我们当时就听懂了。今天我把他整理出来，分享给大家。也让我自己巩固加深一下。就是这张图：为了更好的图文对照，我为每条线编了标号，接下来的细节讲解，都会用到这张图里的编号：为了你更好的对照阅读，你可以单独打开这张图片，然后对比着文章看。当然，我后边也会贴心的把对应区域截小图贴在文案附近。...
2021-08-09 11:24:00
303
3
原创 在Windows下安装MinGW并使用make命令
官网下载软件：https://osdn.net/projects/mingw/releases/安装流程这里先安装基础包(Basic Setup)，三步骤：三步骤截图1：全部mark link2：Installation 点击后，选中 apply3: 点击Apply Changes 在线下载安装包。下载了很长时间配置环境变量为了能在Git Bash命令行窗口下使用这些命令，要修改...
2020-11-27 23:14:00
648
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (十一) 持续集成与持续部署(CI/CD)
npm地址github源码(十一)持续集成/持续部署(CI/CD)自动化上线、发包和部署release-Github的配置 添加NPM图标https://badge.fury.io/for/jsgitremoteaddorigingitpushoriginmaster[ ] 自动化打包与部署[ ] 自动提交代码分支后，提交mr到master[ ] 发包后...
2020-11-17 00:27:00
100
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (十) 组件发布到NPM
npm地址github源码(十) 组件包发布到NPM配置package.json 本来需要配置.npmignore配置文件，但是网上不建议用这种方式，说是黑名单的方式，不在黑名单里的关键信息都发上去了。而是建议使用package.json里配置白名单的方式。于是将package.json配置如下：关键配置处加上了备注信息：{"name":"xingorg1-ui",...
2020-11-17 00:21:00
111
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (九) 单元测试配置
npm地址github源码(九) 单元测试环境配置karma：进行浏览器UI测试http://karma-runner.github.io/1、依赖安装 #InstallKarma&&Installpluginsthatyourprojectneeds:$npminstall-Dkarmakarma-chrome-launcher...
2020-11-17 00:06:00
130
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (八) 组件库打包环境配置
npm地址github源码(八) 组件打包环境配置整个项目打包使用vue-cli提供的打包功能脚本vue-cli-servicebuild修改默认打包脚本 相关配置细节见《vue-cli 库》说明文档vue-cli-servicebuild--targetlib#target为打包指定类库，类库名为lib继续vue-cli-servicebuild--...
2020-11-17 00:01:00
140
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (七) 组件文档平台雏形
npm地址github源码(七) 组件说明文档平台vitepress缺点：没有vuepress的主题多、也没有他的功能多，基本的功能等需要自己手动配置。新玩意儿，贵在体验好处：轻量第一次打包比较慢，后期打包都很快插件官网文档：https://github.com/vuejs/vitepressvitepress的安装：npminstallvitepress...
2020-11-16 23:56:00
122
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (六) 项目注册与包引入
npm地址github源码(六)项目注册与使用main.js引入与注册import{createApp}from'vue'importAppfrom'./App.vue'importxingorg1UIfrom'packages/index'console.log(xingorg1UI)createApp(App).use(xingorg1UI).mount...
2020-11-16 23:53:00
92
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (五) 组件包入口文件
npm地址github源码(五) 全局导出配置包括Button等单个组件的单独导出和整个组件库的默认导出/**@Author:yourname*@Date:2020-11-0100:27:12*@LastEditTime:2020-11-0111:13:49*@LastEditors:@Guojufeng*@Description:InUse...
2020-11-16 23:50:00
86
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (四) 全局样式整理
npm地址github源码(四) 全局样式准备common变量建设中，待补充最终版本mixins函数建设中，待补充最终版本
2020-11-16 23:48:00
71
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (三) Button示例组件设计
npm地址github源码(三) button组件开发目录结构：button组件相关代码文件的层次结构划分image.png考虑按需导入的使用方法按需导入时，项目中需要安装babel-plugin-import插件//Button在项目中按需引入的方式import{GjfButton}from'xingorg1-ui';app.use(GjfButton)基于此...
2020-11-16 23:46:00
93
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (二) 库初始化配置
npm地址github源码(二) 库初始化目录结构整理新建相关文件，整理vue-cli自动建立的目录文件，删除demo文件等配置文件整理代码格式化prettier安装prettier：npminstall-Dprettier新建并配置.prettierrc.json文件：{"singleQuote":true,"semi":false,"t...
2020-11-16 23:41:00
78
原创 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (一) 环境配置与目录规划
npm地址github源码开篇-环境配置环境配置：使用vue-cli搭建项目框架，需要用vue3的话，得先把vue-cli的版本升级到vue-cli@4.5以上npminstall-g@vue/cli官网相关说明：配置预选项：后来后悔自己加上Linter/Formatter了选版本号：3.x选css扩展语言：dart-scss《为什么选dart-s...
2020-11-16 23:29:00
107
原创 【每日一题】【vue2源码学习】VUE中模版编译原理
模版指的就是template属性。vue内部会将template字符串转化成render函数进行渲染。render函数返回虚拟节点，再将虚拟节点转化成真实DOM。(模版=>方法=>节点)而编译过程就是template转换render函数的过程。如何将template转换成render函数？通过正则匹配字符串，将template模版转换成AST语法树 - parserHTML对...
2020-09-28 13:25:00
81
原创 【每日一题】【vue2源码学习】vue如何检测数组的变化
数组可以用defineProperty进行监听。但是考虑性能原因，不能数组一百万项每一项都循环监听(那样性能太差了)。所以没有使用Ojbect.defineProperty对数组每一项进行拦截，而是选择劫持数组原型上的个别方法并重写。具体重写的有：push、pop、shift、unshift、sort、reverse、splice (这七个都是会改变原数组的)另外要注意的是：不是直接粗暴...
2020-09-28 13:17:00
62
原创 【每日一题】【vue2源码学习】对VUE响应式数据的理解
数组和对象类型当值变化时如何劫持到？对象类型数据的劫持是内部通过defineReactive方法。使用Object.defineProperty将属性进行劫持(只会劫持已经存在的属性)，多层对象是通过递归来实现的劫持。(详细还要看Object.defineProperty实现观察者模式的代码思路)。而到了vue3.x中时使用Proxy来实现响应式数据的。proxy提升性能但是兼容性不太好。...
2020-09-28 13:07:00
76
原创 【python系统学习17】python中的文件读写
python中的文件读写文件读写，是Python代码调用电脑文件的主要功能，能被用于读取和写入文本、音频片段、Excel文档、邮件以及任何保存在电脑上的东西。可使用python批量的操作本地文件，进行文件的读写。 拓展路径小知识 读写文件需要让计算机先找到文件的路径，而编写路径代码前我们人类得先准确找到文件路径。以下整理路径相关知识相对路径和绝对路径绝对路径：就是最完整的路径相对...
2020-08-23 18:15:00
370
3
原创 【React学习笔记】React生命周期梳理（16.X前后两种）
React生命周期「16版本以前的：」生命周期流程图组件从生成到被挂在到页面上的一系列过程根据流程图打印的执行顺序图：流程讲解：初始化流程start开始创建组件在这个周期中做的事情检查检查组件中是否有默认的属性、是否有属性校验constructor开始执行constructor构造函数(????????讲解：constructor是生命周期的一部分...
2020-07-13 21:34:00
274
原创 2. 两数相加
题目要求给出两个非空 的链表用来表示两个非负的整数。其中，它们各自的位数是按照逆序的方式存储的，并且它们的每个节点只能存储一位数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外，这两个数都不会以 0开头。示例：输入：(2 -> 4 -> 3) + (5 -> 6 -> 4)输出：7 -> 0 ...
2020-06-29 10:10:00
51
原创 1. 两数之和
题目要求给定一个整数数组 nums和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]“来源：力扣(...
2020-06-29 10:08:00
39
原创 【python系统学习16】编码基础知识
编码计算机是怎么传输和存储数据的？就是把人类认识的中英文字、其他国家语言、数字甚至运算符等符号转成二进制的0、1，并进行存储和传输。编码人类语言：中英文字、其他国家语言、数字甚至运算符等符号计算机语言：二进制的0、1【没错，计算机只认识0和1】编码：将人类语言转换为计算机语言。除了0、1这些阿拉伯数字，像a、b、c这样的52个字母(包括大小写)，还有一些常用的符号(例如*、#、@等...
2020-05-30 23:38:00
164
原创 【python系统学习15】数据类型 - 元祖(tuple)
记得学习函数的时候，遇到了一种新的数据类型“元祖”，我说下表。这次单独说一下他。写法元组的写法是将数据放在小括号()中# 元祖的样子tupleVal = ('a',1,True)print(tupleVal) # ('a', 1, True)print(type(tupleVal)) # <class 'tuple'>用法它的用法和列表用法类似，主要区别在于列表中的...
2020-05-03 10:53:00
125
原创 【vue】nextTick源码解析
1、整体入手阅读代码和画画是一样的，忌讳一开始就从细节下手(比如一行一行读)，我们先将细节代码折叠起来，整体观察nextTick源码的几大块。折叠后代码如下图整体观察代码结构上图中，可以看到：nextTick等于一个立即执行函数。函数执行后，内部返回另一个匿名函数function (cb, ctx)。从语义化命名可以分析，第一个参数cb是个回调函数、ctx这里先猜测应该是个上下文。...
2020-04-28 14:02:00
105
原创 【python系统学习14】类的继承与创新
目录：目录：[toc]类的继承子类和父类继承的写法继承示例父类可以被无限个子类所继承子类实例可调用父类属性和方法类的始祖(根类)根类 - object实例归属判断 - isinstance()类的继承升级版 - 多层继承1、啥是多层继承2、伪代码3、示例代码4、多层继承的好处类的继承升级版 - 多重继承1、啥是多重继承2、就近继承3、爸爸近还是爷爷近4、多重继承的示例5、多重继承的作用多层继...
2020-04-18 21:58:00
87
原创 Vue项目中使用Mockjs造假数据
需求场景：要get请求接口'/api/userInfo/list'项目准备：首先，安装项目中mockjs包、axiosnpm install mockjs axios然后，src根目录下新建mock文件夹和mock.js、urls.js(目录结构不强求，主要还是看你项目的划分。也可以单独出一个request文件，放axios.js、mock.js、和专门整理接口用的url.js...
2020-04-11 22:39:00
299
原创 【python系统学习13】类(class)与对象(object)
目录：类(class)和实例类实例小测试对象(object)属性和方法类的创建伪代码示例代码属性(attribute)方法(method)类的实例化实例对象调用类属性和方法调用类的属性调用类的方法示例代码特殊参数：self1、代指实例化对象的作用2、定义方法必传self3、调用方法传参时self可忽略初始化方法(构造函数)1、定义初始化方法2、初始化方法的作用3、初始化方法接收其他参数番外 -...
2020-04-08 13:46:00
307
原创 【python系统学习12】函数
函数函数是一堆组织好的、可重复利用的、用来实现某一功能的代码。python中的input()、print()、type()、bool()、len()等都是函数。且是python的内置函数。我们也可以封装自己的函数。目录目录作用函数定义伪代码示例代码注意事项函数调用伪代码示例代码函数参数参数传递参数接收无参函数参数类型函数返回值定义返回值没有返回值返回多个值多个return作用域局部变量...
2020-04-06 14:42:00
78
原创 【python系统学习11】循环语句里的F4
循环语句里的F4深入了解下四个新语句，分别是：continue、break、pass、else以及他们搭配for、while循环等语句时，所产生的化学反应。else由于continue、break都会和else有一定的规则，所以先来说else。在python中，else不但可以和if配合使用，它还能跟for循环和while循环配合使用。伪代码else用在循环代码的后边，如果循环可以正...
2020-04-04 15:12:00
112
原创 【python系统学习10】布尔值
python的数据类型有好多个，前边写过字符串、整数和浮点数这三种。本节来整理另一种简单数据类型--布尔值布尔值(bool)布尔值和其数据值计算机可以用数据进行判断，若判断为真则执行特定条件中的代码块。若不为真则执行相反的指定条件内的代码块或不执行任何内容。这种数据就是布尔值。其数据类型在python中标记为bool。布尔值其值比较特殊，不像字符串、整数那些，是用户自定的、无固定值的...
2020-03-15 19:45:00
600
原创 React中，在styled-components基础上使用iconfont字体图标
styled-components官网巧妇难为无米之炊，先准备米：从iconfont官网选取图标添加购物车在购物车添加项目项目中生成代码下载代码包到本地这套流程应该娴熟到不用看上边的文案。重点来了，怎么在style-components中使用iconfont：提取下载的字体文件到项目的src>assets>fonts文件夹中(当然可以根据你的项目决定其他的...
2020-03-08 17:33:00
1549
原创 React跨域-react里配置接口跨域代理，实现axios跨域请求【亲测完美实现～】
这种问题当然离不了官网妈妈的支持：传送门官网给了三种解决方案。前两种我就不赘述了(主要是因为我没用)而官网的第三种推荐的方式：1、安装依赖：$ npm install http-proxy-middleware --save$ # or$ yarn add http-proxy-middleware2、在“src”文件夹下新建“setupProxy.js”文件。并做官网推荐的配...
2020-02-22 00:55:00
401
原创 React中引入HightCharts五步走～
1、安装：npm install highcharts --save1-2、指定版本安装：npm install highcharts@6.1.0 --save2、引入：2-1、基础配置：import Highcharts from 'highcharts/highstock';2-2、其他图标会用到的配置：import HighchartsMore from 'h...
2020-02-20 23:07:00
393
原创 vscode-setting.json配置
1{ 2"window.zoomLevel":1, 3"git.ignoreMissingGitWarning":true,//忽略“缺失git”的警告 4"files.autoSave":"onFocusChange",//离开页面自动保存 5"workbench.colorTheme":"DefaultLight+",//配色 6"editor.t...
2020-02-09 14:30:00
40
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人