- 博客(31)
- 收藏
- 关注
RSS订阅转载 组件公用数据 Vue.observable( )
注意（适合小项目，不用vuex的情况下使用）1.创建store.js最好和main.js平级创建文件import Vue from 'vue'export const store = Vue.observable({ name: '李四'})export const mutations = { setName (data) { stor...
2019-09-28 11:19:00
262
转载 前端打印
1.定义变量配置dom模板let template = '' this.Inselect.forEach(item => { template += `<div> <div class="print-top"> <...
2019-08-08 10:13:00
112
转载 idea配置使用
1.下载时注意连带下载git2.实时清除内存打开 show memory indicator3.插件安装 前端常用插件（vue，element，css，html，node，ts等）找到适合自己的安装选择好常用插件安装完毕后重启idea。4.模板配置设置完毕后新建文件就能自动生成模板转载于:https://www.cnblogs.com/w...
2019-06-19 10:33:00
110
转载 vh搭配vw进行响应式布局
1.浏览器兼容性: IE8-不支持，IOS7.1-不支持，android4.3-不支持2. vh代表浏览器视口高度（100vh等于当前浏览器的整个高度）3.vw代表浏览器视口的宽度 （100vw等于当前浏览器的整个宽度）4.配合浏览器宽度达到不同的字体大小 div { width: 100vw; height: 1...
2019-04-02 10:03:00
172
转载 vscode解决格式化eslint报错问题
1.安装Prettier - Code formatter，这是vscode格式化代码的默认插件2.在settings.json中重新配置他的一些参数 "vetur.format.defaultFormatterOptions": { "wrap_attributes": "force-aligned", "prettier": { "se...
2019-03-20 15:39:00
948
转载 解决页面抖动问题
1.html5结构<!-- 解决页面抖动 --><div class="gd_map"> <div id="container"></div></div>2.css3设置.gd_map { width: 100%; height: 0; ...
2019-02-22 13:57:00
353
转载 es6中Promise详解
Promise是一个构造函数，用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。promise自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。function runAsync(){ var p = new Promise(function(resolve, reject){ ...
2019-02-14 13:49:00
122
转载 css3媒体查询
什么是媒体查询媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有：width、height和color（等）。使用媒体查询可以在不改变页面内容的情况下，为特性的一些输出设备定制显示效果。媒体查询语法CSS3中的媒体查询：根据浏览器窗口大小的改变，页面样式就会改变。 body { back...
2019-02-13 14:55:00
101
转载 vue项目真机测试
1.在项目中重启命令行运行ipconfig（如果是ios系统运行ifconfig）获取到项目在本机运行的ip地址2.在项目的package.json中修改允许访问ip地址（--host 0.0.0.0） "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack....
2019-01-24 17:22:00
155
转载 递归组件
当一个组件需要调用自身的组件的时候，就是递归组件通过调用自己的name来调用自己，可以用来处理下边这种类似的后台数据（可以根据后台数据的层数向下传递数层）转载于:https://www.cnblogs.com/wjsy/p/10309593.html...
2019-01-23 16:09:00
100
转载 keep-alive的使用
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<router-view>中间为组件</router-view><keep-alive>伴有两个钩子函数activated 在该组件展示的时候执行deactivated 在该组件关闭或跳转的时候执行，可以用于处理全局事件的移...
2019-01-23 15:42:00
95
转载 vue中使用矢量图
1.打开矢量图库，将需要的图表添加至购物车2.将购物车的图标添加到一个项目中（便于后期增加更新）并下载至本地3.将这四个文件及iconfont.css添加至项目的assets中4.打开iconfont.css正确引入上边的四个文件@font-face { font-family: "iconfont"; src: url('../style/...
2019-01-22 11:03:00
1499
转载 vuex的创建和使用
1.下载vuex包npm i vuex --s2.单独写vuex 在main.js中引入该文件import Vue from 'vue'import Vuex from 'vuex'// 调用vuex插件Vue.use(Vuex)// 导出用vuex创建好的仓库export default new Vuex.Store({ ...
2019-01-21 17:06:00
323
转载 vue中循环数组和对象
1.数组num: [ { name: "这是二", id: 1 }, { name: "这是二", id: 1 }, { name: "这是二", id: 1...
2019-01-21 11:57:00
489
转载 （better-scorll）类似与滚动条的插件
1.安装插件包npm i better-scroll2.在所需要的组建中引入better-scrollimport Bscroll from "better-scroll";3.在页面渲染完毕后调用插件 mounted () { this.scroll = new Bscroll(this.$refs.ratter); //传递需要功能...
2019-01-21 09:55:00
413
转载 normalize.css
用于解决不同那个浏览器的公共样式转载于:https://www.cnblogs.com/wjsy/p/10283444.html
2019-01-17 17:29:00
55
转载 moment.js转换时间戳
1.项目中引入moment.jsnpm install moment --save # npm2.哪儿需要转换就在那儿引入import moment from 'moment'3.注册个过滤器（时间格式随自己更换）filters: { dataTime(el) { return moment(el...
2019-01-15 15:09:00
535
转载 vue项目打包上线
1.配置history模式（开启history模式，base重新定义文件要运行在那个根目录下）2.配置路径3.运行 npm run build 将打包生成的dist文件夹重命名为Template（因为上边已经重新定义基准文件）4.将Template文件发送给后台 运行在他们的根目录下 项目打包上线完毕转载于:https://www.cnblogs.co...
2018-12-25 09:29:00
71
转载 页面title动态修改
1.引入包npm install vue-wechat-title --save 2.在main.js中引入包import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)3.在需要的页面定义需要修改的title值<template> ...
2018-12-14 16:42:00
135
转载 vue中使用less及引入
1.安装npm install less less-loader -s2.分页转载于:https://www.cnblogs.com/wjsy/p/9999488.html
2018-11-22 10:26:00
149
转载 VScode中的各个有用插件
https://blog.csdn.net/Joe0217/article/details/80950477转载于:https://www.cnblogs.com/wjsy/p/9999280.html
2018-11-22 09:59:00
113
转载 判断打开pc端还是移动端
<script type="text/javascript"> if (/Android|webOS| iPhone | iPad | iPod |BlackBerry|opera mini|opera mobile|appleWebkit.*mobile|mobile/i.test( navigator.use...
2018-11-06 17:11:00
70
转载 正则判断
$('.bm_1').on('click', function () { var pattern = /^[\u4E00-\u9FA5A-Za-z]+$/; if (!pattern.test($('.input_1').val())) { $('.i_1').show() } else { ...
2018-10-22 14:04:00
82
转载 flex布局
1.flex布局中使用flex布局的元素为容器（需要布局元素的父元素），容器中需要布局的元素为项目（子元素），在布局中，首先给容器加入display:flex 在容器中总共有四种布局方式来决定项目的布局格式项目中的布局格式1.当在项目中写属性flex：1时，会自动把容器分成均等的项目数份，并默认按照横向排列。转载于:https:/...
2018-09-13 09:54:00
59
转载 vue脚手架生成
1.在cmd命令行中全局生成运行 cnpm i vue -g2.接着运行cnpm ivue-cli -g3.在需要生成项目的文件夹根目录中运行cnpm init -y生成json文件4.生成脚手架，运行vue init webpack （项目名）在你需要放项目的文件夹根目录中生成5.运行 cd Vue-one 在运行npm run dev 项目就会跑起来...
2018-09-12 12:03:00
116
转载 git的安装和配置。
1.安装小乌龟，网址：https://tortoisegit.org/download/2.安装git，网址：https://gitforwindows.org/（两个部分主次）3.设置你的码云公钥①.首先在你装好的项目bind文件夹中找到图片中对应的exe②.generate就是下一步 需要鼠标移至移动他才能下载。③.去码云设置中设置你的ssh...
2018-09-10 16:07:00
64
转载 VScode中的各个有用插件
一 .小程序插件1. vscode weapp api2. vscode wxml3. vscode-wechat4. Easy WXLESS转载于:https://www.cnblogs.com/wjsy/p/9600032.html
2018-09-06 17:58:00
95
转载 less在vscode中的配置方式
1.在vscode插件中下载easy less这个插件。2.新建项目，分别建两个文件夹存放less和自动编译好的css，页面中引入文件引css就可以了。3.根据你的文件位置，在用户设置中设置需要配置的less，分别在用户设置heless语法设置中设置路径代码。"less.compile": { "out": "${workspaceRoot}\\src...
2018-09-06 09:28:00
535
转载 vue解决跨域问题，配置反向代理
1.打开config/index.js2.在dev配置对象中找到proxyTable:{}3.添加如下配置 // 配置反向代理，解决跨域请求 proxyTable: { '/api': { target: 'http://www.ajax.cn', changeOrigin: true, pat...
2018-09-05 10:19:00
184
转载 rem布局js脚本代码
目前代码在750屏幕分辨率下是十倍 基本上使用iphone是375宽度 所以就是20倍 图片背景可以使用二倍图(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' :...
2018-09-05 10:10:00
134
转载 vue和webpack以及脚手架cli之间的关系
vue是一套渐进式（就是你需要什么就用什么，不需要什么就可以不用，强制你遵守的规则很少），自底向上增量开发（就是根据系统和硬件编写出基层的基本需求代码，再慢慢增加模块），由于他要求遵守的规则较少，你可以引不同自己需要的东西，就需要配合webpack打包工具把引入的不同模块的东西打包webpack是一个工具，俗称打包工具，就是把所以浏览器不能识别的东西如（less，scss）等转换为浏...
2018-08-20 09:32:00
3917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人