- 博客(21)
- 收藏
- 关注
RSS订阅原创 滚动页面到指定位置实现
scrollTop 滚动到某位置document.documentElement.scrollTop = 0scrollTo，scrollBy，scroll滚动到某位置this.$refs.DOM.scrollTo(0, 200)scrollIntoView() 实现滚动到具体某元素document.getElementById('invoice-form').scrollIntoView()
2020-05-14 16:09:06
531
原创 公众号h5页面分享并监测分享事件
公众号H5中需要做分享任务，需要监听分享成功事件，实现代码<template> <div @click="toShare">111</div></template><script>import wx from 'weixin-js-sdk'import WechatService from 'service/wechat-...
2020-04-29 20:56:59
4278
1
原创 uniapp h5打包运行二级目录
项目中需要将H5项目运行在域名下的二级目录。但uniapp 官方不支持二级，默认会运行在根目录实现方法：1：manifest.json 中配置“h5”: {“publicPath”: “./”,}2；打包生成后手动修改static/ js / index.xxxxx.js 文件router={mode:“hash”,base:"/"} 改为 router={mo...
2020-04-17 11:45:52
3698
原创 uniapp 提示‘网络不给力，稍后重试问题’
修改src下manifest.json文件，增加代码 "h5": { "async": { //页面js异步加载配置 "loading": "AsyncLoading", //页面js加载时使用的组件（需注册为全局组件） "error": "AsyncError", //页面js加载失败时使用的组件（需注册为全局组件） "delay": 500, //展示...
2020-04-08 14:21:01
4390
原创 vue项目多主题风格切换（适配暗黑模式）
需求：因为iosapp 要求适配暗黑模式，APP内嵌H5页面也需要相应的暗黑适配，做到根据进入页面时app参数，或者页面内一键切换主题风格解决方案已首次进入H5时接收APP传参判断，主题风格 （暗黑模式，正常模式，）为例在app.vue onLaunch 中加入判断一、通过app传参 dark 字段判断是否为 暗黑模式（主题风格）if (this.user && thi...
2020-04-08 10:33:25
10498
2
原创 git credential manager for windows解决方法
换电脑之后因为git 账号问题修改了git账号密码，但问题出现了，每次都让输入账号密码，window的一遍，git的一遍。之后git设置可以保存密码，但window安全中心却每次都让输入密码解决方法。一，保存 git 的密码.gitconfig 文件中添加 [credential] helper = store 或者在git bash 中执行 git config --global crede...
2020-03-12 16:36:10
39835
3
原创 vue 生成自定义内容，带二维码海报，并保存本地相册
需求：海报文本自定义，内容动态加载， 二维码根据接口数据拼接网址，生成二维码，生成海报图片保存到本地相册。实现步骤：一、引入插件（qrcodejs2，html2canvas ）npm install qrcodejs2 --savenpm install html2canvas --save二、 实现代码template 部分<template> <div>...
2020-02-22 21:12:46
2032
4
原创 配置vue-cli 3中vue.config.js的路径别名
在根目录新建文件vue.config.js修改vue.config.js// vue.config.jsmodule.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'components': '@/components', ...
2019-10-17 12:24:32
221
原创 vue+element-ui 如何根据获取的prop的值显示不同的字体颜色
需求，我想根据获取的订单状态id来显示不同颜色的订单状态直接上代码<el-table-column prop="orderStatusId" label="订单状态" align="center" width="120"> <template slot-scope="scope"> <span v-html="formateSt...
2019-10-10 00:30:28
2244
原创 vue - Distpicker 地区选择器
vue - Distpicker 地区选择器 安装使用记录安装npm install v-distpicker --save使用全局引用import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)组件中引用import VDistpicker from 'v-distpicker...
2019-10-09 16:04:17
475
原创 通过身份证获取年龄，生日，复习相关知识
项目中用户列表需要显示年龄和生日，接口返回里只有身份证，不想改接口了，前端处理下，也复习下字符串处理和时间函数相关知识，做个记录，方便以后查看先上代码 let card = '140121199001255421' let age = card.substr(6, 4) let date = new Date() let year = date.getF...
2019-10-08 09:27:14
133
原创 vuex使用中store刷新页面state清空的问题
刚开始使用vuex，在使用过程中遇到store中state数据刷新页面后清空的问题，很是困惑，经过各种查看终于解决，记录一下方便后期使用清空的原因vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效刷新，vuex存储的数据只是在页面中，相当于我们定义的全局变量，刷新之后，里面的数据就会恢复到初始化的状态解决方案网上...
2019-10-08 01:54:20
4096
原创 vue 时间戳转换日期格式
项目中需要将接口返回的时间戳转换为2019-10-08格式，虽然简单，但也让自己浪费了很多时间，做下记录，方便以后使用在公共js中添加以下代码export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').s...
2019-10-08 00:52:27
879
原创 前端表单验证正则表达式总结
总结常用的表单验证正则表达式，方便以后查看验证代码var str1 = '正则'var str2 = '待验证对象'str1.test(str2)下边总结常用的验证规则用户名//用户名，4到16位（字母，数字，下划线，减号）var str1 = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(str1.test("jiandan_55...
2019-10-06 16:37:46
256
原创 vue element-ui from表单验证
用vue element-ui 开发一个表单提交功能，写个博客做个记录，方便以后查阅先放一下实现的样式代码<template> <el-form ref="userForm" :rules="rules" :model="userForm" label-width="80px" style="margin:20px;width:...
2019-10-06 16:03:25
279
原创 windows初始化安装Vue项目
在win10系统下，从零开始安装Vue项目环境，复习记录下nodejs, webpack, vue-li 的安装过程一、安装顺序1、node.js2、npm/cnpm3、webpack4、Vue-li1、安装nodejswindows 下安装nodejs 非常简单，只需要按提示下一步，下一步即可，nodejs 下载网址为https://nodejs.org/en/进入后点击下载，按提...
2019-09-28 22:33:33
246
原创 JS单线程和异步总结
JS为单线程，先同步后异步，只有一个线程，只能做一件事，两段JS不能同时运行// 循环运行期间，js执行和DOM渲染暂时卡顿var i, sum = 0for (i = 0; i < 100000; i++) { sum += i}console.log(sum)// alert 不处理，js执行和DOM渲染暂时卡顿console.log('1')//alert('2...
2019-09-26 23:16:00
109
原创 es6常用功能
前言：学习es6 class 的语法，记录一些学习心得和总结构造函数class 语法在两段代码下分别打印下列代码console.log(typeof MathHandle) // functionconsole.log(MathHandle.prototype.constructor === MathHandle) // trueconsole.log(m.__proto_...
2019-09-26 00:32:59
222
原创 rollup安装和使用
前言：学习rollup，记录安装中的一些问题1、新建目录（使用前请确保自己安装了nodejs ）2、初始化项目,执行命令npm init3、安装相关的依赖包，命令npm i rollup babel-core rollup-plugin-node-resolve rollup-plugin-babel babel-plugin-external-helpers babel-preset...
2019-09-25 17:02:01
5582
原创 http-server开启本地http服务
前言：学习es6语法过程中需要用http-server开启本地http服务，遇到一个小坑，记录一下安装http-server首先确定你安装了nodejs.1、全局安装http-servernpm install http-server -g2、cd 到项目目录运行http-server到这里就完成了，但实际应用中，却没那么理想这是终端的显示，看着一切OK按终端提示Ctrl 点击...
2019-09-25 12:10:29
1492
原创 CentOs7虚拟机安装nodejs
CentOs7虚拟机安装nodejs自己安装做一下笔记，记录下过程，方便以后查看1、首先调出终端，查看用户，提示符为$,即为普通用户，命令切换至rootsu root2、安装wgetyum install -y wget3、下载nodejs 安装包（去官网http://nodejs.org 中找到最新下载包地址）wget https://nodejs.org/dist/v10.16....
2019-09-24 16:47:56
1101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人