自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(114)
  • 收藏
  • 关注

原创 vue2 单元测试表单验证和接口请求

单元测试表单与提交

2023-04-20 15:11:16 526

原创 微信小程序 moveToLocation 不生效

微信小程序 moveToLocation 不生效

2023-02-14 11:48:17 1112 1

原创 新建了个文件写代码报 Delete `␍`

报 Delete `␍`

2022-09-15 16:31:42 422

原创 vue3 状态管理工具 pinia 使用

vue3 pinia 使用

2022-09-15 13:58:10 1173 1

原创 基于vue3开发一个简单组件库示例

基于vue3开发一个简单组件库示例

2022-09-14 10:06:05 1138

原创 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 665

原创 vue3 + setup + ts 简单的使用记录

vue3 + ts + setup 简单使用

2021-12-15 17:19:25 2952

原创 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 410

原创 vscode 升级后保存格式化 eslint 格式化不管用

原因 : vscode 升级后,插件也根着升级,然后发现保存时没有自己格式化 eslint 格式 。。。。之前使用的格式// vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动...

2020-01-03 13:46:19 3857

原创 vue 使用 eslint

新项目在安装的时候选择 eslint 就会自动生成旧项目使用1、安装一个新项目使用 eslint ,然后把根目录的.eslintrc.js 文件 和.editorconfig 文件复制到旧项目根目录2、把新项目里面的 package.json 里面有关 eslint 的内容都复制到旧项目的 package.json 里面,然后 npm install 下载这些配置"devD...

2019-11-15 09:11:57 246

原创 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 932

原创 vue 使用 keep-alive 缓存页面

1、把需要缓存的组件 name 写在  include上注:(如果使用动画写两个 transition 的话会出现动画混乱的问题) &lt;transition :name="transition"&gt; &lt;keep-alive include="home,video-list"&gt; ...

2019-01-24 12:27:35 355

原创 mint-ui 使用 loadmore 下拉刷新时,需要用JS来自动触发下拉

刚开始找文档,文档里并没有提供这种方法,,,然后没办法,,就去看了一下源码,,然后觉可以搞一下 在里面看到有几个属性操作下拉的 ,,一个是  translate 是下拉多少的距离,一个是  topDropped  是否要动画时间,,还有一个topStatus 是下拉时显示哪些元素1、先把  loadmore.vue 复制出来到自己的组件文件里,然后把里面的 spinner 组件给注...

2019-01-19 18:19:28 1188

原创 使用公众号里的文章时碰到的问题

1:此图片来自微信公众平台未经允许不可引用 解决办法:加上一个head 标签  &lt;meta name=referrer content=never&gt;说明 :感谢:https://www.imooc.com/wenda/detail/384418我使用图片和微信检测图片就相同于两方操作,當A頁面&lt;meta name="referrer" content=...

2019-01-19 18:00:11 572

转载 回流和重桧(转)

转至  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 267

原创 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 582

原创 记一次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 5204

原创 函数 去抖 与节流

//停止改变n毫秒后执行 function debounce(method,delay){ var timer=null; return function(){ var context=this, args=arguments; clearTimeout(timer); ...

2018-07-17 17:09:39 391

转载 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 2615

原创 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 931

原创 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 7270

转载 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 4531 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 2545

原创 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 261

原创 解决浏览器保存密码时自动填入的问题

解决思路 :把密码框的  type 先写  'text'  ,,当点击输入框或者聚焦的时候再把 type 变回 password  ,这样浏览器就不会自动填充了&lt;input :type="pass? 'password' : 'text'" @focus="pass = true" class="input" placeholder="请输入您的安全密码" v-model="password...

2018-05-19 10:28:03 1869

原创 记一次仿芝麻信用的的UI

1、真实效果是这样的2、实现 的思路,一开始想用背景图片来解决,但发现设计图上的东西也是切图粘上去的,背景图没法搞,那就用 css 来实现吧    1、确定圆,把每个点做成一个元素,用定位的方法定点。    2、每一个图标是找来的水滴状的字体图标,然后把它们的尖角对上圆心就可以了3、开始实现    1、如何得到圆上每个点的坐标?    来自 https://www.cnblogs.com/mycl...

2018-05-17 14:23:57 1268 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 = () =&gt; ( &lt;div&gt; &lt;h2...

2018-05-14 18:37:59 200

原创 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 175

原创 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 240

原创 vue 手机预览图片功能

安装NPMnpm install --save vue-picture-preview使用首先在项目的入口文件中引入, 调用 Vue.use 安装。import vuePicturePreview from 'vue-picture-preview'Vue.use(vuePicturePreview)在根组件添加 lg-preview 组件的位置&lt;!-- Vue root compomen...

2018-04-20 15:58:32 3469 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 2741

原创 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 1859 1

原创 浏览器和手机的复制

以下代码可以实现 , 传入文本即可,兼容 安卓 和 IOS ;原理是 :先添加节点 ,然后选择对象,执行复制,而 ios  要先执行选中操作 再复制,复制完后要移除选中  ,然后删除节点function copyText(text){ var Url2 = text || '没复制上'; if (navigator.userAgent.match(/(iPhone|iPod...

2018-04-12 15:36:56 630

原创 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 4181

原创 文件加密方式

在浏览器端获取文件的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 302

原创 记一次 jsencrypt 加密的使用

下载 npm install encryptjs --save-dev然后接入 html,,,publicKey 是后台给的一个 要密钥,str 就是得出来的加密串注意 publicKey 给过来的密钥有分行,不能把分行去掉、不能把分行去掉、不能把分行去掉连在一起,可以用'xxxx'+'bbbbb'连在一起            var jsencrypt = new JSEncrypt(); ...

2018-04-10 13:32:44 9027 1

原创 input 操作

H5 调用,camera照相机;camcorder摄像机;microphone录音。accept表示,直接打开系统文件目录。&lt;input type="file" id='image' accept="image/*" capture='camera'&gt;其实html5的input:file标签还支持一个multiple属性,表示可以支持多选&lt;input type="file" id...

2018-04-09 17:44:31 345

原创 vue 编写过滤器

1、起一个 filters.js 文件,编写过过滤器,然后 export 出去,如以下代码let money = value=&gt;{ return '¥' + value.toFixed(2);}let toFixed = value =&gt;{ if(typeof value == "number"){ return value.toFixed(2); }else{ r...

2018-03-27 16:31:21 206

原创 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 1028

原创 js 跨域请求的方法

1   jsonp 原理就是在前端定义一个接收数据的方法 , 把方法名拼在连接的后面  , 然后通过 script 标签的 src 就可以了,其它看代码:连接其它是服务器的,然后服务器通过传过来的参数拿到相应的数据,,服务器提供动态生成脚本并在脚本是写上数据和传过来的方法名,,,调用 起来就可以了12345678910111213141516171819202122&lt;!DOCTYPE htm...

2018-03-23 17:28:36 223

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除