2018年12月25日
Node环境变量 process.env 的那些事儿
摘要： 前言 这两天在和运维GG搞部署项目的事儿。 碰到一个问题就是，咱们的dev，uat，product环境的问题。 因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题。折腾了一下午，查询了各种资料这才把这Node环境变量process.env给弄明白。 下面这就做个问题解决的记录。 阅读全文
posted @ 2018-12-25 14:53 lovollll 阅读(442) 评论(0) 推荐(0) 编辑
前端自动化开发环境
摘要： 前端自动化开发环境 配置前端自动化开发环境，主要功能有： 浏览器自动刷新 1 安装nodejs 去nodejs官网下载最新稳定版本，即LTS版本，Windows环境下下载安装版，否则需要自己手动添加路径到环境变量中。安装成功打开cmd输入： 出现版本号即安装成功。 2 nodejs包管理器 默认安装 阅读全文
posted @ 2018-12-25 14:51 lovollll 阅读(157) 评论(0) 推荐(0) 编辑
JS函数式编程 - 概念
摘要： 最近在看Typescript，顺便看了一些函数式编程，然后半个国庆假期就没有了。做个笔记，分几个部分写吧。 最开始接触函数式编程的时候，第一个接触的概念就是高阶函数，和柯里化。咋一看，这不就是长期用来讲作用域的demo吗？我在日常也有用啊，有啥吗？ 其实呢，设计模式或则编程范式往往不在于技巧，而在于 阅读全文
posted @ 2018-12-25 14:33 lovollll 阅读(187) 评论(0) 推荐(0) 编辑
nodejs request模块用法
摘要： request是服务端发起请求的工具包 1、安装 2、基本用法 默认是GET请求 POST请求 POST form格式上传数据 来源：https://segmentfault.com/a/1190000016610925 阅读全文
posted @ 2018-12-25 14:33 lovollll 阅读(49118) 评论(0) 推荐(0) 编辑
2018年12月22日
使用fast-json-stringify代替JSON.stringify
摘要： 使用JSON.stringify的思考 使用过JSON对象的程序员最常做的一项工作便是，将JSON对象转化为字符串。该字符串的用途很多，例如可以使用在WEB的URL中，在多个页面间进行传递。 对于这个转换过程我们用的太得心应手，所以很少再去思考这中间是否还有需要优化的地方。其实只要稍微深入思考一点， 阅读全文
posted @ 2018-12-22 19:17 lovollll 阅读(461) 评论(0) 推荐(0) 编辑
使用nuxt.js官方脚手架构建koa2的es6编译问题
摘要： 最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢? 这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上 exec babel node 这还不够，因为我们没有去配置 阅读全文
posted @ 2018-12-22 19:15 lovollll 阅读(199) 评论(0) 推荐(0) 编辑
当node升级后导致webpack打包出错，node-saas出问题的解决办法
摘要： 报错信息如下： 解决办法如下： 解释原因：saas是一个日本人搞得ruby语言中使用的一个预编译器，以前使用的时候我们需要安装ruby环境，后来gulp整合了saas也是挺好用的，但是，node saas就需要python环境了，所以很多人又不知道，就升级了node，导致node saas无法使用了 阅读全文
posted @ 2018-12-22 19:14 lovollll 阅读(503) 评论(0) 推荐(0) 编辑
理解nodejs的module
摘要： module 在 Node.js 模块系统中，每个文件都视为独立的模块，node在运行某个模块儿时会生成一个module对象 id为当前文件 exports为当前node文件模块儿导出的值 parent为父级调用，如果为null则该文件没有被调用 filename为当前文件名 loaded是否被加载 阅读全文
posted @ 2018-12-22 19:13 lovollll 阅读(189) 评论(0) 推荐(0) 编辑
简单易用的leetcode开发测试工具（npm）
摘要： 描述 最近在用es6解leetcode，当问题比较复杂时，有可能修正了新的错误，却影响了前面的流程。要用通用的测试工具，却又有杀鸡用牛刀的感觉，所以就写了个简单易用的leetcode开发测试工具，分享与大家。 工具安装 npm i leetcode_test 使用示例1 (问题010) codes: 阅读全文
posted @ 2018-12-22 19:12 lovollll 阅读(150) 评论(0) 推荐(0) 编辑
使用 store 来优化 React 组件
摘要： 在使用 React 编写组件的时候，我们常常会碰到两个不同的组件之间需要共享状态情况，而通常的做法就是提升状态到父组件。但是这样做会有一个问题，就是尽管只有两个组件需要这个状态，但是因为把状态提到了父组件，那么在状态变化的时候，父组件以及其下面的所有子组件都会重新 render，如果你的父组件比较复 阅读全文
posted @ 2018-12-22 19:08 lovollll 阅读(2040) 评论(0) 推荐(0) 编辑
typescript+react+antd基础环境搭建
摘要： typescript+react+antd基础环境搭建（包含样式定制） tsconfig.json 配置 package.json 配置 routes.tsx页面 该页面主要用来配置路由 指定登录页面推荐使用react router dom 里面的各种接口直接继承感觉很方便 简单的业务组件(只为了说 阅读全文
posted @ 2018-12-22 19:07 lovollll 阅读(471) 评论(0) 推荐(0) 编辑
React map生成元素添加点击事件绑定this
摘要： 问题 使用.map(function(Item)生成元素添加onClick事件：onClick={this.provinceChange.bind(this, "99")}时，前台访问报错：Uncaught TypeError: Cannot read property 'provinceChang 阅读全文
posted @ 2018-12-22 19:06 lovollll 阅读(330) 评论(0) 推荐(0) 编辑
我开发中总结的小技巧
摘要： 经过一段时间的react开发，自己总结了一些小习惯，自动构建webpack 1. 组件命名文件夹 一个组件一个文件夹，可读性高，结构清晰 引用 ： webpack能自动识别文件夹内index文件 (index首字母只能小写) React 的 JSX 里约定分别使用首字母大、小写来区分本地模块的类和 阅读全文
posted @ 2018-12-22 19:05 lovollll 阅读(102) 评论(0) 推荐(0) 编辑
重温 Webpack, Babel 和 React
摘要： 开始之前 在书写文章之前，我假设大家已经有了 JavaScript，Node 包管理工具，Linux 终端操作 这些基本技能，接下来，我将一步一步指引大家从头搭建一个 React 项目 最终实现的效果 我们将使用 Webpack 和 Babel 搭建一个 React 应用，我们的目的很清晰，就是 更 阅读全文
posted @ 2018-12-22 19:03 lovollll 阅读(118) 评论(0) 推荐(0) 编辑
2018年12月20日
reactjs scrollTop
摘要： 问题1： 目标： 解决方案： 问题2： 目标： 解决方案： 来源：https://segmentfault.com/a/1190000017439805 阅读全文
posted @ 2018-12-20 20:30 lovollll 阅读(414) 评论(0) 推荐(0) 编辑
jQuery中的工具和插件
摘要： jQuery的工具属性 jQuery类数组操作 length属性 表示获取类数组中元素的个数 get()方法 表示获取类数组中单个元素“括号中填写该元素的索引值” index()方法 表示用过指定类数组中的元素来获取对应的索引值“括号中填写指定元素的选择器” $.makeArray()方法 表示将指 阅读全文
posted @ 2018-12-20 20:27 lovollll 阅读(127) 评论(0) 推荐(0) 编辑
使用 javascript 替换 jQuery
摘要： 使用 javascript 替换 jQuery jQuery 曾风靡一个时代，大大降低了前端开发的门槛，丰富的插件也是前端开发者得心应手的武器库，但是，这个时代终于要落幕了。随着 JS 标准和浏览器的进步，jQuery 的很多精华被原生 JS 吸收，我们直接使用原生 API 就可以用类似手法来处理以 阅读全文
posted @ 2018-12-20 20:24 lovollll 阅读(217) 评论(0) 推荐(0) 编辑
几个非常实用的JQuery代码片段
摘要： jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它 阅读全文
posted @ 2018-12-20 20:23 lovollll 阅读(99) 评论(0) 推荐(0) 编辑
分析ajax请求过程以及请求方法
摘要： ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。据小编FQ了解到，ajax很早就有了，只不过那时候都不用它，后来谷歌把它用在谷歌地图上，人们感觉使用起来很方便，而且页面不用刷新， 阅读全文
posted @ 2018-12-20 20:22 lovollll 阅读(259) 评论(0) 推荐(0) 编辑
使用mpvue开发github小程序总结
摘要： 前言 最近有点闲，想起关注已久的mpvue写小程序，所以稍微肝了半个多月写了个github版的微信小程序，已上线。现在总结一下遇到的坑。 扫码体验、 项目地址、https://github.com/cheesekun/wx github mina坑 scroll view 高度 可滚动视图区域。使用 阅读全文
posted @ 2018-12-20 20:18 lovollll 阅读(161) 评论(0) 推荐(0) 编辑
Element UI table组件源码分析
摘要： 本文章从如下图所示的最基本的table入手，分析table组件源代码。本人已经对table组件原来的源码进行削减，源码点击这里下载。本文只对重要的代码片段进行讲解，推荐下载代码把项目运行起来，跟着文章的思路阅读。 思路 table、table header、table body、table colu 阅读全文
posted @ 2018-12-20 20:16 lovollll 阅读(372) 评论(0) 推荐(0) 编辑
使用web-component搭建企业级组件库
摘要： 组件库的现状 前端目前比较主流的框架有react，vuejs，angular等。 我们通常去搭建组件库的时候都是基于某一种框架去搭建，比如ant design是基于react搭建的UI组件库，而elementUI则是基于vuejs搭建的组件库。 虽然目前社区有相关工具，提供框架之间的转化服务，比如讲 阅读全文
posted @ 2018-12-20 18:19 lovollll 阅读(1963) 评论(0) 推荐(0) 编辑
vue项目开发过程常见问题
摘要： 更新时间：2018 07 29 1.data functions should return an object 2.我给组件内的原生控件添加事件,怎么不生效了 3.我用了 axios或ES6promise新特性, 为什么 IE 浏览器不识别(IE9+) 4.跨域问题No 'Access Contr 阅读全文
posted @ 2018-12-20 18:09 lovollll 阅读(193) 评论(0) 推荐(0) 编辑
vue权限路由实现方式总结
摘要： 使用全局路由守卫 实现 前端定义好路由，并且在路由上标记相应的权限信息 全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上 阅读全文
posted @ 2018-12-20 18:08 lovollll 阅读(233) 评论(0) 推荐(0) 编辑
2018年12月19日
关于父组件通过v-on接收子组件多个参数的一点研究
摘要： 写组件的时候遇到一个需求，我需要在子组件向父组件传递信息 在父组件使用v on来接收 这样就可以接收到子组件传递的信息1和信息2，easy。 但我需要在内联语句中传递一个额外参数，平时子组件只附带一个参数的时候，可以使用$event 但是$event只接收第一个参数，也就是这么写只能接收到信息1 最 阅读全文
posted @ 2018-12-19 19:55 lovollll 阅读(213) 评论(0) 推荐(0) 编辑
vue使用flexible和px2rem实现移动端适配
摘要： 首先下载flexible.js和px2rem 对webpack进行配置。进入build文件夹对utils.js中的postcssLoader做如下修改 然后在vue loader.conf.js中的module.exports里添加 remUnit后的数字为设计稿宽度的十分之一之后在全局引入flex 阅读全文
posted @ 2018-12-19 19:53 lovollll 阅读(367) 评论(0) 推荐(0) 编辑
vue的table组件
摘要： 一个vue table的组件 说明： 1.基于element ui开发的vue表格组件。 功能: 1.支持树形数据的展示 2.行拖拽排序 3.单元格拖拽排序 github 使用方法： 1.下载npm包: 你的VUE项目的根目录底下运行： npm install ele table <templ 阅读全文
posted @ 2018-12-19 19:52 lovollll 阅读(7886) 评论(0) 推荐(0) 编辑
element-ui表格列金额显示两位小数
摘要： 对于金额的显示，大多情况下需要保留两位小数，比如下面的（表格采用 element ui）： 在vue.js中，对文本的处理通常是通过设置一系列的过滤器，过滤器可以用在两个地方：双花括号插值 和 v bind 表达式 (后者从 2.1.0+ 开始支持)。 定义过滤器 toFixed() 方法可把 Nu 阅读全文
posted @ 2018-12-19 19:48 lovollll 阅读(1261) 评论(0) 推荐(0) 编辑
【vue-cli 3.0】 vue.config.js配置 - 路径别名
摘要： 如何配置vue cli 3中vue.config.js的路径别名？ 前段时间更新电脑重装了一下vue cli，发现了vue cli已经更新到3.0版。用来搭建项目后发现简化了很多，而且配置文件现在可以全部统一在vue.config.js中，很方便有没有，从此以后一个配置文件走遍公司大小项目，妈妈再也 阅读全文
posted @ 2018-12-19 19:36 lovollll 阅读(432) 评论(0) 推荐(0) 编辑
vue常用操作及学习笔记（路由跳转及路由传参篇）
摘要： 路由跳转 超链接方式跳转 html： <div id="app"> <h1>Hello App!</h1> <p> <! 使用 router link 组件来导航. > <! 通过传入 属性指定链接. > <! <r 阅读全文
posted @ 2018-12-19 19:33 lovollll 阅读(159) 评论(0) 推荐(0) 编辑
vue+axios 对restful 请求封装
摘要： 礼拜天来公司整理项目，项目是最近开始重构的，里面的各种http请求接口是restful结构的（为了提升项目的比格），整理一下笔记 封装好的axios请求如下：1.在相应的api文件中定义方法（如下是goods中的删除商品分类的方法） 2.在需要的vue界面调用 这里由于封装的时候将axios封装为P 阅读全文
posted @ 2018-12-19 19:30 lovollll 阅读(927) 评论(0) 推荐(0) 编辑
Vue 实现展开折叠效果
摘要： Vue 实现展开折叠效果 效果参见：https://segmentfault.com/q/1010000011359250/a 1020000011360185 上述链接中，大佬给除了解决方法，再次进行总结，方便以后使用。 除了使用jQuery的方式实现上述效果，同样可以在Vue实现，下面是解决办法 阅读全文
posted @ 2018-12-19 19:07 lovollll 阅读(2308) 评论(0) 推荐(0) 编辑
vue-cli3.0 资源加载的优化方案
摘要： 20180829 更新 今天反复试了，不用区分 测试环境还是 生产环境，统一都用 cdn 就可以了 背景 之前自己搭建了一个 vue + tp5.1 的后台项目（https://segmentfault.com/a/11...），坑很多，其中一个就是资源加载的方案，由于是后台项目，之前一直没放在心上 阅读全文
posted @ 2018-12-19 19:04 lovollll 阅读(425) 评论(1) 推荐(0) 编辑
vue 根据数组中某一项的值进行排序
摘要： 一、前言 我在vue项目中遇到了一个表格排序的需求，根据某一项的值的大小从大到小调整数组顺序。 二、代码 表格大概是这个样子，样式和图片在代码中简化了。 1. 排序方法 这里用到的是数组的sort方法，这个方法有一个需要注意的地方，就是不传参数的话，将按字母顺序对数组中的元素进行排序，说得更精确点， 阅读全文
posted @ 2018-12-19 18:12 lovollll 阅读(1755) 评论(0) 推荐(0) 编辑
2018年12月18日
Vue项目中出现Loading chunk {n} failed问题的解决方法
摘要： 最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现，有的不会，用模拟器不会出 阅读全文
posted @ 2018-12-18 19:40 lovollll 阅读(1898) 评论(0) 推荐(0) 编辑
顶级测试框架Jest指南：跑通一个完美的程序，就是教出一群像样的学生
摘要： facebook三大项目：yarn jest metro，有横扫宇宙之势。 而jest项目的宗旨为：减少测试一个项目所花费的时间成本和认知成本。 ——其实，它在让你当一个好老师。jest文档非常简略、难以阅读， 因此才有了这篇文章。 jest是vue、react和vue cli技术栈的重要一环，也是 阅读全文
posted @ 2018-12-18 19:39 lovollll 阅读(323) 评论(0) 推荐(0) 编辑
实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)
摘要： 做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点 1.npm安装 导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))： 注册组件： template使用 2 阅读全文
posted @ 2018-12-18 19:38 lovollll 阅读(830) 评论(0) 推荐(0) 编辑
vue自定义全局公共函数
摘要： 单独零散的函数 在main.js里进行全局注册 Vue.prototype.ajax = function (){} 在所有组件里可调用 this.ajax() 多个函数定义在一个对象里 来源：https://segmentfault.com/a/1190000016403356 阅读全文
posted @ 2018-12-18 19:37 lovollll 阅读(499) 评论(0) 推荐(0) 编辑
vue轮播图插件之vue-awesome-swiper
摘要： 移动端轮播图插件，在使用iview图形界面插件中的carousel组件无法实现触摸滑动后，转而使用vue awesome swiper插件 1.npm安装 我这里安装的是下面的这个版本 2.使用 全局导入： 组件引入 在template中使用 data中配置 3.遇见的问题 这个插件，在图片只有一张 阅读全文
posted @ 2018-12-18 19:36 lovollll 阅读(224) 评论(0) 推荐(0) 编辑
(实现)vue.js最简实现
摘要： Vue.winward.js vue.js最简实现(the most simple vue.js) 让所有人都看得懂Vue原理建议看完Vue.winward.js后，结合mpvue源码解读单页应用路由实现没那么难 Vue,再看一遍Vue源码 Mind vue.js是一个响应式库，在这里我将它剖开: 阅读全文
posted @ 2018-12-18 19:36 lovollll 阅读(130) 评论(0) 推荐(0) 编辑