前端
文章平均质量分 81
爪哇幼稚猿
这个作者很懒,什么都没留下…
展开
-
手把手,VUE 打包打包改造教程
VUE 打包封装 最近公司好多项目用到了VUE,大家有遇到VUE打包生产,测试要修改配置文件的痛点,由于算是比较早的VUE使用人员,之前对webpack有所研究,结合项目和网上资料,自己实践过VUE项目打包改造。总结如下,希望对大家有所帮助1.对打包的理解为什么 npm run build 会执行打包?由于之前是小白,也没有时间研究webpack,所以我全文搜索了一下build,最后发现最有关联可能的就是build.js和package.json,此外之前对element ad...原创 2020-05-15 17:14:17 · 1409 阅读 · 0 评论 -
常见的正则表达式,包含只在非空输入时检查合法性
//非空验证 requiredReg:/\S/, //姓名验证 nameReg:/^[a-zA-Z\u4e00-\u9fa5]{1,10}[a-zA-Z\u4e00-\u9fa5]{1,10}[\.a-zA-Z\u4e00-\u9fa5]{0,10}$/, //身份证验证 ...原创 2019-12-18 09:23:09 · 994 阅读 · 0 评论 -
VUE项目引入mandMobile 样式错乱
1.有时候引入前端框架,可能组件的样式变了,造成这一问题的原因是有的矿建是以px作为组件样式加载,有的框架是以rem作为组件样式加载,所以用到的加载类不一样,2.mandMobile 样式错乱就是上述问题引起再utils.js中找到// generate loader string to be used with extract text plugin function ge...原创 2019-08-05 14:42:30 · 1873 阅读 · 0 评论 -
页面悬浮,拖动
HTMl<div id="touch" class="visible-block"> <div style="width:100%;margin: 3px auto;"> <a href="http://XXX/Login"> <button class="floatL MDSure btnInform" id="a...原创 2019-07-29 11:58:56 · 227 阅读 · 0 评论 -
VUE学习总结
对VUE近半年的学习,用过IVIEW,ELMENT ADMIN,MAND-MOBILE,从无到有,自己一步步搭建脚手架,直接下代码,自己打包,部署前后端分离。...其他基于VUE移动端框架都有研究,只是知道会用,其他的没有深入了解。感觉所有框架都大同小异。同 :用VUE技术语法,实现前端效果。数据绑定,数据驱动。调用后台异:组件封装程度不同,组件调用风格不同。上手...原创 2019-05-14 15:36:53 · 93 阅读 · 0 评论 -
Vue打包问题
Vue打包会遇见各种各样的问题,总结如下,1.打包后页面为空白,没有报错信息一般是Router中的mode被设置成了history模式,如export default new Router({linkActiveClass: 'active',// mode: 'history', //加入这一句即可去掉路径中的#routes: []因为VUE根据#确认根路径,然后获取...原创 2019-05-14 15:27:56 · 399 阅读 · 0 评论 -
VUE微信分享#字符截断
VUE真的是坑啊,你提供了history模式,却又不直接支持history模式打包,采用hash模式,打包后有#,导致微信分享失败,尝试了N中办法实际测试,都不行,最终还是采用了前端重定向解决好了,不抱怨了,先说一下我的解决思路,首先微信分享步骤在此就不做赘述了,参照微信开发文档,以URL=http://www.xxxx.com/html/dist/index.html#/product...原创 2019-05-14 14:53:17 · 1436 阅读 · 2 评论 -
VUE报错
这个问题是按需导入,缺少东西This dependency was not found:* !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-b70eb352","scoped"...原创 2019-04-08 10:44:37 · 351 阅读 · 0 评论 -
VUE+IVIEW从无到有实践(二)
vue-i18n 国际化1安装npm install --save vue-i18n@5.0.32创建目录language3.编辑index.js/** * 引入vue-i18n */import Vue from 'vue'import VueI18n from 'vue-i18n';Vue.use(VueI18n);/** * 导入iview自带语言...原创 2019-05-14 16:06:01 · 1048 阅读 · 2 评论 -
VUE+IVIEW从无到有实践(一)
搭建VUE+IVIEW脚手架和npm命令构建完成项目一.必备条件 Node Js:(简单的说 Node.js 就是运行在服务端的 JavaScript。安装 教程https://www.runoob.com/nodejs/nodejs-tutorial.html,Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。32 位安装包下载地...原创 2018-12-24 15:32:50 · 496 阅读 · 0 评论 -
VUE+IVIEW从无到有实践 (前言)
最近对公司的一个项目进行升级,实现前后端分离,后台服务微服务化,前台的框架重新搭建,前台确定了使用VUE+IVIEW技术。之前没用用过,一切从无到有,从VUE+IVIEW框架搭建,到最后项目前端项目完成,历时2个月,实现了项目的可配置化前台开发,还是比较繁琐的。现在进行知识总结,希望对要使用的朋友有帮助。期间是摸着石头过河,不喜勿喷。后续文档主要从以下几个点来介绍。 ...原创 2018-12-22 18:24:38 · 356 阅读 · 0 评论 -
Knockout 学习笔记(一)Demo
入门链接http://www.aizhengli.com/knockoutjs/knockoutjs.html简单实例 非常简单,在html5中引入需要的js文件就可以了<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="Content-...原创 2018-11-21 09:29:43 · 330 阅读 · 0 评论