- 博客(67)
- 收藏
- 关注
RSS订阅原创 vscode代码缩写
（4）循环+属性填充：select>option[value='北京']{$}*3>a[href='#']{北京}按下tab键。七、编序 $：ul>li.light-$*3，按下Tab键。五、分组 ()：输入(ul>li*2)+p，按下Tab键。八、内容{}：输入ul>li{$}*3，按下Tab键。一、嵌套 >：输入div>ul>li，按下Tab键。四、返回 ^：输入ul>li*3^p，按下Tab键。（3）文本填充：ul>li{小李}*3按下tab键。三、重复*：输入li*3，按下Tab键。
2023-06-19 13:00:18
1851
原创 nodeJS切换版本之gnvm使用
1、下载gnvm.exeGitHub - Kenshin/gnvm: Node.js version manager on Windows by GO2、安装（官网讲的很清晰）没有安装过node.js，将gnvm.exe保存到任意文件夹，并将此文件夹加入到环境变量 Path；已经安装过node.js，将gnvm.exe 保存node.js所在文件夹中；（node.js文件夹位置：在cmd命令行中输入where node）3、基础命令查找node版本。gnvm search
2022-04-27 10:12:01
1138
原创 es6 ...省略号
1、深拷贝数组（仅限一维数组，二维数组失效）var a = [1,2,3];var b = [...a];a.push(4)console.log(a) //1,2,3,4console.log(b) //1,2,32、连接多个数组var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];var arr3 = [...arr1, ...arr2]; //[0,1,2,3,4,5]3、展开运算符let a = [1,2,3];le...
2021-06-22 14:53:09
580
原创 html热加载
1、安装node.js =>https://www.runoob.com/nodejs/nodejs-install-setup.html2、live-server服务安装初始化npm:npm init 安装live-server：npm install -g live-server 启动live-server：live-server package.json中找到”script”,写入:"server":"live-server ./ --port=9090"- ...
2021-01-26 11:16:59
388
原创 vscode引入scss
https://blog.youkuaiyun.com/zyy_0725/article/details/79459974
2021-01-25 17:21:03
740
原创 vue插槽，分分钟理解
1、默认插槽，父组件调用子组件得时候，没有传值，默认显示插槽里面得值。如果父组件传值了，那就显示父组件得内容父组件:<template> <div> <span class="bold">默认插槽:子组件标签里没写东西，默认显示</span> <slotCom></slotCom> <slotCom>不默认 <
2020-12-23 18:11:02
949
原创 vue computer用法，get set详解
computer：计算属性get：获取属性。computer有2个属性，get和set，一般我们都是默认使用get，就像下面的代码<template> <div> {{nameNew}} // => '哈哈哈哈' </div></template><script>export default { data(){ return { name:'哈哈哈哈', } }, c
2020-12-17 14:44:06
5696
原创 watch和computer的区别
计算属性computed1. 支持缓存，只有依赖数据发生改变，才会重新进行计算2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过的数据通过计算得到的4. 如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed5.如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在com..
2020-12-17 14:23:40
3888
1
原创 vue watch用法，deep,immediate详解
watch：监听数据的变化 ，但是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。 watch: { queryForm(newValue,oldValue){ console.log(newValue) console.log(oldValue) } },deep:监听数组和对象(因为它们的引用指向同一个对象/数组，所以新旧数据是一样的)，要使用深度监听 watch: { queryForm: { //监听整个对.
2020-12-17 14:12:28
822
原创 微信小程序主包和分包区别。小程序如何分包
pages以内的是分包，每一个文件夹代表一个分包。subPackages是分包，每一个root都是一个分包截止于目前，小程序总大小不超过8M，每个包不超过2M打包原则声明 subPackages 后，将按 subPackages 配置路径进行打包，subPackages 配置路径外的目录将被打包到 app（主包） 中 app（主包）也可以有自己的 pages（即最外层的 pages 字段） subPackage 的根目录不能是另外一个 subPackage 内的子目录 首页的 TAB
2020-12-01 10:31:40
5908
2
原创 media查询一般使用的分辨率
@media (min-width: 1024px){ body{font-size: 18px}} /*>=1024的设备*/@media (min-width: 1100px) { body{font-size: 20px}} /*>=1024的设备*/@media (min-width: 1280px) { body{font-size: 22px;}}@media (min-width: 1366px) { body{font-size: 24px;}} ...
2020-11-18 15:03:59
625
原创 使用Charles实现前端数据mock和解决Charles接口报404
1.下载Charleshttps://www.charlesproxy.com/latest-release/download.do2.接下来在桌面或者其他地方新建一个json文件，里面写上你需要mock的数据。3.打开刚才安装的charles软件，然后在charles中配置tools -> Map Local Settings:4.点击add按钮后在弹窗中填入协议、域名、端口、请求路径和要mock的文件路径。填完之后点击OK填写完相关信息后这里就会多出一条刚刚填的信息勾选..
2020-07-07 11:47:42
1041
1
转载 create-react-app 引用webpack
https://blog.youkuaiyun.com/moshowgame/article/details/91984076
2020-06-03 15:41:24
317
原创 react入门
最近开始学react，分享一下学习经验一、react入门，讲述react基本用法。（不包括路由）1、https://www.qiuzhi99.com/playlists/react.html这个是入门视频2、http://huziketang.mangojuice.top/books/react/lesson1这个react小书，根据这个敲例子1和2可以选择一个就行，如果觉得一开始只看文本或者视频学的不明白，那么推荐。先看一遍视频，然后再刷一遍小书敲例子我是先看的视频，然后又刷的小书（.
2020-05-28 12:12:22
185
原创 配置webpack开发环境、生产环境，不同命令分别打包
1、在/package.json中，为启动命令设置不同的参数 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "dev_test": "webpack-dev-server --inline --progress --env=...
2020-04-23 16:24:55
1216
原创 前端Vue中多语言切换功能的实现
在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-devstep2:在项目的入口文件main.js中引入vue-i18n插件import Vue from 'vue'import router from './router'imp...
2020-04-23 16:05:43
1753
1
原创 async/await demo
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docum...
2020-03-17 17:56:20
184
原创 写一个简单的promise例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-03-17 10:57:09
398
原创 小程序二级联动下拉框 vant picker
vant官方提供得例子是什么鬼，谁家数据结构会是这种。。。无语了const citys = { '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'], '福建': ['福州', '厦门', '莆田', '三明', '泉州']};经我改造直接上代码1、value-key 是json中要显示得文字<van-picker columns="{{...
2019-11-30 22:03:46
2701
1
原创 element-ui+vue实现双语切换功能
这里主要是vue2+elementUI+i18n 国际化语言切换1、首先安装i18n：npm install vue-i18n --save2、在src建以下目录，并附上代码：cn.js代码：‘’import zhLocale from 'element-ui/lib/locale/lang/zh-CN' //引入element语言包const cn = { lo...
2019-11-27 11:52:27
1844
原创 git怎么用，git回退，git分支
现在远程分支有一套代码。我们需要把代码拷到本地git clone 路径例如：git clone https://gitee.com/ceshi/ceshi.git创建后查看本地分支（本地只拉代码了，没有创建其他分支，那么默认的分支名称就是master）git branchgit创建本地分支分支名称叫 devgit checkout -b dev切换本地分支...
2019-11-15 16:57:57
387
原创 小程序npm使用UI框架
4、等npm安装后，回到小程序。选择工具=》构建npm5、构建完成后，想用什么组件就引用什么。比如我要用vant的按钮首先在app.json里面引用。路径自己按照项目中的路径写好路径写好保存后，直接就在wxml页面中写组件代码就可以了...
2019-10-23 15:29:27
362
原创 H5页面在IOS input输入后会把页面顶起 留白
解决办法：input框绑定blur事件blurTo(){ window.scrollTo(0,0)},没想到如此简单
2019-08-30 16:33:44
1400
原创 JavaScript 中 call()、apply()、bind() 的用法
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！先看明白下面：obj.objAge; // 17obj.myFun() // 小张年龄 undefinedshows() // 盲僧 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；1，call()...
2019-07-01 13:30:59
114
原创 什么是原型对象、实例、原型链讲解（简单易懂，不墨迹）
首先用构造函数（一会解释什么叫做构造函数）的方法创建一个对象var M=function(){this.name='123'} //ƒ (){this.name='123'}var a1=new M() //M {name: "123"}console.log(a1.name) //123构造函数：现在M就是构造函数，因为他被new过了！在js中，只要是被new过的函数都...
2019-06-24 23:02:04
1912
1
原创 echart 报错Cannot read property 'toFixed' of null
原因：折线图没数据的时候，（目前我只是在折线图发现这样的情况）解决：每次渲染折线图的时候调用setOption这个方法 =》chart.setOption(option, true);...
2019-06-18 14:42:14
3324
原创 elementUI build打包后字体图标丢失
问题描述：打包后发现element字体路径不对，导致浏览器找不到字体包，无法加载字体解决方法：分2步1、webpack module配置：(build目录下webpack.base.conf.js)module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), {...
2019-06-17 14:38:50
1866
原创 vscode插件
vscode 作为一款逐渐火热的编辑器。它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。这里主要说一下前端常用插件。Auto Rename Tag 自动重命名配对的HTML / XML标签bachground 修改背景，设置编辑器界面的背景图片。但是好像现在会出错，具体设置内容在vsc找到插件看详细信息。...
2019-06-04 22:11:28
277
原创 js获取上传文件内容，ajax POST提交
<from action="" enctype="multipart/form-data" method="post"> <a> <span>修改头像</span> <input type="file" id="fileUp" accept="image/png,image/jpeg"> ...
2019-05-29 19:15:21
3082
原创 vue下载图片到本地（同源和不同源的解决方式）
同源的直接a标签下载<template> <div> <a href="../../../assets/allIcon.jpg" download="img">同源保存为图片</a> <div @click="down">不同源保存为图片</div> </div></templ...
2019-04-03 11:23:14
7714
5
原创 vue监听window.resize方法
<template> <div id="app"> <div :style="{width: `${screenWidth}px`}"> <router-view/> </div> </div></template><script>export defaul...
2019-03-30 14:39:41
776
原创 小程序引用阿里iconfont
1、获取iconfont 这里就跳过了。获取后直接是下面这个文件夹2.将整个文件夹放到小程序中，页面目录是 lib/icontfont,并且将iconfont文件中的iconfont.css改成iconfont.wxss。不然一会小程序会报错，因为小程序样式文件都需要是wxss3.再app.wxss中全局引用iconfont ==> @import ...
2019-02-26 11:16:35
331
2
原创 h5 SDK调用微信扫一扫时，wx ios不兼容
wx.config中debug=true安卓手机调用完全没问题,提示也正常但是ios一点反应没有，连提示弹框都没有，后来发现时wx报错，换了一个低版本的sdk就解决了 1.4.0版本太高<script src="http://res2.wx.qq.com/open/js/jweixin-1.3.0.js"></script>另外ios还有一些别...
2019-01-24 11:20:58
3420
原创 何时使用===和==
与undefined和null做比较的时候使用双等if(obj.a==null){ // 这里相当于 obj.a===null || obj.a===undefind 简写形式 //这个是jquery源码中推荐的写法}其余情况皆可使用===...
2019-01-23 17:05:38
461
原创 JS if判断缩写(三元表达式and逻辑运算符)
var a=11if(a>10){ alert('a大于10')}else{ alert('a小于10')}三元表达式var a=11a>10?alert('a大于10'):alert('a小于10')逻辑运算符（场景：如果符合条件就。。。）var a=9a>10 || alert('a小于10')var a=11a>...
2019-01-23 16:31:25
13064
1
原创 H5项目开发神器 vconsole（h5项目怎么看console.log）
问题：h5项目怎么看console.log神器vconsole使用方法在html头部引入<script src="https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js"></script><script>var vConsole = new VConsole();</script&...
2019-01-22 16:46:56
4912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人