- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue webpack打包配置生成的源映射文件不包含源代码内容、加密混淆压缩
通过配置文件，我们可以使用Vue CLI轻松实现对Vue应用程序代码的压缩、加密和混淆。通过压缩代码，我们可以减小文件的大小，提高加载速度。通过加密和混淆代码，我们可以增强应用程序的安全性，防止源代码被轻易泄露。代码压缩、加密和混淆是优化 Vue 应用程序性能和提高安全性的关键步骤。它们可以帮助我们提供更好的用户体验，并保护应用程序的知识产权。lintOnSave: false, // eslint-loader 是否在保存的时候检查。
2024-04-15 20:27:45
1747
原创 react使用@reduxjs/toolkit和react-redux实现store状态管理
react使用@reduxjs/toolkit和react-redux实现store状态管理
2024-02-29 17:06:23
1033
原创 react 使用 craco库 配置 @ 路径，以及 jsconfig.json或者tsconfig.json 配置智能提示
react 使用 craco库 配置 @ 路径，以及 jsconfig.json或者tsconfig.json 配置智能提示
2024-02-29 10:47:28
1362
原创 npm 最新淘宝镜像配置 + nrm工具配置及使用
npm 最新淘宝镜像配置 + nrm工具配置及使用 ：npm 淘宝镜像已经从 `registry.npm.taobao.org` 切换到了 `registry.npmmirror.com` （`HTTPS` 证书到期不能用了）
2024-02-28 11:52:26
3340
原创 react native Gradle的原国外地址、本地下载、国内阿里腾讯镜像三种下载配置
react native Gradle的三种配置方式：原国外地址、本地下载、切换国内腾讯/阿里云镜像
2024-01-18 20:27:39
6607
原创 react native 使用Native Module、Intent、广播接收器 实现正副双屏的两个app之间的相互通信
react native 使用Native Module、Intent、广播接收器 实现两个app之间的相互通信
2023-06-25 18:44:38
802
3
原创 node版本切换工具NVM
在项目开发过程中，不同项目使用的node版本不同，有时会因为node版本过高或太低，导致报错；如何在同一个系统中安装多个版本的node呢？安装nvm前请先删除掉之前安装的node版本，且已管理员身份执行命令，否则有可能会导致node版本切换无效；安装包下载下来傻瓜式安装就行。
2022-08-25 12:09:23
454
原创 函数柯里化(curry)
1、概念把一个多参数的函数，转化为单参数函数。2、代码演示有了柯里化以后，我们就能做到，所有函数只接受一个参数。后文的内容除非另有说明，都默认函数只有一个参数，就是所要处理的那个值。参考阮一峰大佬的日志http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html.........
2022-08-08 17:35:39
261
原创 javascript事件循环机制、宏任务和微任务（原理解析）
同步代码执行完毕，微任务队列进入主线程直至任务执行完毕为空，下一个宏任务进入主线程意味着开始进行第二次事件循环。上述过程会不断重复，直到宏任务队列执行完毕为空，也就是常说的。单线程任务被分为同步任务和异步任务，同步任务会在调用栈中按照顺序等待主线程依次执行，异步任务会在异步任务有了结果后，作为第一个宏任务进入主线程，进行第一次事件循环，若遇到宏任务，则将其回调函数分发到。第三轮执行完毕，至此任务队列皆为空，整段代码，共进行了三次事件循环。完整的输出为1，7，6，8，2，4，3，5，9，11，10，12。..
2022-07-20 16:29:08
776
原创 css盒模型——标准盒子、怪异盒子
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。1、网页中所有元素都具备以下四个属性 （用来对元素进行布局）：2、盒子模型分为两种：1、标准盒模型中、指的是内容区域的宽高2、怪异盒模型中的 、 指的是的宽高1、作用： 属性是用来切换盒模型2、的常用属性：...
2022-07-11 15:13:31
1198
原创 HTTP 常见状态代码
HTTP 状态码由 3个十进制数字 组成，第1个十进制数字定义了状态码的类型，总共为五大类，各类状态码的详细描述如下表：常见的 HTTP 状态码：
2022-06-23 15:04:26
450
原创 js扁平数据转tree
需要转化的数据：var arr = [ {id: 1, name: '小组1', pid: 0}, {id: 2, name: '小组2', pid: 1}, {id: 3, name: '小组3', pid: 1}, {id: 4, name: '小组4', pid: 3}, {id: 5, name: '小组5', pid: 4}]解决方案：1、递归主要思路是提供一个递getChildren的方法，该方法递归去查找子集。/** * 递归查找，获取c
2022-05-05 10:00:22
234
原创 vue slot插槽详解
插槽就是子组件中提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。插槽的目的在于使组件更具有扩展性，如何封装一个好的组件？就是将共性抽取到组件中，将不同暴露为插槽。一旦我们预留了插槽，就可以让使用者根据自己的需求，决定插槽中插入什么内容。一、插槽内容二、具名插槽三、作用域插槽四、废弃的具名插槽...
2022-03-04 17:22:36
703
原创 细说vue钩子函数（生命周期函数）
一、概述钩子函数用来描述一个组件从引入到退出的全过程中的某个过程，整个过程称为生命周期。钩子函数按照组件生命周期的过程分为：挂载阶段=>更新阶段=>销毁阶段。二、每个阶段对应的钩子函数挂载阶段：beforeCreate、created、beforeMounted、mounted更新阶段：beforeUpdate、updated销毁阶段：beforeDestroy、destroyed三、各个钩子函数的使用特点beforeCreate： 这个阶段主要是完成vue中关于生成周
2021-10-28 11:16:23
2719
原创 vue 使用高德地图
1、修改webpac.base.conf.js文件添加：externals: { 'AMap': 'AMap'}2、在index.html引入sdk引入有两种方式：（1）页面直接引入（一般用这个）<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.14&key=您申请的key值"></script> （2）异步加载<script src="http://w
2021-07-15 10:40:07
519
原创 js 正则表达式详解
一、概述正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本。正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。JavaScript 的正则表达式体系是参照 Perl 5 建立的。二、语法新建正则表达式有两种方法：一种是使用RegExp构造函数。另一种是使用字面量，以斜杠表示开始和结束。var regex = new RegExp('xyz', 'i');// 等价
2021-07-05 14:54:59
2273
1
原创 vue 重复触发了同一个路由报错解决
import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 避免到当前位置的冗余导航,简单来说就是重复触发了同一个路由。const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err =>
2021-06-25 17:55:57
247
原创 解决vuex数据在页面刷新被重置的问题
vuex数据是保存在 内存中的，页面每次刷新都会导致vuex里的数据被重置，目前的方案是在页面刷新前把数据存到sessionStorage在App.vue内操作export default { name: 'App', data() { return { } }, created() { //解决vuex数据在页面刷新被重置的问题 //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.get
2021-06-25 17:52:54
940
原创 vue的图片路径，webpack打包后错误解决
最近在项目出现一个这样的问题：在HTML 中把 img 标签的 src 属性 用相对路径后 ，然后使用webpack打包项目部署到线上的时候，图片路径会报错。因为是自己搭建的，所以踩了不少坑，一般问题百度都有，这个图片路径出错的问题，查了很久才解决。1、找到 config->index.js里面，如下修改2、找到 build->utils.js,在里面加入一句publicPath:’…/…/’,3、img标签引入图片<img src="static/images/list_ic
2021-06-25 17:45:54
499
原创 vue刷新当前页面，且页面不闪烁
一、场景：在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。需要切换中英文的网站，大体概念就是页面数据发生改变需要重新获取数据或刷新当前页时二、刷新当前页的方法：使用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，用户体验不好provide / inject 组合三、provide / inject 组合介绍...
2021-06-25 17:18:17
2178
原创 设置input[type=number]不显示箭头
input[type=number] { &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none; } -moz-appearance: textfield; }
2021-06-17 17:40:12
3447
原创 css设置滚动条的几个属性
设置滚动条的七个属性1、::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。2、::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。3、::-webkit-scrollbar-track ：外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。4、::-webkit-scrollba
2021-05-17 16:19:31
5003
原创 js 判断对象的属性是否为自身的属性
in 运算符in 运算符用于检查对象是否包含某个属性（注意，检查的是键名，不是键值），如果包含就返回 true，否则返回 false。它的左边是一个字符串，表示属性名，右边是一个对象。var obj = { p: 1 };'p' in obj // true'toString' in obj // truein 运算符的存在一个问题，它不能识别哪些属性是对象自身的，哪些属性是继承的。就像上面代码中，对象obj本身并没有toString属性，但是in运算符会返回true，因为这个属性是继承的。怎么
2021-05-11 16:26:19
873
原创 js Base64 转码
有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。所谓 Base64 就是一种编码方法，可以将任意值转成 0～9、A～Z、a-z、+ 和 / 这64个字符组成的可打印字符。使用它的主要目的，不是为了加密，而是为了不出现特殊字符，简化程序的处理。JavaScript 原生提供两个 Base64 相关的方法。1、btoa()
2021-05-11 15:45:19
2278
原创 JS typeof、instanceof、Object.prototype.toString判断数据类型
JavaScript 有三种方法，可以确定一个值到底是什么类型。typeof 运算符instanceof 运算符Object.prototype.toString 方法1、typeof 运算符typeof运算符可以返回一个值的数据类型。数值、字符串、布尔值，undefined分别返回number、string、boolean、undefined。typeof 0123 // "number"typeof '0123' // "string"typeof false // "boo.
2021-05-11 15:39:40
143
原创 HTML字符的实体表示法
为了能够快速输入，HTML 为一些特殊字符，规定了容易记忆的名字，允许通过名字来表示它们，这称为实体表示法（entity）。实体的写法是 &name ;其中的name是字符的名子。下面是其中一些特殊字符，及其对应的实体。 1. <：< 2. >：> 3. "：" 4. '：' 5. &：& 6. ©：© 7. #：# 8. §：§
2021-05-10 11:54:37
753
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人