2019年03月_草巾冒小子

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 elementUI解决el-checkbox自定义样式、@change样式的失效等bug - 代码示例

大大大大是

2019-03-29 18:29:59 11474

原创 css属性:before、:after的position绝对定位：设置短线（类似于边框样式）（横向、垂直方向） - 代码篇

css属性:before、:after的position绝对定位：设置短线（类似于边框样式）（横向、垂直方向） - 代码篇1. 水平方向2. 垂直方向：.name{padding-left: 46px;padding-top: 15px;font-size: 18px;color: #333;position: relative;}.name:before{position: ...

2019-03-27 09:52:40 8969

原创 vue引用自定义.js文件（常量抛出 + 地址三级联动为例）- 语法篇

vue如何引用自定义封装的 .js文件？比如一个时间插件，全局任意页面都有可能会用到，这时候需要把它封装成函数，供全局页面随意调用。如何操作，详细如下。以上就是关于“ vue引用自定义.js文件 - 语法篇 ” 的全部内容。...

2019-03-26 17:58:01 2138

原创 element-UI级联选择器(Cascader)获取label值 - 代码篇

element-ui级联选择器(Cascader)获取级联对象：主要是想获取:label值、value值效果图预览：代码参考如下：<el-cascader ref="cascaderAddr" :options="addressOptions" change-on-select v-model="form.areaCode" @blur="handleAddressFu...

2019-03-26 17:57:49 48185 3

原创 element-UI级联选择器(Cascader 回显、默认显示项) - （返回结果的）格式转化 - 代码篇

el-cascader组件：（返回结果的）格式转化有时候会报错：TypeError: thsAreaCode.replace is not a function （bug截图如下）说白了就是该组件结果返回获得的是个数组，而不是字符串。所以不能使用.replace方法去转化格式。因而：才有了下面修改后的代码。为了解决上述问题，先看文章内的举例代码：参考文章：（element-U...

2019-03-26 17:57:43 44005 4

原创 vue引用自定义.css文件 - 语法篇

vue如何引用外部自定义的.css文件？一般都会因为存在权重或优先级设置的问题才会侧意引用；再者，就是固定封装好的组件等等的东西，才会引入。代码：<style scoped>@import "../../../static...

2019-03-22 16:10:16 1821

原创 win10系统如何变更默认字体 - 教程篇

win10系统如何变更默认字体 - 教程篇教程如截图：以就是个关于“ win10系统如何变更默认字体 - 教程篇 ” 的全部内容。

2019-03-22 16:06:27 2898 2

原创 vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏

vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏也不知道是什么原因？总结一下，分析给大家看，继续。原因分析：cdn停更或版本迭代替换或路径变更，导致引入的文件不存在？vuejs 自己的一套 cdn解析系统导致的？cdnjs有bug?为什么线上项目样式出不来？但是右键open in new tabs，发现cdn文件确实存在？为什么本地虚拟服务器跑同样的项目却可以正常显...

2019-03-22 16:05:58 6963

原创 VSCode代码自动补全 - 插件篇

VScode 不能自动补全结束标签？这里介绍一款vscode插件，只需要输入标签的单词或字母，按enter键，就能直接自动生成开/闭标签，且光标居中。插件名称：// 在下图的标记处，搜索该插件： Auto Close Tag截图如下：（安装·如下图示）以上就是关于“ VSCode代码自动补全 - 插件篇 ” 的全部内容。...

2019-03-21 23:33:39 28385 2

原创 processon.com - 在线团队协作软件（草巾冒小子）推荐 - 资源篇

processon.com - 在线团队协作软件今天学到一个在线团队协作软件：www.processon.com免费在线作图，实时协作ProcessOn 支持以下等等协同作业场景：流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等等另外支持模板（可选）。以上就是关于“ processon.com - 在线团队协作软件（草巾冒小子）推荐 ” 的全部内容。...

2019-03-21 23:29:54 835

原创 JS点击获取验证码后60秒内禁止重新获取（防刷新）

阅读文章：JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)

2019-03-21 23:26:21 5121

原创 vue 时间戳格式转化（插件化） - 封装篇

vue 时间戳格式转化 - 封装插件：访问阅读：时间戳：在线工具时间戳显示为多少分钟前，多少天前的JS处理以上就是关于“ vue 时间戳格式转化（插件化） - 封装篇 ” 的全部内容。...

2019-03-21 23:16:46 4232

原创 vue项目：npm命令安装jquery

vue项目：npm命令安装jquery注意：有时候通过npm 无法安装，通过cnpm却可以！cmd指令： cnpm install jquery // 安装完了之后，在引用页面使用import引入即可： import $ from "jquery"截图如下：文章阅读：说明1：https://www.jianshu.com/p/76917c6f83ec说明2：ht...

2019-03-21 23:16:21 2690

转载文字滚动插件（css3动画）- 代码篇

文字滚动插件（css3动画）- 代码篇templete代码如下：&lt;div class="list"&gt; &lt;div class="rowup"&gt; &lt;div class="item"&gt;&lt;span&gt;桑法元

2019-03-21 23:15:09 1337

原创如何在scoped不污染组件样式的前提下，实现el-input组件样式覆盖？

如何在不污染组件样式的前提下，实现el-input组件样式覆盖？踩了个坑，无论怎么修改样式的权重，都无法覆写element-ui的el-input组件的边框样式。唯一能看效果的就是在浏览器端F12之后，修改样式。方法：一个自定义新建的组件（内部提前定义好覆写的样式）,在main.js中全局引入，然后在目标页面import引入组件在element-ui的源码文件：…/element-...

2019-03-21 23:13:46 1181

原创 elementUI + vue 地址跳转：无法返回上一页 - 解决篇

elementUI + vue 项目：浏览器无法返回上一页？总是停留在当前页面？代码块1：不能正常返回上一页// 成功之后执行跳转 this.$router.push this.$router.push('/login');代码块2：能正常返回上一页// 成功之后执行跳转 this.$router.replace this.$router.push('/lo...

2019-03-21 23:13:36 1489

原创 element-UI组件el-button样式覆写 - 生效篇

踩坑：el-button样式覆写表单代码参考：<div class="wd1200 form-container"> <el-row :gutter="0"> <el-col :span="12" class="bg1"> <div id="form-cnt"> ...

2019-03-21 23:13:15 49091 2

原创 element-UI框架使用validate.js的form校验规则（+自定义验证代码）- 应用篇

element-UI除了官方给出的校验规则，还可以自定义（举例如下）（官方说明）引入：Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator具体使用：以上就是关于“ element-UI表单组件：校验规则（自定义验证代码）- 应用篇 ” 的...

2019-03-13 13:29:16 12230 1

参考博客：https://blog.csdn.net/nianzhi1202/article/details/52464078如下：当只使用min_width或则max_width时；我们用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面，顺序不能混淆。例如：@media (min-width: 768px){ //&amp;gt;=768的...

2019-03-13 13:27:25 3985

原创 vue工程打包上线样式错乱问题 - bug解决（4种）

vue工程打包上线样式错乱问题 - bug总结项目开发完成后，执行npm run build进行打包，将打包完成的dist文件部署在服务器。配置好域名解析，就可以实现工程上线。上线后，我们有时候会发现，它怎么和本地调试时长得不一样？长得不一样是样式问题，是打包的时候顺序先后问题，有一些样式没有生效，有一些样式被覆盖了。这时候可以考虑以下几种方法。1.main.js样式引入顺序问题...

2019-03-13 13:26:43 12482 1

原创 VSCode内npm run build编译打包时候报错：code ELIFECYCLE - （已解决）

报错：Module build failed: Error: "extract-text-webpack-plugin" loaderVUE打包时候报错：code ELIFECYCLE，npm install 正常，npm run build 时报错：code ELIFECYCLEextract-text-webpack-plugin配置出错的解决办法...

2019-03-12 15:33:31 18348 6

原创 win10 快捷键 - 采矿篇

（项目开发）- win10 常用组合键快捷键( Win + X ) + A 先Win+X，然后全部松开，再摁下 A 【含义】：以管理员身份运行cmd命令Win + R 【含义】：非管理员身份运行cmd命令Win + S 【含义】：运行搜索命令以上就是关于 " win10 快捷键 - 采矿篇 " 的全部内容。...

2019-03-12 15:16:50 624

原创 Win10安装 PS6 ：error16- 踩坑篇

Win10安装 PS6 （error:16） - 踩坑骗安装过程中那个bug报错 error:16（或截图如下）：解决办法：开始安装；或者先使用360下载window64语言库；然后，将安装好的软件目录下的文件夹和更名（只要不是原名称即可防止程序误读），以防止程序误读；然后，”属性“更改启动方式为”以管理员方式运行“，最后，双击已安装的程序即可。...

2019-03-12 15:16:24 1317

原创 element-UI栅格系统缩放，导致页面布局效果bug? 叠加？错位？

这里截图为例说明一则bug，请bug对号入座。页面的栅格缩放，导致页面布局发生叠加错位？一、坑1 · 引言：（先来一则bug代码）&amp;amp;lt;el-card v-for=&amp;quot;(resume,key) in resumes&amp;quot; :key=&amp;quot;key&amp;quot; class=&amp;quot;item&am

2019-03-12 15:09:02 13395 2

原创 elemen-UI 组件：input输入框的样式、代码、效果图对比 - 应用篇

elemen-UI 输入框组件的样式问题：效果图对比：代码如下：（2种） &amp;lt;el-form :model=&quot;form&quot;&amp;gt; &amp;lt;el-input placeholder=&quot;请输入姓名&quot; v-model=&quot;form.name&quot;&am

2019-03-12 15:05:38 3334

原创 element-UI 弹出组件dialog的遮罩层在弹出层的上面 - 解决篇

element-UI 弹出组件的遮罩层在弹出层dialog模态框的上面？bug演示：解决办法：将dialog组件剪贴到最父级div元素之下，以“子一级元素”的方式去定义设置。多半可以解决上述问题。以上就是关于“　element-UI 弹出组件dialog的遮罩层在弹出层的上面 - 解决篇　”　的全部内容。...

2019-03-12 15:02:17 14915 5

原创跨域 · 后台设置：头部header（服务器端添加属性、属性值，浏览器端获取属性及其值） - 数据篇

跨域：头部header自定义属性（服务器端添加属性、属性值，浏览器端获取属性及其值）headers 服务端配置# For more information on configuration, see:# * Official English Documentation: http://nginx.org/en/docs/# * Official Russian Docume...

2019-03-11 18:33:24 3571

原创 vue项目：（全局变量设置与调用）API接口封装 - 代码篇

vue项目，如何将“API接口” 封装为“全局变量” ？1. API全局配置文件【global.vue文件】&amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/template&amp;gt;&amp;lt;!

2019-03-11 18:32:44 5698

原创 vue 给页面添加enter回车事件 - 代码篇

vue 如何给页面添加enter回车事件？主要代码： @keyup.enter.native="ajaxLoginApi()" 代码示例： &lt;el-form ref="form" :model="form" :label-position="labelPosition" label-suffix

2019-03-11 18:31:07 18416 1

原创 Win10 + VSCode踩坑 + vue项目开发：设置vscode终端为管理员权限

win10系统如何设置vscode的终端为管理员权限？一次一次的授权太麻烦！这里直接更改授权为管理员运行即可。操作与设置步骤：“桌面找到“VSCode”程序图标” -鼠标右键点击“属性”找到并点击”兼容性“选中”以管理员身份运行此程序“最后，点击”确定“即可。文章参考：win10设置vscode的终端为管理员权限以上就是关于“ Win10 + VSCode +...

2019-03-11 18:30:45 9130

原创 vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇

vue编译打包dist文件之后部署到线上服务器，访问页面却是空白！为什么？本地wampserver环境配置，确是正常的效果！404报错：Not Found （截图如下）以上就是关于“　vue项目编译打包dist文件之后部署到服务器 - 无法访问页面　”　的全部内容。...

2019-03-11 18:29:32 7603 2

原创 Van-UI发送验证码demo -效果篇

Van-UI发送验证码样式：&lt;van-field v-model="salaryRange" center disabled label="薪资" placeholder="请输入薪资" &gt;

2019-03-02 17:54:48 3894 1

原创 height:calc(100% - 10px)的用法(垂直居中) - 布局篇

如何让一个height:calc(100% - 10px)的用法 - 布局篇

2019-03-02 17:53:07 30061

原创 element-ui 左侧边栏el-menu组件：路由跳转 - 案例篇

有顶部导航、还有侧边栏导航：如何实现路由的设置、跳转、高亮？A. 顶部导航 · Hhtml 代码如下：（含高亮设置）&amp;amp;lt;el-menu :default-active=&amp;quot;$route.path&amp;quot; class=&amp;quot;el-menu-demo&amp;quot; mode=&amp;quot;horizon

2019-03-02 17:52:49 22713 17

原创 element-ui 搜索框组件：监听input键盘事件 - 代码篇

踩坑：element-ui 框架监听input键盘事件 - 含demo演示代码篇代码示下： &amp;lt;el-input placeholder=&quot;职位 | 地区 | 工作年限&quot; v-model=&quot;searchVal&quot; @keyup.enter.native=&quot;onEnterSearch&quot;&amp

2019-03-02 17:52:38 10636

原创 element-ui 框架的checkbox组件：点击事件与选中判断 - 代码篇

element-ui 框架的checkbox组件：点击事件与选中判断 - 代码篇

2019-03-02 17:52:13 39397

原创 Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交 - 踩坑篇

Vant-UI 表单组件（Field组件）：验证表单元素&amp;amp;&amp;amp;表单提交：

2019-03-01 10:50:32 85055 16

原创 v-bind:href= 拼接字符串 - 代码篇

vuejs标签属性数据绑定和拼接 v-bind:href= 拼接字符串v-bind绑定href 的值（拼接属性值 String）参考csdn文章：终于知道vue.js标签属性数据绑定和拼接代码实例如下： &lt;a class="didi-link" v-bind:href="['xxx/detail/'+item.Id]" &gt; {{item.Name}} &

2019-03-01 10:50:11 8446