- 博客(97)
- 收藏
- 关注
原创 vue watch的详细用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: '' }, watch: { cityName(newName, oldN...
2019-08-20 11:02:56 2668
原创 css 单位px怎么统一换upx
安装这个px转换upx的插件就可以继续在项目中使用px单位,编译时会自动转换upxnpm i postcss-px2upx -D安装完后配置一下postcss.config.jsconst pkg = require('./package.json')module.exports = { plugins: [ require('postcss-import'), ...
2019-07-27 16:42:03 5276
原创 npm install报错Unhandled rejection RangeError: Maximum call stack size exceededill install
故障在使用npm install下载依赖的时候报错Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree原因新版本nodejs与npm最新版本出现不兼容处理方式给npm降级npm install -g npm@5.4.0重新执行npm install未见...
2019-05-10 16:52:05 2099
原创 eslint
'no-console''no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off'
2019-05-05 10:29:44 248
原创 小程序云开发获取不到数据库的记录
问题描述尝试小程序使用云数据库获取记录,进行调试的时候,控制台结果一直返回这个,如图:代码如下wx.cloud.init();const db = wx.cloud.database()Page({ data: { }, //加载数据 onLoad:function(){ // collection 方法获取一个集合的引用 db.col...
2019-04-18 10:10:49 957
原创 webpack4 css样式抽离 且支持热重载extract-css-chunks-webpack-plugin 服务端渲染
HMR:它还拥有对所有这些css文件/块的热模块替换的一流支持! 可缓存的样式表 与“render-path”css-in-js解决方案相比发送的最小总字节数,包括JS中的CSS定义 比V2快! 异步加载 没有重复的编译(性能) 更容易使用 特定于CSS SSR友好的开发构建,专注于前端DX 与Universal系列无缝协作 作为一个独立的样式加载器非常有用(你可以将它用于任何...
2019-04-13 08:51:59 3889
原创 React.Component与React.PureComponent的区别
React.PureComponent 与 React.Component 几乎完全相同,但 React.PureComponent 通过prop和state的浅对比来实现 shouldComponentUpate()。如果React组件的 render() 函数在给定相同的props和state下渲染为相同的结果,在某些场景下你可以使用 React.PureComponent 来提升性能。...
2019-04-06 21:01:00 3177
原创 微信小程序路由跳转
路由方式 触发时机 路由前页面 路由后页面 初始化 小程序打开的第一个页面 onLoad, onShow 打开新页面 调用 APIwx.navigateTo或使用组件<navigator open-type="navigateTo"/> onHide onLoad, onShow 页面重定向 调用 API...
2019-03-31 21:08:30 284
原创 antd from验证input框只能输入数字
antd from验证input框只能输入数字问题:Input框中如果只能需要输入Id,也就是数字型字符串,需要进行验证。解决办法对其进行实时正则验证<Form.Item label='ID' > { getFieldDecorator('id', { rules:[{ requir...
2019-03-28 14:42:46 7007 1
原创 create-react-app@2.x 配置 less 与 antd
配置lessnpm run eject弹出webpack配置文件npm i less less-loader -D安装 less 以及 less-loader在webpack中进行配置,与1.x相比较,2.x对css loader这一块做了提取,抽出了一个方法,如下// common function to get style loaders// 第一个参数代表配...
2019-03-13 09:56:45 444
原创 React prop-types 数据检测
npm install --save prop-typesimport React from 'react';import PropTypes from 'prop-types'; // ES6lass MyComponent extends React.Component { render() { // ... do things with the props }}...
2019-03-02 17:51:08 193
原创 node express post 数据 切返回数据 隐藏不必要的数据
Router.post('/login', function(require, response) { const { user, pwd } = require.body; User.findOne({user, pwd: md5Pwd(pwd)}, {pwd: 0, _id: 0, __v: 0}, function(err, doc) { if (!doc) { ...
2019-02-25 22:22:08 313
原创 node 使用utility实现字符串加密
使用utility第三方模块实现对字符串的加密utility有两个很重要的方法,一个是sha1,一个是md5,通常使用他们对字符串进行加密处理。pm install utility --saveapp.js var express=require("express");var utility=require("utility");var app=express();ap...
2019-02-25 21:28:27 494
原创 Node自动重启工具 nodemon
为什么要使用在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,我们可以使用nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。如何使用nodemon下载cnpm install -g nodemon使用var express = require("express")var app ...
2019-02-18 19:42:07 1420
原创 react项目的组件库antd-mobile
1.antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库,这个组件库拥有很多使用的组件,下面我来介绍一下他的用法:2.按照官网http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步骤:npm install antd-mobile@next --save 3.在你的项目中的package.json文件里会...
2019-02-16 19:21:24 6806
原创 React react-redux 使用装饰器优化 connect代码
1.使用的是React官方提供的脚手架,要先执行 npm run eject 弹出个性化配置;2.安装插件 npm install babel-plugin-transform-decorators-legacy --save-dev;3.Package.json 里 babel 加上 plugins 配置;"babel": { "presets": [ "react-app...
2019-01-17 17:27:40 203
原创 React 高级组件 import() 按需异步加载 asyncComponent
import()方法返回的是一个Promise,Promise的返回值只能通过then()来读取,所以你会发现官方的3种使用场景全都是在then()里面操作。asyncComponent.jsximport React, { Component } from 'react';const asyncComponent = (importComponent) => { retu...
2019-01-12 10:52:04 8173
原创 React react-router 4.0 路径添加可选参数、获取history信息实现JS跳转
4.0 中参数后面加问号,表示可选参数: import { HashRouter, Route, Switch } from 'react-router-dom';class App extends Component { constructor() { super(); } render() { return ( <HashRouter&g...
2019-01-01 11:34:49 2369
原创 React.js 轮播图 react-swipe
我下载的版本是5.1.1 因为最新的版本 用的时候发现了问题 没有用npm install react-swipe@5.1.1 --saveimport React from 'react';import ReactSwipe from 'react-swipe';import './style.less';class Category extends React.Compo...
2018-12-26 19:59:43 7902
原创 npm 如何管理依赖包版本自动更新问题
锁定包版本 npm shrinkwrap或者一直使用npm下载,自动生成 package.lock.json
2018-12-24 22:32:59 5248 1
原创 React.js create-react-app 实现热更新效果 !! 状态值保存
这是开始使用单页React应用程序的一种快速而简单的方法,我希望它会受欢迎,因为它已经在不到一天的时间内在GitHub上获得了超过2000颗星!重点是零配置,让您专注于编写应用程序。作为一个喜欢整个Babel / Webpack配置舞蹈的人来建立一个新项目,我仍然认为这很神奇,因为在开始一个新项目时我很容易陷入“分析瘫痪”。这允许您刚刚开始,当分支出来并添加更多配置时,您可以运行npm run...
2018-12-24 21:45:12 4352 1
原创 React 最简单的安装React Devtools调试工具
在运行一个react项目的时候浏览器控制台会提醒你去安装react devtools调试工具Download the React DevTools for a better development experience: https://fb.me/react-devtools记录下我安装React Devtools调试工具的步骤: 1、去git上下载react-devtools文件到...
2018-12-21 20:45:53 3000 1
原创 React.js 实现页面代码分割、按需加载 —— react-loadable 实现路由代码分割
最近在学习react,之前做的一个项目首屏加载速度很慢,便搜集了一些优化方法,react-loadable这个库是我在研究路由组件按需加载的过程中发现的。 import() 是es6的一种异步加载的方法。npm i react-loadable --saverouteMap.jsx import React from 'react';import {Router, Route, ...
2018-12-21 14:44:31 1107
原创 vue Vuex 使用 state getters、mutations、actions、modules
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用: <!DOCTYPE html><html lang="en">...
2018-12-16 21:08:43 814
原创 js for循环删除数组元素 splice
let index = [0, 5, 7];// index 指定要删除的数组下标 docu.cartList// 数组的长度已经缓存下来 不会随着删除后去改变for (let i = index.length - 1; i >= 0; i--) { docu.cartList.splice(index[i], 1);}// 错误写法 (删除一个后, 数组长度会重新计算)f...
2018-12-16 14:22:06 2311
原创 node.js mongoose 分页查询
router.get('/', function (request, response, next) { let page = parseInt(request.query.page); let pageSize = parseInt(request.query.pageSize); let sort = parseInt(request.query.sort); ...
2018-12-15 19:23:23 1887
原创 node.js 使用mongoose 批量修改数组里的字段
// 修改购物车数据的checkedrouter.post('/editCheckAll', (req, res, next) => { let userId = req.cookies.userId; let checkAll = req.body.checkAll ? '1' : '0'; User.findOne({userId: userId}, (err...
2018-12-14 20:22:39 2378
原创 node.js express mongoose 更新一条数据
// 修改购物车数据router.post('/cartEdit', (req, res, next) => { let userId = req.cookies.userId; let productId = req.body.productId; let productNum = req.body.productNum; User.findOneAnd...
2018-12-08 19:48:24 1124
原创 node.js express mongoose 删除一条数据
router.post('/cart/del', (req, res, next) => { let userId = req.cookies.userId; let productId = req.body.productId; console.log(userId) console.log(productId) User.findOneAndUpdate({us...
2018-12-07 22:38:33 1117
原创 vue报错:There are multiple modules with names that only differ in casing.
client?b35b:147 ./src/utils/edit3d/ServerCabinet.jsThere are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other ca...
2018-12-07 10:16:41 2294
原创 node express post 传参
前端如果自己二次封装axios的话:headers = {'Content-Type': 'application/json;charset=utf-8'}// 记得将这句话写完整 不要忘记一个字 不然服务端是获取不到你发送的数据的 会超时报错后端app.jsvar bodyParser = require('body-parser');app.use(bodyPars...
2018-12-02 19:38:02 1011 3
原创 Node cors 跨域
node后端处理跨域问题 cnpm install cors --save let cors = require('cors');let corslet = cors({ // 应许改域访问 origin: ['http://localhost:8080'], // 允许状态为200 optionsSuccessStatus: 200, // 只应...
2018-12-01 18:36:15 1008
原创 Node应用的进程管理器 PM2
pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的,下面我们来看pm2常用的命令用法介绍吧。PM2 (github上的源码)是开源的基于Nodejs的进程管理器,包括守护进程,监控,日志的一整套完整的功能,基本是Nodejs应用程序不二的守护进程选择,事实上它并不仅仅可以启动Nodej...
2018-12-01 15:45:18 191
原创 Vue 点击对应的元素改变class
<div class="filter stopPop" id="filter"> <dl class="filter-price"> <dt>Price:</dt> <dd v-on:click.stop="price
2018-11-26 21:07:13 3066 2
原创 Vue static 静态资源路径 和 style问题
// Paths assetsRoot: path.resolve(__dirname, '../dist'), // 静态资源输出到二级目录下 assetsSubDirectory: 'static', // 静态资源cdn地址 assetsPublicPath: '/',引用的时候可直接,不用返回上一级去查找,因为编译输出后的 static...
2018-11-26 19:47:27 4197
原创 javascript ES6 Promise 用法
let checkLogin = () => { return new Promise((resolve, reject) => { let flag = document.cookie.indexOf('userId') > -1 ? true : false; if (flag = true){ resolve({status: 0, res...
2018-11-25 20:25:33 113
原创 javascript es6 参数扩展
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>es6</title></head><body><h2>
2018-11-25 19:59:59 460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人