本文实例讲述了微信小程序封装的HTTP请求。分享给大家供大家参考，具体如下： 微信小程序里自己封装了请求的函数，但几乎每个页面都要用到，所以为什么更方便的调用，再一次进行封装。 在app.js里面定义个全局对象，这样想要用到该函数，只需要在该页面的js文件里面，请求一个app实例。 废话不多说，先上代码： //全局对象httpClient httpClient:{request:function(method,url,data){//返回一个promise实例return new Promise( (re...
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。原先的环境 项目原先通过Vue-cli 2.9.3 版本构建，原先使用的webpack 3.x版本首先需要对基础包进行更新(package.json)webpack 更新到4.x版本，泡面这里更新到了4.28.3更新webpack-dev-server，泡面更新到了3.1.14版本,安装webpack-cli，泡面安装的是3.2.1版本除了上面的这几个，...
一. 原以为升级vue-cli3的路线是这样的： 创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录 src->src static->public对比新旧 package.json ，然后 yarn install ，完毕。然鹅... 运行项目，报错 You are using the runtime-only build of Vue...... ： 然后去查了下旧项目的相关字眼文件：噢，原来是vue-cli3的webpack相关文件都得自己写。于是乎根据官网的指引，在根目录创建了 vue.config.js 此时粗略配置：chainWebp...
本文实例讲述了jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法。分享给大家供大家参考，具体如下： 项目描述：九宫格的跑马灯抽奖特效，抽中奖品1-9的概率分别是2%，2%，4%，1%，12%，1%，8%，70%，概率总计100%，并且每天抽奖次数最多为3次。html部分的代码和css部分的代码和上一节《jQuery移动端跑马灯抽奖特效》一样，没有修改，js部分有修改，增加了概率。 原理很简单，同样是取随机数，判断这个随机数的大小在100的...
喜大普奔，Nuxt终于正式发布2.0了，最近趁热把博客从1.4升级到了2.0，并且用Typescript重构了下，可以点Jooger.me看下，在升级Nuxt过程中出现了一个小问题关于release 2.0的公告可以查看官网的Release Notes以及官方的Demo，升级过程十分简单，基本不需要什么迁移成本，所有npm命令都跟以前一样，只需要把一些关联包升级一下即可今天出现的问题是这样的，随着nuxt升级，webpack和vue-loader也分别升级到了4和15，升级过后，报了如下...
之前看到各大公众号都在狂推 webpack 新版发布的相关内容，之前就尝试了升级，由于部分插件的原因，未能成功，现在想必过了这么久已经可以了，今天就来试一下在我的项目中升级会遇到哪些坑。 查阅更新日志 在安装更新之前，先大致浏览了一下更新日志，对大部分用户来说迁移上需要注意的应该就是这些点： 在命令行界面运行打包指令需要安装 webpack-cli ；打包需要指定打包模式 production or development ，在不同模式下会添加不同...
好久不看 webpack 已经从 3到4了，其实很早到今年2月份就开始发布 webpack 4 的 beta 版本； 每一次 webpack 的升级都还是建议阅读下 《webpack 4: released today! - Sean T. Larkin》。你需要明白，为什么 webpack又要迭代一个新的里程碑，以及带了什么新的特性； 这里简单总结下: Faster！！！ Webpack 在 bundle bundle 的时间会缩短至少 60 个点，最高可以到 98%; (我们似乎可以节省一些时间去这些事情)Mode 增加了新的属性，...
使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生 在使用 vue-router 的时候，需要看看自己是否装了这个依赖，没有的话可以使用 npm install vue-router -S ，不过现在构建vue项目时有可以选择是否安装 vue-router，大家注意一下就行了 一、路由的配置 自动安装的vue-router，会在src 文件夹下有个一个 router -...
前面的话本文将详细介绍从webpack3到webpack4的升级过程 概述相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除，新增的optimization使用简单 在未来，CSS、HTMl和文件都会成为原生模块 【0配置】 webpack4 设置了默认值，以便无配置启动项目 entry 默认值是 ./src/output.path 默认值是 ./distmode 默认值是 production【模块类型】 webpack4提供了5种模块类型 json: 可通过...
几天前webpack发布了新版本v4.0.0，其中做了很多改动，包括0配置以及移除了CommonsChunkPlugin等。由此而来的还有之前webpack3.x的项目如何迁移到新的webpack版本，本文就一个新的vue-cli创建的基于webpack的项目进行迁移。 题外话：不要看0配置是很有噱头，基本是不能满足大部分用户啊的需求，不过加入了更多的默认配置确实也方便了用户，配置相对简单，是一种开箱即用的方式。毕竟之前parcel的0配置确实抢了很多webpack的风头，然...
webpack4版本也出了很久了 之前弄过一段时间的升级 后面因为种种原因搁浅了 今天有硬着头皮升级了一波 yeah 还好升级成功了 先贴一波原先webpack3的github配置 ps（我只是一个菜鸡= = webpack的配置很辣鸡 ）废话少说 开撸 1 webpack升级到4.0版本并且安装webpack-cli yarn add webpack-cli global<br>yarn add webpack-cli -D如果不对webpack-cli进行安装的话会报错 如下：The CLI moved into a separate package:webpack-cli. Pl...
Mac环境 第一步，先查看本机node.js版本： $ node -v第二步，清除node.js的cache： $ sudo npm cache clean -f第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 “n” $ sudo npm install -g n第四步，安装最新版本的node.js $ sudo n stable第五步，再次查看本机的node.js版本： $ node -v如图以上这篇Node 升级到最新稳定版的方法分享就是小编分享给大家的全部内...
webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。新特性0配置 应该是parcel出来以后，webpack团队意识到其配置确实有点复杂，不太容易上手。so, webapck4 开始支持0配置启动。不过，万变不离其宗，webpack4的0配置也只是支持了默认entry 和 output而已，即默认entry为./src,默认output为/dist。 模式选择mode mode有两个可选...
又是很久不写博客了，最近在用蚂蚁金服的ant-design-pro写毕设，写着写着写不下去了，很多东西都不理解，不得不说大神写出来的东西都是需要花学习成本的，或者底子好，对于React新手来说就有点难了。所以就老老实实的认真看了下Redux到底如何使用，在这里推荐一下自己最近在看的书，写的算是比较详细的：《深入React技术栈》。废话不多说，今天就分享下自己如何使用redux来实现一个todoList的，希望对想要用redux的你会有所帮助。 ...
前言 由于 webpack3升级后，新增了 Scope Hositing（作用域提升） 功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下： 测试目标 以下数据是2天随机时段3部手机各2组数据，每组数据都是30次取平均值，为了测试js的解析能力，排除了网络请求的影响 平台：M5 Note Build/MRA58K系统：android 6.0时间beforeafter2017-08-10 13:009205112017-08-11 11:10915543 平均提升：4...