4 Toward Web Developer

学生身份

我要认证

slow but steady

等级
TA的排名 13w+

Element-UI 文档笔记

准备把Element-UI的源文档看一遍,其中的一些小点暂且记下。1.内置过渡动画 <el-button @click="show = !show">Click Me</el-button>2.Layout布局.el-row { margin-bottom: 20px; &:last-child { margin-bottom: 0; } }Row 组件 提供gutter属性来指定每一栏之间的间隔,默认间隔为..

2020-08-07 14:18:45

Vue项目中组件名和props名的字母大小写总结

1.组件名大小写对于绝大多数项目来说,在单文件组件和字符串模板中组件名应该总是 PascalCase 的——但是在 DOM 模板中总是 kebab-case 的。组件名应该倾向于完整单词而不是缩写。(当然,这只是一种开发规范,或者说编码风格,实测在dom中使用大写的组件名PascalCase也不会报错)/* good */<!-- 在单文件组件、字符串模板和 JSX 中 --><MyComponent/><!-- 在 DOM 模板中 -->&lt.

2020-08-07 09:53:22

Vue中Sass的爬坑、安装与使用 (sass还是node-sass)

当前使用环境:node:v12.10.0vue: ^2.6.10vue-cli:^3.12.0首先要想vscode不报样式的错误,如下所示要给你的style加点"料" 告诉vscode你写的是sass<style lang='scss' scoped>接着它又报一个错误好勒,vscode知道你写的是sass了 可是没有能处理它的"东西"接下来我们就来安装sass-loadercnpm install sass-loader -D行...

2020-08-06 16:43:54

完美解决 git clone 下载速度太慢的问题

以下可以完美解决此问题,遂转载https://blog.csdn.net/u014630636/article/details/106181159

2020-08-03 15:43:39

vue-cli 项目中按需加载Element-UI

1.安装 element-uinpm i element-ui -S2.安装 babel-plugin-componentnpm install babel-plugin-component -D3.修改 babel.config.js(官网是说修改 .babelrc,实测新添加 .babelrc和直接修改 babel.config.js效果相同)在vue原来生成的 babel.config.js的基础上做如下修改{ "presets": "@vue/cli-plugin-

2020-08-03 13:57:23

Vue 各个生命周期函数的理解和使用场景对比

https://blog.csdn.net/qq_22227087/article/details/87256833

2020-07-30 10:37:30

vue-cli 配置文件目录的别名alias

Vue CLI 内部的 webpack 配置是通过 webpack-chain维护的。这个库提供了一个 webpack 原始配置的上层抽象,使其可以定义具名的 loader 规则和具名插件,并有机会在后期进入这些规则并对它们的选项进行修改,它允许我们更细粒度的控制其内部配置。在vue.config.js(没有就新建)中添加配置,在module.exports中添加规则const path = require('path')function resolve(dir) { return pat

2020-07-27 16:42:09

解决vue项目eslint各种报错的问题与常见规则配置

按照eslint 代码规则来开发,就必须遵循它的规则,否则就会报错,标题的两个错误就是非常常见的两个。这两个问题第一个方案就是按照它的提示去规范自己的代码,服从规则。第二个方案就是改变规则。问题1的解决方法:修改.eslintrc.js文件的rules,增加一项规则如下'no-multi-spaces':'off'意思是关闭多余空格的检查问题2的解决方法:"indent": ["off",2]意思是关闭缩进检查,使用2个空格作为缩进...

2020-07-27 16:28:33

解决vue项目 ‘import ... =‘ can only be used in TypeScript files.的问题

刚接触vue 写项目的时候遇到如标题报错原因:Vue 组件内引入子组件的时个,import 名称 from ('路径') 这个名称不能带横杠(-)原错误代码如下:修改后如下:究其原因看到一篇文章说Vue把这个-当做运算符了,因为vue中很多v-xxx指令至此,问题解决...

2020-07-27 15:16:56

npm 官方源、淘宝源和京东源的切换

clone 是本地没有 repository 时,将远程 repository 整个下载过来。pull 是本地有 repository 时,将远程 repository 里新的 commit 数据(如有的话)下载过来,并且与本地代码merge。一、本地没仓库的时候git clone -b dev 仓库地址cd 项目名...

2020-07-22 13:01:02

BFC的特性及使用场景

1. 清除元素内部浮动,使包含浮动元素在通常情况下父元素的高度会被子元素撑开,而如果父元素没有设置高度,其子元素均为浮动元素,此时父元素会发生了高度坍塌,上下边界重合,即浮动元素无法撑起父元素。这时就可以用BFC来清除浮动了,未清除浮动时的代码如下: <style> .outer{ border: 2px solid black; /* overflow: hidden; */ } .red{

2020-07-05 01:14:21

body设置宽高并设置背景颜色的理解

这篇文章讲的很好,也解决了自己的困惑,不做赘述。https://blog.csdn.net/wang414300980/article/details/79741908

2020-06-30 18:51:17

解决antd-mobile显示聊天表情列表等宫格时只显示一部分的问题

在写聊天表情的宫格时,需要点击表情从下方加载出表情的宫格,但是每次点击只会加载一部分,经过查询必须要异步为window分发一个resize事件才能完整显示toggleShow = () => { const isEmojisShow = !this.state.isEmojisShow this.setState({ isEmojisShow }) if (isEmojisShow) { //异步派发resize事件,解决表情列表显

2020-06-28 20:24:47

mongodb数据库mongoose查询时排除过滤某个字段的两种方法

以过滤掉password字段为例1.password:0User.findOne({username, password: md5(password)}, {password:0}, function (err, user){ //处理逻辑})2. select:false直接在定义schema规则的时候就规定查询的时候不返回passwordvar userSchema = new mongoose.Schema({ username: { type:.

2020-06-26 01:36:13

React中 setState({key:value})时当传入的key是一个变量,动态获取和设置state的值

拿一个注册组件为例class Register extends Component { constructor(props){ super(props) this.state = { username:'', password:'', password2:'', type:'求职者' } }想通过同一个handleChange方法修改四个state属性的值,就需要动态传入属性参数,先写个错的放着,看看会怎么样ha

2020-06-25 16:24:26

React create-react-app实现antd/antd-mobile组件的按需打包

1.下载组件库包npm install antd-mobile --save //移动端2.下载依赖模块npm install --save-dev babel-plugin-import react-app-rewired3.根目录下定义加载配置的js 模块: config-overrides.jsconst {injectBabelPlugin} = require('react-app-rewired'); module.exports = function .

2020-06-24 21:38:29

解决antd组件路由跳转Warning: validateDOMNesting: &#60a&#62 cannot appear as a descendant of &#60a&#62.

这个警告是我们使用Link组件实现跳转时出现的以register组件已经有账号跳转到login组件为例import {Link} from 'react-router-dom' <Button><Link to='/login'>已经有账号</Link></Button>效果如下:可以看到Link组件有默认样式,点击还会有红色,使用起来毫无问题,跳转自如但是控制台会报如下警告:意思是不能再 <a>标签中重复的出现

2020-06-23 23:41:34

解决&#34GET http://localhost:xxxx/socket.io/?EIO&transport=polling net::ERR CONNECTION_REFUSED&#34的问题

项目用到了socket.io,前端是react后端是node.js+expresss本地测试没有问题,部署到服务器上报如标题所示错误,客户端一直连接不上服务端后来查阅文档才知道部署到服务器必须写真实服务器ip地址,不能写hostname原本的代码如下:io.socket=io('ws://localhost:4000')遂修改react中的代码如下: io.socket = io('ws://xxxx.xxxx.xxxx.xxxx:4000') 可以成功收发消息,至...

2020-06-22 17:19:21

去除mongoose操作mongodb数据库文档中多出的下划线下划线v即__v字段

2020-06-21 23:22:11

mongodb数据库添加用户名密码以及忘记密码重置操作

一、添加用户名和密码1. 连接到远程服务器之后(或者在本地)运行mongomongo2. 配置mongodb的最高权限账户密码use admindb.createUser( {user: "admin",pwd: "123456",roles: [ { role: "userAdminAnyDatabase", db: "admin"}]})实际操作结果如下,成功添加 admin用户3.开启修改权限,admin和123456都是上一步的配置db.auth( "ad

2020-06-20 22:12:18

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。