自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(106)
  • 论坛 (2)

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

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

2020-01-03 13:46:19 1110

原创 vue 使用 eslint

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

2019-11-15 09:11:57 52

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

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

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

2019-01-24 12:27:35 198

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

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

2019-01-19 18:19:28 881

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

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 289

转载 回流和重桧(转)

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

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

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

原创 函数 去抖 与节流

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

2018-07-17 17:09:39 159

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

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

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

转载 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 3719 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 1485

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

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

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

2018-05-19 10:28:03 1153

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

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

2018-05-17 14:23:57 787 3

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

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

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

原创 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 2291 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 2045

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

原创 浏览器和手机的复制

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

2018-04-12 15:36:56 320

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

原创 文件加密方式

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

原创 记一次 jsencrypt 加密的使用

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

2018-04-10 13:32:44 7350 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 99

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

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

原创 js 跨域请求的方法

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

2018-03-23 17:28:36 97

原创 碰上了个闭包的面试题

2018-03-22    今天面试有个笔试题是这样的,咋一看返回一个方法又调用自己,瞬间感觉有点晕乎乎的,看了一会也没心情做了,然后就写了一个 undefind ,回来查了一下才发现并不难,只是认真一点一步步分析也就分出来了 function fun(n,o){ console.log(o) return { fun : function(m){ return ...

2018-03-22 23:29:21 468

原创 css 小细节

1、div 里的文字在没有设置 margin padding 的情况有一点距离:如图:左图片和右文字之间没有设置距离但有一点间隔解决方法:给父级设置 font-size : 0;2、左图右字的布局用 display: inline-block; 的情况下出现右边偏下:如图:解决方法 : 给左边图片的盒子设置 vertical-align: top;3、盒子里的元素上下左右居中父级 display:...

2018-03-22 00:28:50 108

原创 vue 路由传参

this.$router.push({path:'home',name:'主页'params:{id:1}}或者 <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>通过push来传参,组件通过 this.$route.params 来获取参数,注意:一定要写 name ...

2018-03-21 09:20:08 177

原创 字符串的操作

var str = 'abcddefgdE';                //字符串转 json                 JSON.parse(str) //长度 ,返回长度 str.length; //转大写字母,返回大写字母 var toU = str.toUpperCase() console.log(toU); //转小写字母返回小写字母...

2018-03-20 21:18:52 84

原创 数组操作方法

数组添加: var arr = [1,2,4,5,6,7,8,3]; //向最后加一个 arr.push('后加一下'); //在最前方加一个 arr.unshift('前加一个')数组删除 var arr = [1,2,4,5,6,7,8,3]; //删除最后一个 arr.pop(); //删除第一个、 arr.shift();数组排序 var arr =...

2018-03-20 20:55:05 217

转载 ES6 解构对象

转载至 :https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignmentES6的语法:数组var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20... 的应用,...

2018-03-20 19:53:01 8585

原创 webpack 配置postcss

1、安装postcss-loadernpm install --save-dev postcss-loader2、然后配置webpack.config.js,特别说明一下 exclude 和 include  ,在网上找的没有这两,然后我在配置完成后,在main.js里 impotr 进来的css 地直找不到,搞了好半天,然后写上这两就可以了,exclude 是接入node_modules里的cs...

2018-03-19 14:52:32 2680 1

原创 移动端字体偏上问题

在移动端用rem来做单位,然后做到一个小框框里放文字的div ,发现字体严重的偏上,原因是:rem单位换算的时候在有的手机会四舍五入掉,每个手机支持不一样,框 框 的长高用PX写死就好了还有一次在做Pc端的时候发现,在window 和 苹果上总有那么一个字体会偏,解决方法:固定一个字体  font-family: "Tahoma";...

2018-03-14 11:50:47 2604

空空如也

做个像手机日历一样能够上下滑动选择内容的选择器

发表于 2015-07-11 最后回复 2015-08-07

我怎么把后台传过来的车名按字母把它们分堆

发表于 2015-07-01 最后回复 2015-07-04

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