- 博客(60)
- 收藏
- 关注
RSS订阅原创 uni-app 微信小程序分包加载：配置
需要用到的场景：项目打包后代码大小超过2M。官方文档：uni-app subPackages配置1. manifest.json在app端添加分包设置。“app-plus”：{ "optimization":{"subPackages":true}, "runmode" : "liberate"}2. 运行压缩Hbuilder X 编辑器菜单栏 运行——> 运行到小程序模拟器——> 点击 “运行时是否压缩代码”3.添加子包文件夹、并且在pages.json中添加子
2021-05-10 17:19:21
827
原创 supervisor不是内部命令或外部命令
写Nodejs项目的时候遇到这个问题，记录一下。检查一下该依赖是否有安装到全局本地，在npm的文件夹中没有找到。遂删除了本地的node文件，安装NVM，选择好node版本，下载检查NVM环境变量路径是否一致，一致就不需要改了接着安装：npm i -g supervisor，使用supervisor命令，成功...
2021-03-03 10:59:42
813
原创 CSS：条件hack
hack与hasLayout的区别hack是针对IE不同版本的兼容方法hasLayout是针对IE浏览器特头的属性，为了兼容IE与不同浏览器之间的样式方法hackCSS hack是一种特殊的代码，这段代码只在某些浏览器中可以识别，而其他浏览器不能识别，通过这种方式，来为一些浏览器设置特殊的代码条件hack值对IE浏览器有效，其他的浏览器都会将它识别为注释，IE10及以上的浏览器已经不支持这种方式css的hack<!--[if IE 8]> <p>只有通过
2021-02-02 10:17:00
442
原创 uni-app 点击切换列表元素样式
列表滚动使用视图滑动组件：文档切换样式使用动态class或者style来绑定：文档demo示例demo代码html<scroll-view scroll-x="true" class="list-box "> <view class="list-item" :class="currentIndex== index?'active':''" v-for="(item,index) in list" :key="index" @clic
2020-12-22 13:47:31
4934
1
原创 使用git config --global设置用户名和邮件
全局设置git config --global user.email "xx.com"git config --global user.name "xx"局部设置去掉global即可git config user.email "xx.com"git config user.name "xx"查看配置终端查看git config -lsublime编辑器查看全局subl .gitcomfig 局部subl .git/config添加subl 环境变量
2020-12-10 14:18:59
6303
原创 git add 报错：hint: You‘ve added another git repository inside your current repository.
偶遇到的情况是git add . 之后报这个错，检查了一下，是因为一次性提交的代码文件太多导致。添加一个 .gitignore忽略掉不需要提交的文件即可。node_modules/.projectunpackage/.vscode/.idea.DS_Store!packages/uni-app-plus/dist```...
2020-11-05 13:15:48
4673
原创 JavaScript：for循环中使用var、let定义变量的区别
for 语句用于创建一个循环，它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔。for(){}，整体是一个块级作用域。使用以下代码举例：for(var i = 1;i<=3;i++){ setTimeout(function(){ console.log('for——var',i); },1000)}此时会产生两块作用域，第一层：for循环第二层：定时器，每隔一秒执行一次使用var的情况:var是全局声明变量，定时器内打印..
2020-10-27 14:27:23
1696
原创 JavaScript：浅谈函数调用call（）、apply（）、bind（）
立即调用（call now）在 javascript中，call和 apply都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。区别：作用一样，接受参数的方式不一样其中 this 是你想指定的上下文，他可以是任何一个 JavaScript 对象(JavaScript 中一切皆对象)，call 需要把参数按顺序传递进去，而
2020-10-23 17:19:33
673
原创 Vue.js ：使用LODOP打印表格文件
用到的打印工具是LODOP。项目环境是vue-cli搭建的，组件库是ant design vue。1、在需要打印的页面引入插件。<script> import { getLodop } from '@/utils/LodopFuncs'</script>2、绘制要打印的表格内容此处不要用组件库的<a-table>去写，用原生的<table> <caption> <tr> <th> <td>等标签去
2020-10-12 16:34:42
1589
原创 Vue.js：时间格式化
项目中经常遇到这样的场景，后端在接口中返回的时间信息是时间戳，需要前端处理好再展示。需要用到moment包，先安装好，引入。<script>import moment from 'moment';</script>html中的时间格式化<p>{{info&& info.createTime | timeFilter}}</p>export default { filters: { timeFilter(.
2020-08-20 16:41:02
1085
原创 Vue.js ：解决引用图片地址返回403的问题
index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="referrer" content="no-referrer" /> <title>index&.
2020-08-19 11:00:20
1631
1
原创 ES6：class
class：类相当于实例的原型， 所有在类中定义的方法， 都会被实例继承。static静态方法的使用：如果在一个方法前加上static关键字， 就表示该方法不会被实例继承，而是直接通过类来调用， 这就称为“ 静态方法”。注意父类的静态方法，也会被子类继承举个栗子：class Phone{ constructor(brand,price) { this.brand = brand; this.price = price; } // 方法必须要使用该语法，不能使用ES5的对象完
2020-07-20 13:45:16
170
1
原创 ES6：箭头函数的基本了解
箭头函数，始终指向函数声明时所在作用域下this的值function getName(){ console.log(this.name)}let getName2 = ()=>{ console.log(this.name)}window.name = '大脸猫';const obj = { name:'蓝猫'}getName.call(obj) // 蓝猫getName2.call(obj) // 大脸猫...
2020-07-15 14:30:07
227
原创 Ant Design Vue ：table 组件 自定义分页器、排序、插槽使用
Ant Design Vue 是蚂蚁金服推出的后台服务组件库，目前有62个开箱即用的高质量 Vue 组件。后台管理应用中，table和form表单的使用场景比较多，于是做一下table组件的使用总结。一、table组件官方文档地址二、举个栗子，定义一个带分页器的table组件： <a-table ref="table" :columns="columns" :dataSource="lists" :pagination="pagination" @chan..
2020-07-02 13:04:39
12415
3
原创 浏览打包好的文件：npm包serve的使用
项目代码打包好之后，直接打开index.html文件是无法运行和浏览的，除非将打包好的代码部署到服务器上，那前端如何查看打包好的文件呢？可以使用serve命令来完成。安装serve包npm i serve -g //全局安装npm i serve --save //局部安装举个栗子，当一个vue工程打包好之后，进入到根目录【不要进入dist文件夹】serve dist即可得到本地预览地址咯。...
2020-06-19 17:28:00
2249
原创 Ant Design Vue 菜单刷新后保持菜单选中/点击菜单，收起其他展开的所有菜单，保持菜单聚焦简洁
1、在刷新后保持菜单选中ANTD的API中提供了一个defaultSelectedKeys参数描述：初始选中的菜单项 key 数组类型： string[] 自己手动实验得知意思就是在数组中填入字符串 例如[‘key’]默认值为空在菜单标签中设置 defaultSelectedKeys属性指向this.$route.path即可2、点击菜单，收起其他展开的所有菜单，保持菜单聚焦简洁<template> <div> <a-menu mode="inline
2020-06-17 16:07:27
7438
原创 Ant Design Vue LocaleProvider国际化组件zh_CN中文配置
举个栗子，我在项目中遇到了一个问题，table组件的分页器页数默认显示为英文，查了一下，可以用<a-locale-provide>标签去实现，使用过程中发现这个标签已经废弃，于是总结出以下方法：// App.vue<template> <div> <a-config-provider :locale="locale"> <div id="app"> <router-view />
2020-06-16 09:14:05
4818
4
原创 JavaScript Map（）与 Set（）的理解和使用
一Map和SetMapSet（）数组去重Map和SetMap和Set是ES6标准新增的数据类型，请根据浏览器的支持情况决定是否要使用。MapMap是一组键值对的结构，具有极快的查找速度。举个例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array：var names = ['Michael', 'Bob', 'Tracy'];var scores = [95...
2020-03-30 15:53:39
1308
原创 JavaScript——鼠标移入移出事件
onmouseenter / onmouseleave 和 onmouseover / onmouseout的关系onmouseenter 类似 mouseover，它们两者之间的差别是 mouseenter 不会冒泡（bubble）对于深层次结构，发送的mouseenter事件数量可能非常大并且会导致严重的性能问题。在这种情况下，最好是监听鼠标悬停事件。（可使用chrome开发者工具选项...
2020-01-03 13:20:22
2036
转载 JavaScript —— 与或运算符 || 的使用
与或运算符||的使用举个栗子，如果遇到以下场景&&||举个栗子，如果遇到以下场景用户等级1，显示1级；2，显示2级，以此类推用代码实现如下使用if elseconst level_text = 1; if(user_level == 1){ level_text = '1级'; } else if(user_level == 2){ level_tex...
2019-12-04 14:04:17
892
原创 Vue.js —— 解决跨域问题
开发环境一般要跨域，解决跨域问题，要设置代理，在vue-cli 3下 package.json 同级目录新建一个 vue.config.js 文件，加入下面代码，其他版本找到配置文件的devServer加入代码：module.exports = { //axios域代理，解决axios跨域问题 devServer: { proxy: { ...
2019-09-19 14:22:14
529
原创 Vue.js —— 页面跳转
<router-link></router-link>标签跳转JavaScript中设置跳转<router-link></router-link>标签跳转<router-link to="/home">Home</router-link>JavaScript中设置跳转占位符 paramsthis.$router.p...
2019-09-11 16:06:09
273
原创 Vue.js —— Vue Cli3构建Vue+ant design vue项目
Vue Cli3构建Vue+ant design vue项目编辑器需添加插件：浏览器需添加插件：编辑器需添加插件：前提：我使用的是vs code编辑器。1、beautify——代码格式化。2、vetur——支持.vue文件的语法高亮显示、自动完成等。浏览器需添加插件：vue-devtools —— vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极...
2019-09-06 13:07:45
6973
原创 Node.js —— Windows系统升级node版本
介绍一种简单的更新方法，在桌面打开CMD命令行工具，找到node安装的位置 where node找到后记住这个位置，去node官网下载最新版的node，安装路径选择旧版本node的文件夹，点击安装，新版会覆盖旧版。好了，在命令行界面查看一下现在的node版本，node -v已经是新版本的node啦~...
2019-09-05 13:22:58
1783
原创 Vue.js —— 使用ant design vue时无法加载less-loader/less模块
问题来源：ant design vue的issues https://github.com/vueComponent/ant-design-vue/issues/234问题产生原因：如果安装vue-cli3，再引入ant design vue UI组件的话会产生这个错误。解决办法：1、降级vue-cli3 ，举个栗子，降到2.2.1npm install vue@2.2.1 -...
2019-09-04 11:04:27
4480
3
原创 Vue.js —— 获取按键修饰符keyCode
在表单的输入和提交操作中，内容的复制粘贴操作等，都需要使用到一些特定的按键。常用的按键码如下：.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right.ctrl.alt.shift.meta举个栗子：// 按空格键触发Dosomething事件<input type="text" @k...
2019-09-03 14:33:05
3640
原创 [Vue warn]: Error in created hook: "TypeError: handler.call is not a function"
报错内容：报错原因：没有正确使用vue的声明周期钩子函数，正确写法：created(){},错误写法：created:{},
2019-09-03 13:54:54
8270
2
原创 JavaScript类型转换整理
在 JS 中类型转换只有三种情况，分别是：转换为布尔值转换为数字转换为字符串原始值转换目标结果numberboolean除了0、-0、NaN都为truestringboolean除了空字符串都为trueundefined、nullbooleanfalsenumerstring1 => ‘1’arraystring[...
2019-08-04 22:04:35
148
转载 浅谈URL重定向
重定向原理重定向的目的1、相似域名2、移动网站至新网域3、重定向方式1、设定重定向映射2、借助 HTML 的 meta 元素的 HTML 重定向机制3、借助 DOM 的 JavaScript 重定向机制三种重定向方法的优先级重定向的应用场景在通用服务器中配置重定向重定向循环重定向原理HTTP 协议的重定向响应的状态码为 3xx 。浏览器在接收到重定向响应的时候，会采用该响应提供的新的 UR...
2019-05-30 15:49:06
20325
原创 微信小程序——复制文字
查看微信文档 剪贴板API：https://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.htmlhttps://developers.weixin.qq.com/miniprogram/dev/api/wx.getClipboardData.html分别是设置/获取复制的内容栗子：wx.setClipbo...
2019-05-22 11:54:26
4607
转载 JavaScript —— 声明函数的3种方法
函数是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。1、function 命令声明函数function print(s) { console.log(s);}2、变量赋值var print = function(s) { console.log(s);};采用函数表达式声明函数时，function命令后面不带有函数名。如果加上函数名，该函...
2019-05-08 15:07:53
1324
转载 常用的转义符。
反斜杠（\）在字符串内有特殊含义，用来表示一些特殊字符，所以又称为转义符。需要用反斜杠转义的特殊字符，主要有下面这些。\0 ：null（\u0000）\b：后退键（\u0008）\f：换页符（\u000C）\n：换行符（\u000A）\r：回车键（\u000D）\t：制表符（\u0009）\v：垂直制表符（\u000B）\'：单引号（\u0027）\" ：双引号（\u0022...
2019-05-08 11:44:04
3760
转载 浏览器调试入门（二）—— 返回undefined的典型场景
// 变量声明了，但没有赋值var i;i // undefined// 调用函数时，应该提供的参数没有提供，该参数等于 undefinedfunction f(x) { return x;}f() // undefined// 对象没有赋值的属性var o = new Object();o.p // undefined// 函数没有返回值时，默认返回 undefi...
2019-05-07 16:24:40
722
转载 浏览器调试入门（一）—— 快捷键打开控制台
开发人员建议使用Chrome 浏览器，它的“开发者工具”（Developer Tools）里面的“控制台”（console），就是运行 JavaScript 代码的理想环境。进入 Chrome 浏览器的“控制台”，有两种方法。直接进入：按下Option + Command + J（Mac）或者Ctrl + Shift + J（Windows / Linux）开发者工具进入：开发者工具的快捷...
2019-05-07 12:02:02
24830
1
原创 vue入门：为什么使用v-for的时候必须要添加唯一的key？
v-for中的key使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;举个例子：const list = [ { id: 1, name: ...
2019-05-05 16:42:55
11958
1
转载 如何查看github star排行榜？
输入location:China可以搜索指定地区用户USER输入 指定 star数比如说 stars:>50000,查找star数大于5万的项目找到优秀的开源项目, 学习它的源码, 是提高编程能力最快的方法, 即使你不是程序员, 也能从github找到一些好的开源工具, 提升你的工作效率, 当你对github有一定了解之后, 或许你会发出这样的感叹: github! ...
2019-05-05 13:48:50
8741
原创 mac升级node/npm版本
第一步，先查看本机node.js版本：$ node -v第二步，清除node.js的cache：$ sudo npm cache clean -f第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 “n”$ sudo npm install -g n第四步，安装最新版本的node.js$ sudo n...
2019-04-28 16:14:51
279
原创 支付宝小程序IDE清除用户授权和缓存
清除授权信息清除缓存IDE是没有缓存的，想要删除storage的话可以在控制台的storage菜单中，选中storage右键选择delate手动清除。
2019-04-25 14:46:11
5694
原创 浅谈前端工程中提到的库，库的优缺点
库：就是可重用的代码包。优点：1、库代码经过了大量用户的测试和验证。2、库能够很容易地与现有的开发框架集成。3、库为大多数日常琐碎的DOM编程工作提供了方便，简洁的方案，每个函数都能节省很多行代码。4、库很好的解决了跨浏览器的问题，让你更省心。缺点：1、库是别人而不是你自己编写的，你可能不了解它的内部工作机制，因此很难调试bug或解决由它所导致的问题2、要使用库，就要把...
2019-04-15 15:43:42
683
原创 服务器为什么会“宕机”？重启服务器有什么危害？
什么是“宕机”服务器宕机的原因：重启服务器的危害：什么是“宕机”宕机，指操作系统无法从一个严重系统错误中恢复过来，或系统硬件层面出问题，以致系统长时间无响应，而不得不重新启动计算机的现象。它属于电脑运作的一种正常现象，任何电脑都会出现这种情况。（1）一般情况下指的就是计算机主机出现意外故障而死机。（2）其次，一些服务器例如数据库死锁也可以称为宕机，一些服务器的某些服务挂掉了，就可以这么说...
2019-03-29 17:51:56
16275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人