blog
blog copied to clipboard
yongheng2016
+ ### 时间差异 ```js new Date('2018-1-1') //Ios系统无法计算 NaN 正确格式： new Date('2018-01-01') 待验证： new Date('2018/1/1') new Date('2018/01/01') ``` + ### SPA/History模式下url识别机制 > #### Andriod系统对url的识别机制  > #### Ios系统对url的识别机制 
> 在微信下开发的webApp,记录的一些总结 + Vue + vue-router + history模式 ---------- ## IOS系统 + 配置基本正常 ## Andriod系统 + 单独配置（好像是关于ulr,项目中虽然解决了支付问题，但不清楚为什么） 方法：在点击支付按钮时进行`wx.config -> wx.支付API`
> **实现wrapper内滚动效果** ```html .... ``` ## @flex 1. ```scss .container display: flex height: 100% // 确保此时的高度等于设备视口高度 ``` 2. ```scss .wrapper flex: 1 // 撑满父容器`.container`的高度 overflow: hidden ```
[http://www.xiaoxiaohan.com/js/30.html](http://www.xiaoxiaohan.com/js/30.html)
 ```html {{filterDate(item.coreBloodSugarDate)}} ``` ```js export default { methods: { filterDate(date){ let temp = date.split('-') //==============无线循环渲染===========( [Vue warn]: You may have an infinite update loop in a component render function.)...
在线上打包测试的时，当路由跳转时遇到了`unexpect taken >` 后查找原因是因为路由路径名引起的 ``` 路由1 path: '/test1' ``` ``` 路由2 path: '/test1/test2' ``` + 但这两个路由路径不存在父子关系 + 线下测试没问题 + 线上通过webpack打包后，存在路由2页面进、出都报上面的错， + 后分析是因为webpack打包后，压缩过的js文件是通过参数名称（test,test2）来实现单页面跳转
在项目中使用包含实现页面缓存，加速页面加载， 同时，这种方式带来一些弊端，请看如下大神解释： **************************************************************************** 当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。 当再次进入（前进或者后退）时，只触发activated。 **************************************************************************** 这就带来一个问题，之前在项目中使用mounted在页面加载时获取数据，使用后方法不再生效， 根据上面的解释，将mounted替换为activated即可。
## tab组件 预览：[http://js.jirengu.com/manicihuqe](http://js.jirengu.com/manicihuqe) > 页面上由很多类似的东西，但我只用考虑我自己就可以了 > 页面有很多tab，我只考虑其中一个 + 1.功能需求 ``` function Tab(ct){ xxx } new Tab(ct1) //第一个tab功能 new Tab(ct2) //第二个tab共能 ``` + 2.写功能 ``` function Tab(ct){ this.属性1 //注意this和实例的联系 this.属性2 ......
## this 相关问题 ### 问题1： apply、call 、bind有什么作用，什么区别 + 作用： - apply 、 call 、bind 三者都是用来改变函数的this对象的指向的； - apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文； - apply 、 call 、bind 三者都可以利用后续参数传参； + 区别： -...
## 问题1： OOP 指什么？有哪些特性 > 面向对象程序设计(Object-oriented programming):当我们提到面向对象的时候，它不仅指一种程序设计方法。它更多意义上是一种程序开发方式。 ### 原则：开放封闭原则 + 1. 对于扩展是开放的，当应用的需求改变时，可以对模块进行扩展，得以满足新的需求或功能 + 2. 对于修改是关闭的，对模块进行扩展时，不必改变模块的源码 ### 特性： + 封装型 > 面向对象程序设计隐藏了某一方法的具体执行步骤，取而代之的是通过消息传递机制传送消息给它 将一些属性和方法放入到一个对象里面，就是简单的封装 ``` function Dog(){ name: dog, this.call: function (){...