随笔分类 - 框架
摘要：创建项目 使用 create-react-app 工具快速创建 React SPA。 # 创建项目 yarn create react-app my-app cd my-app # 开发模式下运行程序 yarn start 项目初始结构： my-app/ README.md node_modules
阅读全文
posted @ 2020-12-08 12:50
陌路y
摘要：一. WXSS的简单介绍 WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。与 css 相比，WXSS 扩展的特性有： 尺寸单位 样式导入 二. 尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rp
阅读全文
posted @ 2020-12-08 12:48
陌路y
摘要：跨域，前端开发中常常遇到的问题。Angularjs实现跨域方式类似于Ajax，使用CORS机制。以下阐述一下Angularjs中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest：$http用于读取远程server的数据 $http.post(url, data, [
阅读全文
posted @ 2020-12-08 12:46
陌路y
摘要：webpack在build包的时候，有时候会遇到打包时间很长的问题，这里提供了一个解决方案，让打包如丝般顺滑~ 1. 介绍 在用 webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，vue 我们希望能和自己的代码分离开，Webpack 社区有两种方案 Commo
阅读全文
posted @ 2020-12-08 12:44
陌路y
摘要：一.示例代码 wx.request({ url: 'test.php', // 仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success(res) { c
阅读全文
posted @ 2020-12-08 12:43
陌路y
摘要：测试的动机 测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。 测试的动机是有效地提高开发者的自信心。 前端现代化测试模型 前端测试中有两种模型,
阅读全文
posted @ 2020-12-08 12:42
陌路y
摘要：什么是组件 组件（component）就是零件，将零件组装成想要的工具（页面）。 组件是vue.js最强大的功能之一，它可以扩展html元素，封装可重用的代码，通过传入对象的不同，实现组件的复用。 使用组件的好处 组件是可以复用性的 易于维护 有封装性，易于使用 大型项目中降低组件之间重复性 全局组
阅读全文
posted @ 2020-12-08 12:40
陌路y
摘要：废话不多说，之前写小程序碰到了一个问题，如何在 wxml 页面中截取数据？ 1、wxs 取数据想必大家都会，不就是 substring 吗？但是这种方法在 wxml 页面中是无效的。那还有 css 啊，不一样可以做到吗？但是个人觉得 css 复用性太差，暂不考虑。 实在不行就用 js 呗，在获取到数
阅读全文
posted @ 2020-12-08 12:39
陌路y
摘要：前言 开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案 1.改变router-view中的key值 通过改变router-view中的key值，来达到刷新组件的目的 <router-view :key="activeDate"></router-view> th
阅读全文
posted @ 2020-12-08 12:38
陌路y
摘要：React-Redux在项目中的应用 在这里，我就默认大家已经会使用Redux了，它为我们的应用提供一个全局的对象（store）来管理状态。那么如何将Redux应用在React中呢？想一下，我们的最终目的是实现跨层级组件间通信与状态的统一管理。所以可以使用Context这个特性。 创建一个Provi
阅读全文
posted @ 2020-12-06 13:13
陌路y
摘要：前言 Koa 应用程序是一个包含一组中间件函数的对象，它是按照类似堆栈的方式组织和执行的。当一个中间件调用 next() 则该函数暂停并将控制传递给定义的下一个中间件。当在下游没有更多的中间件执行后，堆栈将展开并且每个中间件恢复执行其上游行为。 以上两句话，是我在官方文档中找到其对 Koa 中间件的
阅读全文
posted @ 2020-12-06 13:11
陌路y
摘要：挂载(Mounting) 挂载指的是组件被实例化并插入到dom中 顺序如下: constructor -> getDerivedStateFromProps -> render -> componentDidMount 更新(Updating) 当state变化或者props变化会引起更新 顺序如下
阅读全文
posted @ 2020-12-06 13:05
陌路y
摘要：现有状态管理的问题 我们都知道，react 是单向数据流的，数据只能从外部通过 props 传入，再通过 props 上面传入的回调函数再传出去，直接修改 props 或者上面的对象，不会带来界面的更新，而且会导致数据不可预期。 基于这种单向数据流的 flux 思想，redux 还遵循了函数式编程的
阅读全文
posted @ 2020-12-06 13:04
陌路y
摘要：vue 最佳实践，是参考 vue 官方风格指南并根据过去 Vue 实际项目开发中的经验总结的一套规范建议。本项目的目的是希望每个 Vue 开发者都能尽快熟悉并上手项目代码，志在帮助 Vue 新手开发者及时避免一些不规范的设计和由此而引发的问题。本建议如有不妥之处，敬请指正！非常欢迎有志同道合的开发者
阅读全文
posted @ 2020-12-06 13:03
陌路y
摘要：主题（Subjects） 什么是主题？Rxjs 主题就是一个特性类型的 Observable 对象，它允许值多路广播给观察者（Observers）。当一个简单的 Observable 是单播的（每个订阅的观察者它们自己都依赖 Observable 的执行）时候，主题（Subjects）就是多播的。
阅读全文
posted @ 2020-12-06 13:02
陌路y
摘要：越来越多人开始尝试使用 Typescript 编写他们的 vue 项目，vue 本身也在不断加强对 Typescript 的支持（官方提供 vue-class-component 库、使用 Typescript 编写 Vue 3.0 等），但是对于组件中模板部分的类型检查仍然有很大的局限性。 为此我
阅读全文
posted @ 2020-12-06 13:00
陌路y
摘要：enablePullDownRefresh enablePullDownRefresh是最容易实现下拉刷新的方法，在json文件中将enablePullDownRefresh设置为true，在Page中监听onPullDownRefresh事件即可，支持点击顶部标题栏回到顶部，自定义标题栏时会失效，
阅读全文
posted @ 2020-12-06 12:59
陌路y
摘要：什么是 jsX 要了解 jsX，首先先了解什么三个主要问题，什么事 VDOM，差异更新和 JSX 建模： VDOM，也叫虚拟 DOM，它是仅存于内存中的 DOM，因为还未展示到页面中，所以称为 VDOM var vdom = document.createElement("div"); 上面这一句就
阅读全文
posted @ 2020-12-06 12:57
陌路y
摘要：在开始之前 你的PC需要以下内容： 安装 Node.js version 10.x 或以上版本。可以通过在终端中运行以下命令来验证你是否安装了此版本的Node.js： node -v Visual Studio Code editor （或类似的代码编辑器） 全局安装 vue 的最新版本 Vue C
阅读全文
posted @ 2020-12-06 12:56
陌路y
摘要：写业务时，我们经常需要抽象一些使用频率较高的逻辑，但是除了高阶组件可以抽象逻辑，RenderProps也是一种比较好的方法。 RenderProps，顾名思义就是将组件的props渲染出来。实际上是让组件的props接收函数，由函数来渲染内容。将通用的逻辑抽象在该组件的内部，然后依据业务逻辑来调用函
阅读全文
posted @ 2020-12-06 12:51
陌路y
浙公网安备 33010602011771号