WebStrom 使用技巧

1. React live template state this.state sst this.setState rpc 生成组件类 rsfp 生成组件函数 rrc 具有redux的组件类 rpt propTypes ren render 方法 ptsr string required pts string 类型 pto object 类型 ptor object required ptn/pt...

Read More

React 实战

1.目录 2.依赖安装12345cnpm install antd-mobile -S //组件按需加载 第二个是用来做react脚手架的二次配置的,因为我们看不到Webpack的配置文件了 https://www.cnblogs.com/xiaohuochai/p/8491055.htmlcnpm install --save-dev babel-plugin-import react-app-rewired@2.0.2-next.0 //注意指定版本号否则不兼容cnpm instal...

Read More

MangoDB 入门

1. 设置为windows启动项1mongod -dbpath "C:\Program Files\MongoDB\Server\4.0\data" -logpath "C:\Program Files\MongoDB\Server\4.0\log\MongoDB.log" -install -serviceName "MongoDB" 2.基本概念 数据库(database):数据的仓库可以在仓库中存放集合 集合(collec...

Read More

块级元素居中方案

1. 方案一html: 1<div class="main"></main> css: 12345678910.main{ width:400px; height:200px; background:#eee; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px;} 利用定位,移动宽高的一...

Read More

Webpack 入门

从 webpack v4.0.0 开始,可以不用引入一个配置文件。然而,webpack 仍然还是高度可配置的。在开始前你需要先理解四个核心概念: 入口(entry) 输出(output) loader 插件(plugins) 1.入口(entry)*入口起点(entry point)**指示 webpack 应该使用哪个模块,来作为构建其内部依赖图*的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。 123module.exports = &#...

Read More

JavaScript 模块化

1. 模块化过程1. 全局函数123456789101112/** * 全局函数模式: 将不同的功能封装成不同的全局函数 * 问题: Global被污染了, 很容易引起命名冲突 *///数据let data = 'atguigu.com'function foo() { console.log('foo()')}function bar() { console.log('bar()')&#...

Read More

ECMAScript 从入门到精通

1. es51. 严格模式1.理解: 除了正常运行模式(混杂模式),ES5添加了第二种运行模式:”严格模式”(strict mode)。 顾名思义,这种模式使得Javascript在更严格的语法条件下运行 2.目的/作用 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为 消除代码运行的一些不安全之处,为代码的安全运行保驾护航 为未来新版本的Javascript做好铺垫3.使用 在全局或函数的第一条语句定义为: ‘use strict’; 如果浏览器不支持, 只...

Read More

JavaScript 从入门到精通

1. this​ 解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象, 这个对象我们称为函数执行的 上下文对象,根据函数的调用方式的不同,this会指向不同的对象,以方法的形式调用时,this就是调用方法的那个对象。当我们直接调用一个全局的函数的时候其实就是 window 对像上面的方法。 1234567891011121314151617181920212223function fun(){ console.l...

Read More

CSS3 从入门到精通

1. 选择器1. 一些注意的点1. love & hate (lvht)​ 这是什么意思呢?其实是我们在写 a 表的伪类的时候会有一些优先级的问题,如果说我们没有按照这个优先级写css 的话很可能会导致我们样式不生效或者说被覆盖的问题。具体来说就是 link , visited,hover,target 。 2. nth-child(n)​ 注意这个的 n 是从 1 开始的而不是 0 开始的,另外如果我们写了 #wrap p:nth-child(1) 的含义是指 id ...

Read More


Powered by Hexo and Hexo-theme-hiker

Copyright © 2015 - 2021 昨夜凛雨 All Rights Reserved.

UV : | PV :