- 博客(114)
- 收藏
- 关注
RSS订阅原创 vue 单元测试初学
1 安装vue 选择单元测试启动项目2 单元测试写在组件同级的配置，在jest.config.js 里module.exports = { preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel", // 添加以下 testMatch: ["<rootDir>/src/**/*.spec.ts"], // testMatch 是执行单元测试的路径 testURL: "http://10.0.11
2022-03-01 10:47:24
582
原创 webpack + vue2.x + typescript 转 vite
1、使用工具wp2vite ,全局安装npm install -g wp2vite2、进入项目目录执行wp2vite执行以后会帮你改掉一部分东西3、下载配置npm install4、启动项目npm run dev不出意外，肯定会一大堆报错1、组件导入路径无法识别 @ 别名转换后的 vite.config.js 是这样的， 发现我在alias 对象里怎么改 @ 的值都没用解决：直接去掉这个 alias 对象，写单个 @ 别名，竟然好了。。。。也...
2021-12-06 14:07:11
389
原创 vscode 升级后保存格式化 eslint 格式化不管用
原因 ： vscode 升级后，插件也根着升级，然后发现保存时没有自己格式化 eslint 格式 。。。。之前使用的格式// vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动...
2020-01-03 13:46:19
3788
原创 vue 使用 eslint
新项目在安装的时候选择 eslint 就会自动生成旧项目使用1、安装一个新项目使用 eslint ，然后把根目录的.eslintrc.js 文件 和.editorconfig 文件复制到旧项目根目录2、把新项目里面的 package.json 里面有关 eslint 的内容都复制到旧项目的 package.json 里面，然后 npm install 下载这些配置"devD...
2019-11-15 09:11:57
216
原创 vuex 使用 mapGetters、mapMutations 等等
1、先在 main.js 里面引入，然后注册进全局（重要，没有在 new 里面引入用 mapGetters 等等，会报错）import store from '@/store/store.js'new Vue({ el: '#app', router, store, components: { App }, template: '<App/...
2019-07-11 18:14:35
885
原创 vue 使用 keep-alive 缓存页面
1、把需要缓存的组件 name 写在 include上注：（如果使用动画写两个 transition 的话会出现动画混乱的问题） <transition :name="transition"> <keep-alive include="home,video-list"> ...
2019-01-24 12:27:35
315
原创 mint-ui 使用 loadmore 下拉刷新时，需要用JS来自动触发下拉
刚开始找文档，文档里并没有提供这种方法，，，然后没办法，，就去看了一下源码，，然后觉可以搞一下 在里面看到有几个属性操作下拉的 ，，一个是 translate 是下拉多少的距离，一个是 topDropped 是否要动画时间，，还有一个topStatus 是下拉时显示哪些元素1、先把 loadmore.vue 复制出来到自己的组件文件里，然后把里面的 spinner 组件给注...
2019-01-19 18:19:28
1160
原创 使用公众号里的文章时碰到的问题
1：此图片来自微信公众平台未经允许不可引用 解决办法：加上一个head 标签 <meta name=referrer content=never>说明 ：感谢：https://www.imooc.com/wenda/detail/384418我使用图片和微信检测图片就相同于两方操作，當A頁面<meta name="referrer" content=...
2019-01-19 18:00:11
517
转载 回流和重桧（转）
转至 https://www.cnblogs.com/dujingjie/p/5784890.html 一.明确概念首先我们要明确页面在文档加载完成之后到完全显示中间的过程是1.根据文档生成DOM树（包括display:none的节点）2.在DOM树基础上根据节点的几何属性（margin/padding/width/height等)生成render树（不包括display:none、...
2018-12-18 21:01:10
246
原创 vue better-scroll 的使用
1、下载npm install better-scroll --save2、引入 import BScroll from 'better-scroll'3、使用/* 文档地址 ： https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/ probeTy...
2018-07-20 17:03:07
535
原创 记一次muse-ui 使用
1、安装项目 vue init webpack test-muse2、下载 muse-uinpm i muse-ui -S3、按需引入，借助 babel-plugin-import , 还有 less npm i babel-plugin-import less less-loader -D然后，将 .babelrc 的 plugins 里面添加一段 [] 里...
2018-07-19 17:33:24
5147
原创 函数 去抖 与节流
//停止改变n毫秒后执行 function debounce(method,delay){ var timer=null; return function(){ var context=this, args=arguments; clearTimeout(timer); ...
2018-07-17 17:09:39
279
转载 vue中使用Less全局变量
1、安装 sass-resources-loader，安装lessnpm install sass-resources-loader --save-dev npm install less less-loader --save 2、添加函数，启动项目找到 build/utils.js 文件，在 exports.cssLoaders 模块中加多一个函数 ...
2018-07-17 11:26:50
2560
原创 vue-cli 报Module build failed: Error: No parser and no file path given, couldn't infer a parser
前两天升级了一个 npm 、 webpack、vue 等等。。。新创建一个vue项目发现报这个错，，，Module build failed: Error: No parser and no file path given, couldn't infer a parser没有解析器，没有文件路径，无法推断，，，，，这他吗的什么鬼。。。。。找了老半天，找到了这位大神的文章终于搞定了https://w...
2018-05-30 11:19:46
883
原创 vue 项目低版本浏览器出现的几个报错
1、vuex requires a Promise polyfill in this browser.低版本浏览器不支付 Promise ..解决：下载 babel-polyfill ，然后在配置文件里改动一下npm install --save-dev babel-polyfill在 webpack.base.conf.js 里把entry: { app: './src/main....
2018-05-28 16:42:58
7183
转载 vue 图片预览组件
vue-photo-preview转自 https://npm.taobao.org/package/vue-photo-preview# 安装npm install vue-photo-preview --save# 引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue....
2018-05-28 16:21:09
4473
2
原创 记一次 vue 打包的问题
事件的经过：一开始采取了 vue 、axaio、vue-router 等不打包在一起的方式，，后来发现总项目并不大，就想把它们都打包在一起算了，，，然后问题出来了1、连接进项目的 ,mint 的一些组件找不到import {Toast,Indicator,Loadmore ,Picker} from 'mint-ui';直接调用 toast 和 Indicator 的时候为 undefined...
2018-05-24 11:29:16
2479
原创 gulp 使用
1、安装node.js2、全局安装 gulp npm install --global gulp 3、进入文件 局部安装 gulpnpm install gulp --save-dev4、在根目录创建 gulp.jsvar gulp = require('gulp');gulp.task('default', function() { // 将你的默认的任务代码放在这});5、运行命令 ...
2018-05-23 10:52:49
243
原创 解决浏览器保存密码时自动填入的问题
解决思路 ：把密码框的 type 先写 'text' ,，当点击输入框或者聚焦的时候再把 type 变回 password ，这样浏览器就不会自动填充了<input :type="pass? 'password' : 'text'" @focus="pass = true" class="input" placeholder="请输入您的安全密码" v-model="password...
2018-05-19 10:28:03
1772
原创 记一次仿芝麻信用的的UI
1、真实效果是这样的2、实现 的思路，一开始想用背景图片来解决，但发现设计图上的东西也是切图粘上去的，背景图没法搞，那就用 css 来实现吧 1、确定圆，把每个点做成一个元素，用定位的方法定点。 2、每一个图标是找来的水滴状的字体图标，然后把它们的尖角对上圆心就可以了3、开始实现 1、如何得到圆上每个点的坐标？ 来自 https://www.cnblogs.com/mycl...
2018-05-17 14:23:57
1137
4
原创 react 路由 router
1、先安装路由npm i react-router-dom -S2、在 app.js 里接入import React from 'react'import { BrowserRouter as Router, Route, Link} from 'react-router-dom'3、接入路由组件const About = () => ( <div> <h2...
2018-05-14 18:37:59
169
原创 react 基础学习
1、安装 react $ cnpm install -g create-react-app //全局安装 react$ create-react-app my-app //创建项目$ cd my-app/ //进入项目$ npm start //启动项目...
2018-05-02 17:05:59
153
原创 vmware 安装虚拟机
1、百度搜索 vmware 然后下载2、选择安装的文件路径，然后一路 next 就可以了。。3、打开的时候要输入产品密钥，网上找了两个VMware 2017 v14.x 永久许可证激活密钥FF31K-AHZD1-H8ETZ-8WWEZ-WUUVACV7T2-6WY5Q-48EWP-ZXY7X-QGUWD...
2018-04-28 16:34:21
207
原创 vue 手机预览图片功能
安装NPMnpm install --save vue-picture-preview使用首先在项目的入口文件中引入, 调用 Vue.use 安装。import vuePicturePreview from 'vue-picture-preview'Vue.use(vuePicturePreview)在根组件添加 lg-preview 组件的位置<!-- Vue root compomen...
2018-04-20 15:58:32
3405
1
原创 vue 把路由单独分离出来
建立一个 router.js 文件引入import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../components/home/home.vue'然后注册Vue.use(VueRouter);const router = new VueRouter({ mode : 'history', b...
2018-04-19 18:05:41
2676
原创 7 牛 上传图片
官方文档 https://developer.qiniu.com/kodo/sdk/1283/javascript#2一开始用了里面的 例子var observable = qiniu.upload(file, key, token, putExtra, config)var subscription = observable.subscribe(observer) // 上传开始// o...
2018-04-19 15:04:22
1806
1
原创 浏览器和手机的复制
以下代码可以实现 ， 传入文本即可，兼容 安卓 和 IOS ;原理是 ：先添加节点 ，然后选择对象，执行复制，而 ios 要先执行选中操作 再复制，复制完后要移除选中 ，然后删除节点function copyText(text){ var Url2 = text || '没复制上'; if (navigator.userAgent.match(/(iPhone|iPod...
2018-04-12 15:36:56
585
原创 Duplicate data property in object literal not allowed in strict mode 在严格模式下不允许对象文字中的重复数据属性
在做 Vue 项目的时候在 普通360浏览器上出现了一个报错 其它浏览器又不会Duplicate data property in object literal not allowed in strict mode 这种错误找起来真他吗的麻烦 , 一般都是在写代码的时候一个不注意多写重复了变量 , 或者模板上一些东西写重复的问题这一次的原因是 我的图片路径 src 多写了一个,如下: 像这...
2018-04-12 13:41:02
4121
原创 文件加密方式
在浏览器端获取文件的MD5值使用 browserMD5File项目地址Demo查看使用:接入jsimport browserMD5File from 'browser-md5-file' let file = event.target.files[0]; browserMD5File(file, function (err, md5)...
2018-04-11 08:46:28
278
原创 记一次 jsencrypt 加密的使用
下载 npm install encryptjs --save-dev然后接入 html，，，publicKey 是后台给的一个 要密钥，str 就是得出来的加密串注意 publicKey 给过来的密钥有分行，不能把分行去掉、不能把分行去掉、不能把分行去掉连在一起，可以用'xxxx'+'bbbbb'连在一起 var jsencrypt = new JSEncrypt(); ...
2018-04-10 13:32:44
8948
1
原创 input 操作
H5 调用，camera照相机；camcorder摄像机；microphone录音。accept表示，直接打开系统文件目录。<input type="file" id='image' accept="image/*" capture='camera'>其实html5的input:file标签还支持一个multiple属性，表示可以支持多选<input type="file" id...
2018-04-09 17:44:31
315
原创 vue 编写过滤器
1、起一个 filters.js 文件，编写过过滤器，然后 export 出去，如以下代码let money = value=>{ return '￥' + value.toFixed(2);}let toFixed = value =>{ if(typeof value == "number"){ return value.toFixed(2); }else{ r...
2018-03-27 16:31:21
186
原创 webpack3.x + vue2.0项目启动
1、安装 node.js2、全局安装 webpack npm install webpack -g3、安装 vue 脚手架npm install vue-cli -g4、cd 进入文件，创建项目，vue init webpack-simple 一般是创建小型项目，像 postcss 那些都没有，下面这个是中大型项目，一般集成有很多东西vue init webpack xxx(项目名字)然后会...
2018-03-27 09:04:12
988
原创 js 跨域请求的方法
1 jsonp 原理就是在前端定义一个接收数据的方法 , 把方法名拼在连接的后面 , 然后通过 script 标签的 src 就可以了,其它看代码:连接其它是服务器的,然后服务器通过传过来的参数拿到相应的数据,,服务器提供动态生成脚本并在脚本是写上数据和传过来的方法名,,,调用 起来就可以了12345678910111213141516171819202122<!DOCTYPE htm...
2018-03-23 17:28:36
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人