![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Huang-ioi
有大量前端开发及架构经验,熟练使用开发工具,有较多全栈经验。现阶段工作内容,项目前期需求沟通分析,项目技术选型,项目框架搭建,核心组件编写,开发过程中难点问题处理,项目团队新人引导,人员技术培训,前端任职资格评委,把控前端技术方向。搭建公司通用前端框架,提高团队开发效率。
展开
-
uni-app 日期选择组件 单日/日期范围 选择
先看效果单日选择多日选择组件<template> <view v-show="value" class="calendar-body"> <view class="title-name"> {{title}} <text class="iconfont icon-close-bold" @click="close()"></text> </view> <view v-i原创 2021-04-25 10:28:32 · 4858 阅读 · 2 评论 -
rrweb + vue用户屏幕行为录制
• npm install rrweb -S• npm install rrweb-player -S这里我使用的是 PHP + mysql 接收数据 保存录屏数据的字段最好使用 longtext 类型 录屏数据一般比较大<template> <el-card shadow="never" class="aui-card--fill"> <div class="rrweb-create"> <el-button @click="c原创 2021-02-23 15:37:52 · 2961 阅读 · 3 评论 -
第一天:路由传值解耦
我想写一篇专题博文,每天一个知识点第一天vue20200408 路由传值解耦// 路由设置props{ path: '/url-id', name: 'url_id', component: () => import('@/views/modules/url/id'), meta: { title: '加载中···' }, props: (r...原创 2020-04-09 09:46:08 · 255 阅读 · 0 评论 -
整理一下vue 移动端模板框架搭建
今天正好有机会, 整理一下如何新建一个 vue 移动端模板框架vue create vue_h5回车Vue CLI v4.1.1? Please pick a preset: ee (router, vuex, babel) 单元测试 (node-sass, babel, router, vuex, eslint, unit-jest) 标准项目 (node-sass, ...原创 2019-12-27 15:51:04 · 2841 阅读 · 0 评论 -
解决Cannot read property 'range' of null 错误
今天将模板项目 npm install 一直报 Cannot read property ‘range’ of null 也是很无奈多方排查 babel-eslint 高版本 代码检测问题解决方式降低babel-eslint 的版本这个东西就不细说了 ,我就喜欢用最新的版本, 于是乎继续排查问题问题所在 component: () => import(`@/vie...原创 2019-12-26 16:48:46 · 15951 阅读 · 15 评论 -
vue php 前后台分离 模板项目
这几天整理了一个完整的前后台分离项目 前端 VUE 后台Thinkphp5 访问地址 :http://118.31.226.151:1001/static/dist/ 账号: admin 密码:888888 (服务器异常的小,请轻轻访问,谁叫我穷~)项目简介:基础功能模块:登录、权限验证、用户管理、菜单管理、部门管理、角色管理、表格导入导出业务功能模块: ...原创 2019-12-18 19:22:29 · 1650 阅读 · 11 评论 -
表单验证 手机号输入框
最近有点时间抠了一些细节, 之前项目的表单验证比较奔放, 比如H5手机号输入框,可以输入文字, 移动端点击弹出来的键盘不是数字键盘, 今天找了点时间优化一下先上最终效果这里主要是做了两点1、 input 的pattern 属性配合样式进行同步提示, 在此处表现就是输入错误的时候输入框为红色, 正确的时候为绿色2、还有就是直接限制不能输入字符,这一点可能途中提现不出来优化...原创 2019-09-23 17:00:01 · 6215 阅读 · 0 评论 -
vuex 存储状态 刷新丢失问题 优化
前言: 之前做的都是整个项目的vuex 存储, 一般处理方式就是在主文件写个方法重新拿数据, 例如用户权限,刷新时重新请求后台接口,拿回来数据 赋值给this.$store.state.参数名 ,现在的问题是,最近要做H5页面集成平台, 有大量的state值, 而且不是一个项目的, 分模块的无法请求后台拿回最新状态, 只能做本地存储, 刷新时重新赋值给this.$store.state, 这里就...原创 2019-08-12 16:20:59 · 653 阅读 · 0 评论 -
VUE 调用PC摄像头 全浏览器可用
前几天项目有个需求 人脸识别 不想用flash这么恶心的组件 所有查找了网上一下资料 手撸了一个可用浏览器 谷歌 火狐 360 UC QQ 当然都是基于三大内核的 (除了该死的IE都能用)这里要特别说明 摄像头权限是浏览器比较高的权限 需要本地地址 上线需要https 域名 http 是没有用的不多说 直接代码吧 自己去看<template>...原创 2019-06-12 11:35:26 · 12786 阅读 · 17 评论 -
vue-cli3 axios去除预检请求OPTIONS 做请求代理
本地开发在 vue.config.js 配置代理proxy: { '/api': { target: 'https://easy-mock.com/mock/5cce946a3d417120b6186d75/data_demo', // 接口地址 secure: false, //https请求需要这个参数 changeOrigin: true, //是否...原创 2019-06-02 18:56:34 · 9814 阅读 · 0 评论 -
vue-cli3.x 组件es6 转es5 失败 导致低版本浏览器报错
错误为Uncaught SyntaxError: Unexpected token ...这个问题网上看了很多解决方式 都没发实现这个组件转化成ES5 这个坑爹的组件就是 vue-superslide 来看一下他入口文件的内容// 导入组件import superslide from './superslide'// import superSlide from "...原创 2019-05-20 18:28:05 · 7928 阅读 · 2 评论 -
VUE CDN 引入文件 单独使用 出现 初始化 {{}} 的情况
问题: 最近某些原因 单独使用VUE 文件写了一些页面 初始化时会出现看到 {{}} 的情况 解决方式 : 在最外层 加一个 v-cloak CSS中加 [v-cloak] { display: none; } ...原创 2019-01-15 09:13:57 · 1455 阅读 · 4 评论 -
vue全家桶构建大型系统第一天 配置处理记录
vue.js安装 npm install -g vue-clicd到vue安装目录 vue init webpack-simple 项目名称(小写)简单模式vue init webpack 项目名称(小写)标准模式项目生成好后 cd 到项目文件夹下 进行npm install 操作下载依赖环境使用npm run dev 启动服务 (ctrl+c停止服务)使用npm run b...原创 2018-06-07 15:07:44 · 1441 阅读 · 0 评论 -
vue 模拟数据请求 使用json-server
今天弄了个项目想去写后台,于是乎搞个模拟数据,网上大部分使用express,尝试了很多个配置方式,都不成功很难受,也可能是因为现在vue-cli的文件配置跟以前不一样的,总是不能成功。废话多数 ,我使用的json-server 做模拟数据请求(我使用的是最新的配置文件)第一步:先引入 npm i -s json-server第二步:在webpack.dev.conf.js 配置const json...原创 2018-06-08 10:54:03 · 2646 阅读 · 0 评论 -
vuex + axios 做登录验证 并且保存登录状态
还是那句话,网上找个完整的博客真的难,实现效果全靠摸索啊第一步:安装axios 、vuex npm i -s axios npm i -s vuex 执行这两句 ,vue等环境搭建就不废话了第二步:配置main.js文件 上图不上码,菊花万人捅,附上代码// The Vue build version to load with the `im...原创 2018-06-08 16:57:13 · 35375 阅读 · 19 评论 -
vue 双向绑定数据的原理
vue能做到双向绑定数据靠的就是 Object.defineProperty() ,俗称属性拦截器。 //例如 平时我们定义一个参数 是这样的 var Book = { name: '一般的参数' }; console.log(Book.name); // 一般的参数 //但是你想在输出的同时对参数进行一些操作 var Bo...原创 2018-08-10 17:24:55 · 1204 阅读 · 0 评论 -
VUE 前后台分离 处理(继续之前的项目,这段时间我被上头抓走了)
距离上次 vue全家桶构建大型系统第一天 配置处理记录 一文开始不知道已经过去多久了,前面我们说到vue怎么保存登录状态(vuex + axios 做登录验证 并且保存登录状态),前面用到的模拟数据json-server临时方式获取数据方式我们就不用了。 今天正式开始,与后台ThinkPHP 分离交互。懂一点的都知道,前后台分离首先就是要处理跨域请求,这是个简单...原创 2018-08-23 12:24:04 · 2363 阅读 · 0 评论 -
VUE 基于axios vue-router 前后分离token验证
第一步、为所有请求头部添加token值在main.js 中添加 1、引入axios import axios from 'axios' ; 2、使用请求拦截,为所有请求添加token,这里我是加在了headers 中//给所有请求头部加上tokenaxios.interceptors.request.use( config => { //在所有...原创 2018-09-05 17:16:20 · 8220 阅读 · 6 评论 -
vue 打包文件路径不对解决方式
npm run build 打包后报错解决方式assetsPublicPath: './' 这里加个前缀 这里加一行publicPath:"../../"vue-cli3需要在vue.config.js 文件中配置module.exports = { baseUrl: process.env.NODE_ENV === 'p...原创 2018-10-09 19:22:26 · 4297 阅读 · 0 评论 -
json_decode 转成对象后取不到值
前端将 对象 formItem: JSON.stringify(this.formItem) 格式化 PHP 要用 json_decode(input('formItem'), true) ; 转化回来才能取到值注意点:true , json_decode(input('formItem')) 是取不到值的...原创 2018-10-23 21:28:45 · 2064 阅读 · 0 评论 -
VUE 返回上一页 不刷新页面
网上有很多种方法,刚开始看的时候都感觉莫名奇妙。不知道他们说啥,理解能力有限,我梳理了一下。这里我介绍的主要是两种缓存某个页面的方法fang方法一(页面只刷新一次,任何页面跳转到这个页面都不刷新)直接在你的router-view 标签外面包一个keep-alive 加include="组件名称"<keep-alive include="FileList"&g...原创 2018-10-31 12:35:03 · 60102 阅读 · 8 评论 -
最新vue实战视屏 vue2.x thinkPHP5.0后台 nodejs+mong0DB
需要资源的请加qq 862821165原创 2018-06-07 09:51:17 · 3805 阅读 · 1 评论