- 博客(7)
- 收藏
- 关注
RSS订阅原创 js模块化(ESModule与CommonJS)
写在前面的模块化开发方式可以提高代码复用率，方便进行代码管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前我们开发中主要用到的是 CommonJS 和 ES Module。模块化带来的好处：避免命名冲突更好的分离更高复用性更高可维护性不知道大家有没有遇到过 export、exports、export default、module.exports 傻傻分不清的情况？????1、CommonJSNode.js是commonJS规范的主要实践者。Node 应
2021-07-12 09:54:59
1049
原创 element-ui校验实用技巧
一、表单是如何绑定rules查看官网不难发现form和form-item都可以赋予rules属性，那这两种方式有什么区别？优先级如何？下面将结合示例和源码进行分析。1-1、form和form-item两者绑定的rules的优先级由上面实验代码可知，form-item绑定的rules优先级会更高，覆盖掉form绑定的rules.1-2、form绑定的rules如何作用于form-item官方文档上有这样一段话：Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，
2021-07-12 09:33:56
1479
原创 el-date-picker最大跨度一年组件封装
业务开发场景中，经常遇到el-date-picker允许的最大跨度为一年的需求，但elm-ui的API中没有相关限制，所以封装一个最大跨度一年的组件是很有必要的。1、v-model使用在自定义组件上封装前先要了解，v-model其实也可以用在自定义组件上。父组件内<max-year-picker v-model="range"></max-year-picker>子组件内export default { props: { value: Strin.
2021-04-22 11:12:54
1436
1
原创 uniapp实现图片上传功能
最近在自己写一个uniapp的项目，后台用的express,刚好遇到了上传图片到服务器的功能，这里总结一下。1.前端部分首先是要打开本地相册选择图片，用的api是uni.chooseImageuni.chooseImage({ count: 1, //上传图片的数量，默认是9 sizeType: ['original', 'compressed'], //可以指定是原图还是压...
2020-03-01 21:22:43
34411
5
原创 实现元素水平居中（简便好记的方法）
1.定位+transform给居中元素div.box{position:absolute;<!--设置元素的定位位置，距离上、左都为50%-->left:50%;top:50%;<!--设置元素的相对于自身的偏移度为负50%(也就是元素自身尺寸的一半)-->transform:translate(-50%,-50%);}2.四个零+margin：aut...
2019-12-16 21:51:26
183
原创 JavaScript数组去重方法（简便好记的方法）
1.SetSet是ES6中一种新的数据结构，它本身是一个构造函数，类似数组，但它的成员值都是唯一的，无重复的值。利用无重复值这一点可以实现数组去重//数组去重[...new Set(arr)]//by the way--->字符串去重[...new Set(str)].join('');2.利用indexOf或者includes两种方法去重原理是一样的，利用数组中不存在该...
2019-12-15 19:45:07
605
2
原创 vue中cannot read property of 'xx' undefined 报错的解决方案
无法准备未定义属性在做一个电影详情页的时候，遇到一个结构稍微复杂的数据结构，如下图需求是将电影的类型渲染到页面上渲染部分的代码 <p class="title">{{detail.alt_title | formatTitle}}</p> <p class="grey">{{detail.attrs.mov...
2019-12-15 19:25:28
8753
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人