js技术 - 随笔分类(第4页) - axl234

前端架构设计1：代码核心

摘要：现在的前端领域, 随着JS框架, UI框架和各种库的丰富, 前端架构也变得十分的重要. 如果一个大型项目没有合理的前端架构设计, 那么前端代码可能因为不同的开发人员随意的引入各种库和UI框架, 导致代码量变得异常臃肿, 最终结果可能是代码变得无法维护, 页面性能低下,不得已只能推翻重构. 所以我们需阅读全文

posted @ 2018-08-06 15:02 axl234 阅读(638) 评论(0) 推荐(0)

vue 实站技巧总结

摘要：多个页面都使用的到方法，放在 vue.prototype上会很方便刚接触 vue的时候做过一件傻事，因为封装了一个异步请求接口post,放在 post.js文件里面，然后在每个需要使用异步请求的页面引入 import port from './xxxx/xxxx/post' 复制代码如果只是这样阅读全文

posted @ 2018-07-17 10:18 axl234 阅读(273) 评论(0) 推荐(0)

基于vue-cli项目添加服务端渲染

摘要：1. 我的环境 2. 方式一：使用prerender-spa-plugin插件获得SSR的效果。 2.1 说明 2.2 初始化 2.3 配置 2.4 开始 2.5 优缺点 3. 方式二：使用官方提供的轮子在node端做SSR 3.1 说明 3.2 约束 3.3 准备工作 3.4 开始折腾 3.4 优阅读全文

posted @ 2018-07-06 10:13 axl234 阅读(2244) 评论(0) 推荐(0)

vue.js开发SPA常见问题及解决方法

摘要：列表进入详情页的传参问题。例如商品列表页面前往商品详情页面，需要传一个商品id; <router-link :to="{path: 'detail', query: {id: 1}}">前往c页面</router-link> c页面的路径为http://localhost:8080/#/detai 阅读全文

posted @ 2018-07-05 09:29 axl234 阅读(599) 评论(0) 推荐(1)

vue-worker的介绍和使用

摘要：vue-worker把复杂的web worker封装起来，提供一套非常简明的api接口，使用的时候可以说像不接触worker一样方便。那么具体怎么使用呢？安装 npm i -S vue-worker 注册 import Vue from 'vue'import VueWorker from 'vu 阅读全文

posted @ 2018-07-02 17:13 axl234 阅读(12461) 评论(0) 推荐(2)

vue项目eslint环境配置与vscode配置eslint

摘要：eslint基础环境搭建全局安装eslint：npm install eslint -g 项目eslint初始化：eslint --init，按团队或自己的编程风格回答三道题。 ? How would you like to configure ESLint? Use a popular styl 阅读全文

posted @ 2018-06-07 09:21 axl234 阅读(1980) 评论(0) 推荐(0)

微信小程序开发填坑

摘要：1.模拟器和真机的差异在开发的过程中，在模拟器上表现得好好的，在真机上却出问题的例子数不胜数。譬如动画的使用，cover-view上面使用定位，在模拟器好好的，在真机却错乱等等等等。造成这些错乱主要是pc端和移动端不同的内核导致的。避坑方式：开发过程中，要时不时地用真机也看一下效果。 2.view 阅读全文

posted @ 2018-05-29 10:50 axl234 阅读(665) 评论(0) 推荐(0)

vue项目使用webpack loader把px转换为rem

摘要：下载lib-flexible https://github.com/amfe/lib-flexible 在main.js中引入lib-flexible 安装px2rem-loader https://github.com/songsiqi/px2rem 配置px2rem-loader 在build文阅读全文

posted @ 2018-02-27 16:37 axl234 阅读(986) 评论(0) 推荐(0)

ES6入门基础

摘要：let和const 一、块级作用域 ES5 只有全局作用域和函数作用域，没有块级作用域，这样的缺点是：1.用来计数的循环变量泄露为全局变量。2.内层变量可能会覆盖外层变量输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量 var声明的变量,出了{}依然可以正阅读全文

posted @ 2018-01-31 10:04 axl234 阅读(284) 评论(0) 推荐(0)

react.js map遍历的问题

摘要：React遍历多个Ant Design中的Upload组件时，随意删除任一个Upload出现了bug，依次点击上传图片后，当点击删除时，倒着删除没有问题，从中间和从开头删问题出现了，出现了类似塌方的效果，要删除的Upload元素下面的Upload的元素下面的内容没有了。解决方法：将map遍历中的ke 阅读全文

posted @ 2018-01-31 09:10 axl234 阅读(934) 评论(0) 推荐(0)

create-react-app 使用详解

摘要：快速开始 npm install -g create-react-app create-react-app my-app cd my-app/ npm start 通过http://localhost:3000/查看你的app 使用 npm run build 编译打包程序 npm test 文件修阅读全文

posted @ 2018-01-22 13:41 axl234 阅读(22428) 评论(1) 推荐(4)

vue2.x 路由懒加载优化打包体积

摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个阅读全文

posted @ 2018-01-22 09:51 axl234 阅读(733) 评论(0) 推荐(0)

create-react-app的使用及原理分析

摘要：create-react-app 是一个全局的命令行工具用来创建一个新的项目 react-scripts 是一个生成的项目所需要的开发依赖一般我们开始创建react web应用程序的时候,要自己通过 npm 或者 yarn 安装项目的全部依赖，再写webpack.config.js,一系列复杂的配阅读全文

posted @ 2018-01-11 16:20 axl234 阅读(10797) 评论(0) 推荐(0)

vue2.0 组件化及组件传值

摘要：组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。组件A写法：组件B写法：在父组阅读全文

posted @ 2017-12-19 10:17 axl234 阅读(2560) 评论(0) 推荐(0)

vue全面介绍

摘要：Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js；同时比起 React + Redu 阅读全文

posted @ 2017-12-15 08:50 axl234 阅读(459) 评论(0) 推荐(0)

vue.js 首屏优化

摘要：我们以 vue-cli 工具为例，使用 vue-router 搭建SPA应用，UI框架选用 element-ui ， ajax方案选用 axios, 并引入 vuex ，使用 vuex-router-sync 将 router 同步到 store ，服务器使用本地Nginx服务。构建项目 vue- 阅读全文

posted @ 2017-12-11 10:06 axl234 阅读(807) 评论(0) 推荐(0)

手机前端开发调试利器 – vConsole

摘要：我们在开发手机版网页的时候，常常会出现下面的情景： (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log； (2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。如果说(1)还可以通过电脑连接手机以查看log来解决，那(2 阅读全文

posted @ 2017-11-11 11:24 axl234 阅读(10278) 评论(0) 推荐(0)

ES6模块的import和export用法

摘要：ES6之前已经出现了js模块加载的方案，最主要的是CommonJS和AMD规范。commonjs主要应用于服务器，实现同步加载，如nodejs。AMD规范应用于浏览器，如requirejs，为异步加载。同时还有CMD规范，为同步加载方案如seaJS。 ES6在语言规格的层面上，实现了模块功能，而且实阅读全文

posted @ 2017-11-11 10:50 axl234 阅读(334) 评论(0) 推荐(0)

使用Vuex打开log功能

摘要：vuex是一个比较好用的数据流管理库，可以用统一的流程来处理状态数据，但是，也正是因为这些流程，我们需要打一些log来观察流程是否会出现问题，具体方法如下：我们只需要在开发阶段打开这个log，所以要添加debug字段阅读全文

posted @ 2017-11-09 11:31 axl234 阅读(1942) 评论(0) 推荐(0)

Vue 常见问题汇总

摘要：Q:我给组件内的原生控件添加事件,怎么不生效了!!!   <el-input placeholder="请输入特定消费金额 " @mouseover="test()"></el-input> <! 阅读全文

posted @ 2017-11-08 09:55 axl234 阅读(9029) 评论(1) 推荐(0)

axl234

随笔分类 - js技术

公告