【重跳坑指南】使用uniapp中的nvue结合weex开发APP

参考文档: uniapp使用Weex/nvue的注意事项weex官方文档v3引擎更新文档Nvue 首页快速启动模式文档作为一个有一年经验的uniapp的开发者,自从脱坑老老实实做web前端,已经蛮久没有使用dcloud家的东西,由于今年的工作计划中,uniapp仍然占据着主导的地位,便老老实实的看看uniapp最近半年的更新文档,映入眼帘的就是v3引擎和一个fast极速启动的功能,下面会简单的提到我重新踩坑过程。写在前面本文需要一定的uniapp基础和必备的vue基础在之前的开发中,并没有使用到nvue这个基于原生渲染的app页面,所以在计划中,nvue将会被app的组件/复杂计算较多的页面使用,采用vue+nvue结合的方式,所以我希望在功能开始之前,尝试一下所谓的v3引擎和fast启动有多么厉害fast模式fast模式必须使用v3引擎,它能够让app启动时视图层不再等待服务层加载完毕,即可以同时渲染,所以在启动fast模式时,能肉眼直观的感觉到此模式有多么的快速,但是在nvue首页请避免采用vuex和使用getApp()方法,因为service层此时不一定初始化完毕。v3引擎...

用webpack从0搭建一个简洁轻量vue脚手架

前情提要:本文需要有一定的webpack,npm基础哟前几天,日常搬砖的我突然想到,前端工程化将编码的工作变得简单,但是我们并没有深究其根本去研究它们是如何运作的,比如vue-cli是vue项目开发用的非常多的脚手架工具,最新版本3是基于webpack4来开发的,巧了,最近一直再寻找webpack训练题材的我想到了一个很好的办法,我们可以自己通过webpack4来搭建一个vue-cli项目话不多说,我们从0开始;1. 准备一个空项目npm init 然后根据提示设置项目名称等等,然后我们安装webpack npm i webpack webpack-cli -s-d 安装成功后,我们需要建立一个目录【build】,在这里面我们存储3个文件,一个是webpack开发配置,一个是线上配置,一个是抽象出来的公共配置,为了我们能够将配置文件一次到位,我们需要安装很多很多的插件,我们一步一步来2. 整合webpack的多个配置文件1. 新建webpack.common.js 引入一些node的核心模块const path = require("path"); 通过mod...

重点复习:60-111天的面试题

写在前面,很久没有整理面试,笔试题了,这次准备了2个月的题,理论来讲是一天3道,一共是180道题,我们这篇文章会自动跳过一些之前说过的题,尽量挑重要的整理src、href、link的区别是什么?src:指的是指向资源,比如srcipt和img标签使用src来表达资源路径href:指的是指向路径,比如a标签,表达了跳转的路径link:指的是css中的link,用来表达层叠样式表的资源路径这三者都不受同源限制影响多维数组扁平化1. arr.toString().split(","); 2. arr.flat(Infintity); // 多维转换,参数表示正无穷,写1就是只转换一维,写2转换2维...... 3. return arr.reduce((prev, current) => { return prev.concat(Array.isArray(current) ? 递归函数(current) : current) },[]) 有用过HTML5的webSQL和IndexedDB吗?说说你对它们的理解没有用过,但是websql是被废弃的,现...

Webpack: 从9个方面对打包速度提升(和Node.js的美好碰撞)

从技术手段上提高打包速度跟上技术的迭代(升级node,npm或者yarn),因为webpack是基于node的,node的升级对webpack性能也会有提升,npm中很多的依赖包存在升级,那么对打包的速度也是有提高的在尽可能少的模块上应用loader,loader的使用会对更多的文件去解析,所以在配置文件中,比如要把node_modules中的文件进行排除,因为可能依赖项已经被打包过,再打包一遍会更浪费事件关于plugins的使用,尽量使用社区/官方推荐或者非常流行的插件,因为通常这类插件的稳定性和易用性得到了大多数人的认可,而第三方公司或者私人的插件可能会造成对项目优化不友好的地方所以尽量避免使用plugins通过resolve配置来提升打包速度webpack中的resolve可以帮助我们引入第三方模块或者组件的时候,可以能够更方便的引入,比如通常在写vue的时候import commonHeader from "../components/commonHeader"不用指定其组件的后缀“vue”就可以找到,那么vue-cli是如何做到的呢,webpack配置就是如下:reso...

我赌你还没有入坑js数组方法 “Reduce”,真香~

这段时间一直没有更新文章,实在是有点忙,所以以后基本都会每周周更,文章其实就是自己学习的一个成果展示,并不是什么科普文章哟今天我们来聊聊reduce,之前呀我们在写业务的时候,循环非常喜欢forEach, for in,map等循环api,但是reduce和这些有什么区别呢,其实reduce循环和刚刚提到这几个循环作用都是一样,但是适用于场景也不一样,它能干其他循环干的了的,也能干其他循环干不了的,还有一个很好的优点就是:很装逼~~, 而且reduce毕竟是高阶函数,在公司中合适的用到它,也能适当提示代码质量。我喜欢用例子去解决一个知识点,所以我们从例子出发let arr = [1, 2, 3, 4, 5]; let result1 = arr.reduce((prev, current, index, arr) => { console.log(prev, current, index, arr); return prev + current; }); console.log("最后结果:" + result1); 这是一个数组值求和的例子,r...