随笔分类 - js技术
摘要：对于维护过多个package的同学来说，都会遇到一个选择题，这些package是放在一个仓库里维护还是放在多个仓库里单独维护，本文通过一个示例讲述了如何基于Lerna管理多个package，并和其它工具整合，打造高效、完美的工作流，最终形成一个最佳实践 背景 最近在工作中接触到一个项目，这个项目是维
阅读全文
摘要：plopjs是一个基于node js所开发的小工具，主要作用是根据模板代码生成目标代码。 plop对于模板代码的处理选择了 handlebars 作为模板 目的 通过自动化工具减少开发中重复代码的书写 使用举例 新建一容器组件用于展示消息列表，组件名为message 使用plop前 在项目的适当目录
阅读全文
摘要：摘要：打开微信小程序的开发标签，只适用于微信版本7.0.12及以上的微信手机浏览器。 Q: 只有微信手机浏览器才支持打开mp吗？ A: 是的，wx-open-launch-weapp 这个标签应该只有微信浏览器内部定义了。且唤起微信小程序也需要微信的原生支持。 var userAgent = win
阅读全文
摘要：请确保小程序是已认证的非个人主体的小程序，已认证的服务号“JS接口安全域名” 已经绑定。 问题：按照官方文档写的样式没有出现 文档用例： <wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxx" path="pages/home/ind
阅读全文
摘要：Create react App 是一个官方支持的创建 react 单页应用程序的方法。它提供了一个零配置的现代构建设置。虽然开箱即用，但是开发中我们还是少不了做一些修改，下面总结了一些常用的配置，本文基于webpack4.44.2进行配置 关于eject 执行npm run eject命令会将re
阅读全文
摘要：通常情况下我们的 WebApp 是有我们的自身代码和第三方库组成的,我们自身的代码是会常常变动的,而第三方库除非有较大的版本升级,不然是不会变的,所以第三方库和我们的代码需要分开打包,我们可以给第三方库设置一个较长的强缓存时间,这样就不会频繁请求第三方库的代码了。 那么如何提取第三方库呢?在 web
阅读全文
摘要：目前只在安卓上做了测试，IOS不支持 1.开启手机的USB调试功能 点设置-》开发者选项-》USB调试 如果看不到开发者选项，在关于手机中点击内部版本号7次，即出现开发者已启用的提示。 将手机通过USB连接到电脑 2.开启微信手机端调试功能 在微信中点击链接 http://debugx5.qq.co
阅读全文
摘要：最基本的使用 首先，举一个简单的例子： import React, { useState } from 'react'; function App() { const [data, setData] = useState({ hits: [] }); return ( <ul> {data.hits
阅读全文
摘要：React 16 提供一个内置函数 componentDidCatch，如果 render() 函数抛出错误，则会触发该函数。 举个例子 class ErrorBoundary extends React.Component { constructor(props) { super(props);
阅读全文
摘要：create-react-app 安装antd-design 配置antd按需加载 antd 的 JS 代码默认支持基于 ES modules 的 tree shaking。 antd的css按需加载优化： 安装react-app-rewired、customize-cra、babel-plugin
阅读全文
摘要：我们都知道，alert这种内置弹框会阻塞后续代码执行： 之所以如此，就是因为JavaScript代码在浏览器中是单线程执行的。换句话说，浏览器中只有一个主线程负责运行所有JavaScript代码（不考虑Web Worker）。 提到浏览器中的JavaScript，基本上只有三个来源： BOM API
阅读全文
摘要：今天我们就来说说这个callapp-lib 我的接到的需求大概是这样的 如果检测到不是在app里面用webview打开的页面就会显示上面的立即打开按钮, 点击的话会判断是否在微信中, 如果在微信中打开就会显示点击右上角-选择在safari中打开的图片, 然后在浏览器中直接跳转打开app, 跳到app
阅读全文
摘要：一、基础配置 1、init项目 mkdir react-webpack4-cook cd react-webpack4-cook mkdir src mkdir dist npm init -y 复制代码 2、安装webpack yarn add webpack webpack-cli webpac
阅读全文
摘要：electron-vue开发遇到的爬坑过程，遇到了以下几种坑： 1:静态资源目录访问不了，想访问放在static目录下的静态资源，使用express指定静态目录访问不到，解决办法：使用electron-vue配置的__static这个全局变量可以访问到： 2:访问本地目录读写文件，可以在vue文件内
阅读全文
摘要：现在，大部分项目都是用 git 来管理代码的，但当项目变大、多人协作时，git 的使用就变得复杂了，这时就需要在 git 使用的流程上来思考如何更优的使用 git。 对于大部分 web 项目而言，并不像软件、APP 项目一样有版本的划分，而是不断的更新、迭代，这就使得 web 项目的 git 使用要
阅读全文
摘要：1. js 性能优化 js 本身是没有像 python 一样的预编译功能，更没有像 java 一样的编译功能，所以，这里所说的 js 代码预编译 只是通过工具实现的类似功能而已。 这就要提到 prepack 了，它的思路大致是这样： 把不依赖外部环境的逻辑提前进行运算，并把运算结果替换到相应的源码处
阅读全文
摘要：1. 后端模板渲染 前端与后端最初的渲染方式是后端模板渲染，就是由后端使用模板引擎渲染好 html 后，返回给前端，前端再用 js 去操作 dom 或者渲染其他动态的部分。 这个过程大致分成以下几个步骤： 在这个过程中，前端的 html 代码需要嵌入到后端代码中（如 java、php），并且在很多情
阅读全文
摘要：Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。 静态应用部署就不说了，主要说说服务端渲染应用部署。 官方部署方式 关于服务端渲染应用部署，官方文档是这么写的： 部署 Nuxt.js 服务端渲染的应用不能直接使用 nuxt 命令，而应该先进行编译构建，然后再启动
阅读全文
摘要：测试核心 (一) 传统手工测试的局限性 手动测试 软件测试是在规定的条件下对程序进行操作, 以发现程序中的错误, 衡量软件质量, 并对其是否能满足设计要求进行评估的过程, 软件测试的目的是希望以最小的代价尽可能多地找出软件中潜在的错误和缺陷. 首先,测试人员会针对开发人员开发的功能写出测试用例, 例
阅读全文
摘要：流程核心 现在的前端工作流程已经发生了很大的改变, 最开始的Web开发阶段, 一般的工作流程是根据邮件交流来理解客户的需求, 然后通过FTP登录他们的服务器, 对网站代码做必要的修改. 这种做法是非常不成熟的. 如果误解了邮件的内容, 改错了代码, 会发生什么呢? 如果修改了一部分css代码, 导致
阅读全文
浙公网安备 33010602011771号