- 博客(27)
- 收藏
- 关注
原创 如何在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
2709
转载 2020-09-16
前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后,在开发中可以直接使用设计图的尺寸开发,项目为我们自动编译,转换成rem。技术栈vue-cli:使用脚手架工具创建项目。postcss-pxtorem:转换px为rem的插件。一:自动设置根节点html的font-size因为rem单位是相对于根节点的字体大小的,所以通过设置根节点的字体大小可
2020-09-16 01:15:02
216
原创 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
1136
原创 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
222
转载 react shouldComponentUpdate避免组件重复或者无意义渲染
shouldComponentUpdate()shouldComponentUpdate(nextProps, nextState)使用shouldComponentUpdate()以让React知道当前状态或属性的改变是否不影响组件的输出。默认行为是在每一次状态的改变重渲,在大部分情况下你应该依赖于默认行为。当接收到新属性或状态时,shouldComponentUpdate() 在渲染前被调用。默认为true。该方法并不会在初始化渲染或当使用forceUpdate()时被调用。当他们状态改变时,
2020-05-20 22:00:18
562
转载 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
1281
转载 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
151
转载 vue父子组件以及非父子组件如何通信
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { ...
2020-05-20 19:10:31
360
转载 关于堆栈的讲解
这是一篇转发的文章,我对他进行了格式化而已,原文出处不详。一、预备知识—程序的内存分配一个由c/C++编译的程序占用的内存分为以下几个部分 1、栈区(sta...
2020-05-20 18:10:09
175
原创 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
998
转载 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
119
原创 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
587
原创 原生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
3138
原创 git如何取消merge
当我们使用git merge操作合并代码但还没add时,若想取消这次合并,使用“git merge --abort”命令即可假如不幸已经 git add 了怎么办呢? 其实也很简单,先用 git reflog 指令显示历史的操作再用 'git reset --hard commit id’就可以回退到操作之前的状态了...
2019-08-22 21:25:38
91662
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
519
原创 Egg 中使用 Mongoose 以及 Egg 中的 model
一、Egg 中的 modelapp/model/** 用于放置领域模型,可选,由领域类相关插件约定。Loader : Egg 在 Koa 的基础上进行增强最重要的就是基于一定的约定,根据功能差异将代码 放到不同的目录下管理,对整体团队的开发成本提升有着明显的效果。Loader 实现了这约定,并抽象了很多底层 API 可以进一步扩展。Loader 还提供了 caseStyle 强制指定首字母大...
2019-08-01 14:52:08
3074
原创 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
437
原创 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
167
原创 Mongoose 索引、Mongoose 内置 CURD 方 法、扩展 Mongoose Model 的静态方法和 实例方法
一、Mongoose 索引索引是对数据库表中一列或多列的值进行排序的一种结构,可以让我们查询数据库变得更快。MongoDB 的索引几乎与传统的关系型数据库一模一样,这其中也包括一些基本的查询优化技巧。var DeviceSchema = new mongoose.Schema({ sn: { type: Number, // 唯一索引 unique: true...
2019-07-31 12:20:40
155
原创 Mongoose 预定义模式修饰符 与 自定义修饰符 Getters Setters
一:mongoose 提供的预定义模式修饰符,可以对我们增加的数据进行一些格式化。二:除了 mongoose 内置的修饰符以外,我们还可以通过 set(建议使用) 修饰符在增加数据的时候对数据进行格式化。也可以通过 get(不建议使用)在实例获取数据的时候对数据进行格式化。const NewsSchema=mongoose.Schema({ title:"string", ur...
2019-07-30 19:39:33
233
原创 使用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
2537
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
1417
原创 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
1544
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
814
转载 使用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
2782
原创 实现深拷贝的方法有哪些?
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
1190
原创 对于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
1649
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人