摘要: 什么是跨域? 跨域是指的一个域名下的文档或者脚本试图去请求另一个域名下的资源,这里跨域是广义的。 广义的跨域 1)资源跳转:A链接、重定向、表单提交 2)资源嵌入:<link> 、<script> 、<img> 、<frame>等dom标签,还有样式中background:url()、@font-f 阅读全文
posted @ 2019-08-29 16:34 simple-love 阅读(5826) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值 父组件通过属性进行传递,子组件通过props获取 //父组件 class CommentList extends Component{ render(){ return( <div> <Comment comment={information}/> </div> ) } } // 阅读全文
posted @ 2019-08-29 16:20 simple-love 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 组件间抽象 在React组件的构建过程中,常常有这样的场景,有一类功能需要被不同的组件公用,此时,就涉及抽象的话题,在不同设计理念下,有许多的抽象方法,而针对React,我们重点讨论两种:mixin和高阶组件。 mixin mixin的特性一直广泛存在于各种面向对象语言中。比如在Ruby中,incl 阅读全文
posted @ 2019-08-29 16:17 simple-love 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 前言 现在最热门的前端框架,毫无疑问是React。 React是一个状态机,由开始的初始状态,通过与用户的互动,导致状态变化,从而重新渲染UI。 对于小型应用,引入状态管理库是"奢侈的"。 但对于复杂的中大型应用,引入状态管理库是"必要的"。 现在热门的状态管理解决方案Redux,MobX相继进入开 阅读全文
posted @ 2019-08-29 16:13 simple-love 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 主要比较参数: 库体积,打包项目体积 开发体验 性能对比 在对比参数前首先分析一下redux和mobx的设计模式,redux和mobx都没有使用传统的mvc/mvvm形式,而且他们使用flux结构也略有不同,这个也是造成redux和mobx各项参数不同的缘由之一。 mvc/mvvm和flux的对比 阅读全文
posted @ 2019-08-29 16:06 simple-love 阅读(1309) 评论(0) 推荐(0) 编辑
摘要: vue-property-decorator这个库完全依赖于vue-class-component,所以在使用这个库之前请先阅读它, 不管啥反正都是装饰器而已 vue-property-decorator 这个组件完全依赖于vue-class-component.它具备以下几个属性: @Compon 阅读全文
posted @ 2019-08-29 15:51 simple-love 阅读(5770) 评论(0) 推荐(0) 编辑
摘要: https://github.com/livelyPeng/wepy-boss-project/blob/master/src/pages/homeModule/activityDetail.wpy#L216 阅读全文
posted @ 2019-08-29 15:31 simple-love 阅读(881) 评论(0) 推荐(0) 编辑
摘要: 应用场景:只要页面加载了,其中在页面中出现的li就向控制台输出第几个发送请求;在本次加载的页面中,再将滚动条滚回前边的li,不再向控制台输出东西,也就是说已经显示过的li,不再向控制台输出东西。 <body><ul><li onclick="jumpOther()">0001</li><li>000 阅读全文
posted @ 2019-08-29 15:30 simple-love 阅读(4236) 评论(0) 推荐(0) 编辑
摘要: 一:微信小程序跳转 使用限制 需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。 需要用户确认跳转 从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消, 阅读全文
posted @ 2019-08-29 15:29 simple-love 阅读(3343) 评论(4) 推荐(0) 编辑
摘要: module.exports = {// 部署应用时的基本 URLbaseUrl: process.env.NODE_ENV 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 -- 阅读全文
posted @ 2019-08-29 15:28 simple-love 阅读(632) 评论(0) 推荐(0) 编辑
摘要: 1. 监听在window/body等事件没有解绑2. 绑在EventBus的事件没有解绑3. 模块形成的闭包内部变量使用完后没有置成null4. 使用第三方库创建,没有调用正确的销毁函数5 . echarts问题: 不要把chart实例赋值在this上。(this对象一直存在不会被回收)析构掉生成的 阅读全文
posted @ 2019-08-29 15:26 simple-love 阅读(9635) 评论(4) 推荐(1) 编辑
摘要: 使用场景举例:接口返回一个数组对象,展示时每行固定显示n个,则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型: let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.leng 阅读全文
posted @ 2019-08-29 10:28 simple-love 阅读(3715) 评论(0) 推荐(0) 编辑
摘要: word-break: break-all; word-wrap:break-word; 强制换行 阅读全文
posted @ 2019-08-29 10:23 simple-love 阅读(1543) 评论(0) 推荐(0) 编辑
摘要: 由于seo的需要,最近将项目移植道nuxt.js下采用ssr渲染 移植完成后,一路顺畅,但是到了要部署到服务器端上时候,还是个头疼的问题,但最终还是顺利完成。现在记录一下部署中的过程。 注:部署时候过程中,参考了下:https://segmentfault.com/a/11... 一:搭建nginx 阅读全文
posted @ 2019-08-29 10:17 simple-love 阅读(4765) 评论(1) 推荐(1) 编辑
摘要: 发现问题 最近在使用 Webpack 打包 css 文件时,发现了一个问题,发现打包后的 z-index 值跟源文件 z-index 不一致。 如下图,左侧是源文件,右侧是打包后的文件: 即使加上 !important,经过 OptimizeCssAssetsPlugin 调用 cssProcess 阅读全文
posted @ 2019-08-29 09:58 simple-love 阅读(556) 评论(0) 推荐(0) 编辑