fsoooo Blog

内不欺己,外不欺人,上不欺天。君子所以慎独。

Vue学习笔记 富文本编辑器wangeditor

最近开发Vue项目,想要一个功能更全面的编辑器,我找了好久,目前常见的编辑器有这些: UEditor:百度前端的开源项目,功能强大,基于 jQuery,但已经没有再维护,而且限定了后端代码,修改起来比较费劲,并且比较重。 bootstrap-wysiwyg:微型,易用,小而美,只是 Bootstrap + jQuery… kindEditor:功能强大,代码简洁,需要配置后台,而且好久...

Vue学习笔记 地区选择器

最近在项目里需要用到地区选择器,就找到 V - Distpicker 是一个简单易用的地区选择器。使用非常简单,功能强大,推荐大家使用。 官网: https://distpicker.pigjian.com github: https://github.com/jcc/v-distpicker Installation npm install v-distpicker --save ...

Vue学习笔记 倒计时插件

最近公司在写OTA的项目,一些订单需要自动处理,于是就有了倒计时的需求。在github上找到了vue2-countdown,就把这个插件引入到了我公司的项目中。 vue2-countdown 基于vue2.0的活动倒计时组件 可以使用服务端当前时间 在倒计时开始或者结束的时候,可以自定义回调 文档:https:/...

Vue学习笔记 Prop属性

1.prop 的大小写 (camelCase vs kebab-case) HTML中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。 这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名: <div id="app-1"> <!-- HTML...

Vue学习笔记 Axios跨域请求

1.带cookie请求 axios默认是发送请求的时候不会带上cookie的,需要通过设置withCredentials: true来解决。 这个时候需要注意需要后端配合设置: header设置 Access-Control-Allow-Credentials:true Access-Control-Allow-Origin不可以为 ‘*',因为 '*' 会和 Access-Contro...

Vue学习笔记 Webpack+vue2 0


Vue学习笔记 Ipv6地址校验

最近接手的项目需要使用到IPV6地址,前段需要用JS进行IPV6合法性校验,所以开始研究。 ####IPV6百度百科 ipv6表示方法 IPv6的地址长度为128位,是IPv4地址长度的4倍。于是IPv4点分十进制格式不再适用,采用十六进制表示。 #####IPv6有3种表示方法: 冒分十六进制表示法 格式为X:X:X:X:X:X:X:X,其中每个X表示地址中的16b,以十六进制表...

Vue学习笔记 Elmentui表单校验

Elment-UI 的 Form 组件提供了表单验证的功能: 1.将 Form-Item 的 prop 属性设置为需校验的字段名 2.通过 rules 属性传入约定的验证规则 rules: { name: [ { required: true, //非空校验 ...

Vue学习笔记 Elementui表格嵌套el Switch踩坑

因为项目需求,需要在表格中嵌套表单,前端UI组件使用的是ElementUI。 代码如下: <el-form :model='data' ref='form'> <el-table :data="data.tableData" style="width: 100%"> <el-table-column prop="master_name" label=...

Vue 定义变量

最近开始学习Vue,接触到了ES6。以前使用的JavaScript,定义变量使用的Var,现在Vue中还使用let 和 const来定义变量。 ###var var定义的变量可以修改,如果不初始化会输出undefined,不会报错 var a = 1; // var a;//不会报错 console.log('函数外var定义a:' + a);//可以输出a=1 function chang...