- 博客(27)
- 收藏
- 关注
RSS订阅原创 如何在mac上配置hosts域名映射
终端里输入下面的命令：vim /etc/hosts一番操作之后通过:wq保存（如果提示readonly，请使用:wq!），发现报错意思是不能保存。原因是权限不够，普通用户用vi 进行不了保存，需要使用超级用户才可以so这样：命令：sudo su 转换成超级用户然后 vim /etc/hosts 打开hosts文件，直接修改修改完成后，:wq 直接保存，再打开刚添加到hosts的域名，发现能正常访问了，over!参考url：http://c.biancheng.net/vie
2020-10-09 14:49:29
2650
转载 2020-09-16
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。一：自动设置根节点html的font-size因为rem单位是相对于根节点的字体大小的，所以通过设置根节点的字体大小可
2020-09-16 01:15:02
190
原创 react如何给孙子组件传参
在一个典型的 React 应用中，数据是通过 props 属性由上向下（由父及子）的进行传递的，如果组件套的很深的话，这样传递就非常恶心了。解决办法一般有两种：1.Redux把需要传递的数据放到store里，在需要用到的组件通过this.props获取2.通过 Context 传递传递属性或方法的爷爷组件import React from 'react';import PropTypes from 'prop-types';export default class TeacherManage
2020-05-26 21:50:58
1084
原创 vue父子组件双向绑定
.sncy props的父子组件双向绑定在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。2.3.0+ 新增.sync 修饰符，可以实现prop双向绑定。this.$emit('update:title', newTitle)子组件：export default { props:["title"], methods:{ sendToParent(){ // 触发 更新父级title this.$emit("
2020-05-21 16:50:41
210
转载 react shouldComponentUpdate避免组件重复或者无意义渲染
shouldComponentUpdate()shouldComponentUpdate(nextProps, nextState)使用shouldComponentUpdate()以让React知道当前状态或属性的改变是否不影响组件的输出。默认行为是在每一次状态的改变重渲，在大部分情况下你应该依赖于默认行为。当接收到新属性或状态时，shouldComponentUpdate() 在渲染前被调用。默认为true。该方法并不会在初始化渲染或当使用forceUpdate()时被调用。当他们状态改变时，
2020-05-20 22:00:18
531
转载 React 中执行 setState 时怎么保证你取到的上一次state是正确的？
setState 是 React 用于管理状态的一个特殊函数，我们在 React 中会经常使用到它，下面的场景你一定遇到过：export class Todo extends React.Component{ ... increaseScore () { this.setState({count : this.state.count + 1}); this.setState({count : this.state.count + 1}); } ...}复制代码上面这段代码， incr
2020-05-20 20:50:46
1215
转载 vue中$nextTick()作用
vue更新数据是异步的1.0 中确实是通过 v-el:xxx 标记 dom 然后在组件里通过 this.$els.xxx 就可以获得这个 dom 对象了$nextTick(() => {}) 与DOM相关操作写在该函数回调中，确保DOM已渲染什么是Vue.nextTick()官方文档解释如下：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执
2020-05-20 19:45:58
139
转载 vue父子组件以及非父子组件如何通信
1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { ...
2020-05-20 19:10:31
338
转载 关于堆栈的讲解
这是一篇转发的文章，我对他进行了格式化而已，原文出处不详。一、预备知识—程序的内存分配一个由c/C++编译的程序占用的内存分为以下几个部分 1、栈区（sta...
2020-05-20 18:10:09
164
原创 Vue-Cli3.0-配置基础路径
我们在做项目时，可能会遇到线上地址需要配置成这样的，比如http://mobile.****.com/project-name/，其实很简单，二步就解决了。一：配置路由history模式，这里base默认为根目录也就是base: ‘/’ 我们可以根据需要进行修改export default new Router({ mode: 'history', base: '/project-na...
2019-12-26 21:57:13
953
转载 vuex数据持久化
vuex在刷新浏览器后，数据会丢失，使用vuex-persistedstate插件(1)安装npm i vuex-persistedstate -S(2)引入storeimport Vue from 'vue'import Vuex from 'vuex'import createPersistedState from 'vuex-persistedstate' Vue.use(V...
2019-11-11 11:43:47
111
原创 IOS fastclick 获取焦点点击失效，需要多次点击
因为在开发h5页面的时候在ios手机会有300ms的延迟，所以用到了fastclick.js。按照官方的说明，直接引用，如下if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); },...
2019-10-16 18:08:12
562
原创 原生JS给DOM元素增加修改删除class
上古时代常用的方法document.getElementsByTagName('body')[0].className = 'snow-container'; //把所有class替换成指定classdocument.getElementsByClassName('test')[1].setAttribute("class",'newClass') //与上一个等价document.ge...
2019-10-16 17:36:02
3070
原创 git如何取消merge
当我们使用git merge操作合并代码但还没add时，若想取消这次合并，使用“git merge --abort”命令即可假如不幸已经 git add 了怎么办呢？ 其实也很简单，先用 git reflog 指令显示历史的操作再用 'git reset --hard commit id’就可以回退到操作之前的状态了...
2019-08-22 21:25:38
88805
3
原创 Nodejs(koa/express/egg)+前端框架解决 Ajax 跨域 Cookie、Session 失效
一、Egg 中通过 egg-cors 配置服务器端允许 跨域以及 Cookie 允许跨域1、安装插件npm i egg-cors --save2、配置插件// {app_root}/config/plugin.js exports.cors = { enable: true, package: 'egg-cors', };3、配置安全域名：// {app_r...
2019-08-04 22:03:10
496
原创 Egg 中使用 Mongoose 以及 Egg 中的 model
一、Egg 中的 modelapp/model/** 用于放置领域模型，可选，由领域类相关插件约定。Loader : Egg 在 Koa 的基础上进行增强最重要的就是基于一定的约定，根据功能差异将代码 放到不同的目录下管理，对整体团队的开发成本提升有着明显的效果。Loader 实现了这约定，并抽象了很多底层 API 可以进一步扩展。Loader 还提供了 caseStyle 强制指定首字母大...
2019-08-01 14:52:08
3037
原创 Mongoose 数据校验
一、Mongoose 校验参数1、用于所有数据类型required : 表示这个数据必须传入2、用于Number数据类型max: 最大值min: 最小值3、用于String数据类型enum:枚举类型，要求数据必须满足枚举值 enum: [‘0’, ‘1’, ‘2’]match:增加的数据必须符合match（正则）的规则maxlength：最大长度minlength：最小长...
2019-07-31 17:15:41
422
原创 MongoDB 备份(mongodump)与恢复(mongorestore)
MongoDB数据备份在Mongodb中我们使用mongodump命令来备份MongoDB数据。该命令可以导出所有数据到指定目录中。mongodump -h dbhost -d dbname -o dbdirectory-h：MongDB所在服务器地址，例如：127.0.0.1，当然也可以指定端口号：127.0.0.1:27017-d：需要备份的数据库实例，例如：test-o：...
2019-07-31 12:47:35
149
原创 Mongoose 索引、Mongoose 内置 CURD 方 法、扩展 Mongoose Model 的静态方法和 实例方法
一、Mongoose 索引索引是对数据库表中一列或多列的值进行排序的一种结构，可以让我们查询数据库变得更快。MongoDB 的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的查询优化技巧。var DeviceSchema = new mongoose.Schema({ sn: { type: Number, // 唯一索引 unique: true...
2019-07-31 12:20:40
145
原创 Mongoose 预定义模式修饰符 与 自定义修饰符 Getters Setters
一：mongoose 提供的预定义模式修饰符，可以对我们增加的数据进行一些格式化。二：除了 mongoose 内置的修饰符以外，我们还可以通过 set（建议使用） 修饰符在增加数据的时候对数据进行格式化。也可以通过 get（不建议使用）在实例获取数据的时候对数据进行格式化。const NewsSchema=mongoose.Schema({ title:"string", ur...
2019-07-30 19:39:33
224
原创 使用egg.js插件egg-mongo-native操作mongodb数据库实现增删改查
egg.js 是基于 nodejs，所以可以使用 nodejs 的所有模块。1、查找const result = await this.app.mongo.find('db'); // 查询全部const result = await this.app.mongo.find('db',{ query:{ "name":"zhangsan" }); //...
2019-07-29 21:05:06
2506
1
原创 Mongodb4.x 的使用以及账户权限配置
Mongodb的使用一：下载并安装Mongodb（可以在MongoDB官网下载安装包：https://www.mongodb.com/download-center#community）二：配置环境变量三：重启服务四：输入mongo连接数据库Mongodb 账户权限配置一：创建超级管理用户use admindb.createUser({ user:'adm...
2019-07-29 17:47:02
1393
原创 html设置meta实现几秒后自动跳转到指定页面
指定时间后自动刷新：<meta http-equiv="refresh" content="2"/>指定时间后跳转到指定页面：<meta http-equiv="refresh" content="5; URL=http://www.baidu.com"/>
2019-07-28 13:54:49
1470
1
原创 egg使用koa的中间件
在 Egg.js 框架里面可以非常容易的引入 Koa 中间件生态。(koa中间件都可以在egg里使用)规范的 Koa 的中间件// app/middleware/compress.js // koa-compress 暴露的接口(`(options) => middleware`)和框架对中间件要求一致 module.exports = require('koa-compress...
2019-07-27 19:16:17
796
转载 使用Ant Design 和Vue，React中后台开发套餐
这里写自定义目录标题前言AntDesign of React项目一：ant-design-pro-react代码&安装地址：预览地址：AntDesign of Vue项目一：ant-design-pro-vue代码地址：预览地址：项目二:vue-alain预览地址：代码地址：前言目前Ant Design 提供 React 和 Vue 两种整合开发框架，开箱即用的中台前端/设计解决方案，...
2019-07-16 15:14:36
2737
原创 实现深拷贝的方法有哪些？
ES6扩展运算符实现数组（或对象）的深拷贝const arr = [1,2,3,4,5]const [...arr2] = arrarr2[2] = 10console.log(arr)console.log(arr2)运行结果：const Obj = {name:'张三',age:24}const {...Obj2} = ObjObj2.age = 48console.l...
2019-04-17 14:42:25
1173
原创 对于router-view的用法
在APP主组件中有</router-view>，然后在其他组件也有</router-view>，它是怎么传递的。原理是什么?正常写法中，一层路径(/xxx)对应一个router-view，比如url: /a/b/c (假设a、b、c都为正常路径，不会作为参数)/a对应的就是App.vue中的router-view，/a进入a.vue中 那/a/b对应的就是a.vue...
2019-04-12 14:51:35
1617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人