【每日技术总结：filter(),Bscroll】的更多相关文章

每日技术总结：filter(),Bscroll

前言: 这是一个vue的电商项目,使用express后端提供数据. 1.filter()函数. 事情是这样的.我从数据库拿到了所有分类数据. 分类有三个等级.父类,子类,孙类这样.但它们都在同一张表里. 表是这样的: 我要把这样的表数据变成适合前端使用的数据结构.关键在于parent_id,通过parent_id来衔接上下级关系. 我想了很久,尝试了很多次,才想到一个比较合理的解决办法. vue,数据,代码如下: data () { return { categoryData: [ { cat_…

每日技术总结：Better-scroll应用于弹出层内容滚动

一.Better-scroll在项目中的应用 Better-scroll这款滚动插件还是很好用的,通常不会有什么问题.但偶尔总会出点意外.今天再次使用better-scroll,记录一下这次顺利的过程,以防下次使用的时候出现意外. 1.需求 这是一个老项目,在商品详情页,点击购买按钮,会弹出一个协议,修改的需求是把协议弹层大小固定为一屏,协议的内容超出滚动. 效果如图: 2.下载better-scroll并引入项目 (1)因为这是一个传统开发的老项目,我想把插件下载下来引用.我上哪去下载bett…

每日技术总结：Toast组件，eslint,white-space,animate,$emit

1.一个优雅的提示是网站必不可少的. 请参考:vue2.0 自定义 提示框(Toast)组件 2.ESLint使用总结 (1)在.eslintrc.js里关闭某条规则, '规则名': 'off'或0 举例: rules: { 'generator-star-spacing': 'off','no-restricted-syntax': 'off', 'indent': 0, 'new-cap': 0 } (2)// eslint-disable-next-line 对下一行禁用,举例代码: //…

每日技术总结：encodeURI,encodeURIComponent,toFixed

1. encodeURI(URIstring) encodeURI()函数可把字符串作为URI进行编码 encodeURI("http://www.w3school.com.cn") //输出 http://www.w3school.com.cn encodeURI("http://www.w3school.com.cn/My first/") //输出 http://www.w3school.com.cn/My%20first/ 2. encodeURICompo…

每日技术总结：fly.js，个位数前补零等

01.FLY.JS 文档:https://wendux.github.io/dist/#/doc/flyio/readme 02.微信小程序组件——input属性之cursor-spacing 属性 类型 默认值 必填 说明 最低版本 cursor-spacing number 0 否 指定光标与键盘的距离,取input距离底部的距离和cursor-spacing指定的 距离的最小值作为光标与键盘的距离 1.0.0 参见微信开放文档 组件 input:https://developers.wei…

每日技术总结：Yarn和Npm大PK

今天想用npm安装vue-cli@2.9 npm install --global vue-cli@2.9 卡半天,安装不成功,清空缓存,换taobao源重来,还是一样. 无奈之下换yarn yarn global add vue-cli@2.9 分分钟装完. 是时候列出一个npm和yarn常见命令对比表了 参考文档: (1)npm官网命令:https://www.npmjs.com.cn/cli/install/ (2)yarn官网命令:https://yarn.bootcss.com/doc…

每日技术总结：setx,

1.setx命令设置环境变量 设置用户环境变量: setx NAME "XXX" 设置系统环境变量: setx NAME "XXX" /m…

每日技术总结：jquery datetimepicker,微博QQ好友QQ空间微信等分享接口

前言: 1.jquery datetimepicker 今天遇到一个日期控件格式的问题,默认选中显示的并不是设定的值,而是当天的日期.于是去查了一遍文档. 参考文章:jquery datetimepicker 配置参数 官方文档:DateTimePickerjQuery plugin select date and time (找了很久) 耗时2小时,翻了无数遍网页,最后亲自去看插件源码,突然灵光一现,发现只是input value的格式传错了,冤啊!! Html代码如下: <head> &l…

每日技术总结：setInterval,setTimeout,文本溢出,小程序，wepy

前言: 项目背景:vue,电商,商品详情页 1.倒计时,倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterval(() => { this.n-- }, 1000) let timer = setTimeout(() => { clearInterval(int) }, this.n * 1000) } setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 参考文档:HTML…

每日技术总结：vue router传参方式，js获取设备高度

今天貌似没什么问题,23333…… 1.vue router 路由传参的方式 应用情景:从分类页(category.vue)进入商品列表页(list.vue),需要传递商品分类id(catId),商品分类名称(catName)两个参数,列表页通过路由信息拿到catId,去请求列表内容接口. 路由文件js代码如下: export default new Router({ routes: [ { path: '/', name: 'home', component: home }, {   path…