04 2020 档案
摘要：移动端媒体查询的一些尺寸参考 /*iphone4 4s*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ /* Styles */ } @media screen and (min-
阅读全文
摘要：PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸
阅读全文
摘要：Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 @media 媒体类型and （媒体
阅读全文
摘要：1. 媒体查询语法 <!-- link元素中的CSS媒体查询 --> <link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> <!-- 样式表中的CSS媒体查询 --> <style> @media (max-w
阅读全文
摘要：js 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到某个元素位置时触
阅读全文
摘要：现在有很多网站都做了全屏滚动的特效，效果也很好看，今天就给大家说说fullPage.js的使用方法和设置。 简介 fullPage.js是一个基于<span class="tag-span">jQuery</span>的全屏滚动<span class="tag-span">插件</span>，它能够
阅读全文
摘要：VS Code默认缩进为2两个空格，修改为4个空格的方法。 一、首选项->设置，设置"editor.detectIndentation": false 二、ctrl+shift+x 打开插件下载页面，搜索beautify插件下载 三、在用户配置中，配置beautify（用户配置打开方式见步骤一） {
阅读全文
摘要：python下载： Python安装包下载地址：http://www.python.org/ 根据实际的操作系统，安装合适的安装版本。 Python安装： 本文以python 2.7.8(64位)为例说明，具体安装步骤如下： 1.双击下载包，进入Python安装向导。 2.选择安装目录。如：D:\P
阅读全文
摘要：原文链接：https://blog.csdn.net/u010520912/article/details/77980114
阅读全文
摘要：在项目中遇到了fullpage超出部分滚动的问题：最后一屏是底部，不足一屏，再往下滚，不再是整屏滚动，需要往上一屏连接。话不多说，看图： 要实现这个功能，需要用到$.fn.fullpage.setAutoScrolling(false);这个方法是改变页面的滚动方式--由整屏滚动改为自然滚动。结合f
阅读全文
摘要：参考一： 第一步：在扩展：商店里搜 less,选择安装Ease LESS，安装成功注意重启一下vscode. 第二步：快捷键command+逗号打开用户设置，搜less.complie,点击编辑添加到右边，设置commpress是否开启压缩，sourceMap是否生成.map文件。 到此已经配置成功
阅读全文
摘要：部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”）所以也会误认为我的这篇文章是写给设计师的。
阅读全文
摘要：为方便起见，为所有支持的请求方法提供了别名 在使用别名方法时， url、method、data 这些属性都不必在配置中指定 axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(ur
阅读全文
摘要：js-cookie 官方文档 里面就详细的介绍了es5怎么引用，以下是ES6以上的用户 一、安装 npm install js-cookie --save 二、引用 import Cookies from 'js-cookie' 三、一般使用 存到Cookie去 // Create a cookie
阅读全文
摘要：前言： 除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如
阅读全文
摘要：前言 有过面试经验的同学应该都被问过浏览器兼容性的问题，对于面试官的问题，常常猝不及防，因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧"，"你对浏览器的兼容性有了解过吗"，那么如何才是我们正确回答这个问题的姿势呢。 虽然面试官的问题十分的笼统，浏览器的兼容性无非还是样式兼容性（css），交互兼
阅读全文
摘要：1. webpack编译流程 初始化参数：从配置文件和Shell语句中读取与合并参数，得出最终的参数； 开始编译：用上一步得到的参数初始化Compiler对象，加载所有配置的插件，执行对象的run方法开始执行编译； 确定入口：根据配置中的entry找出所有的入口文件 编译模块：从入口文件出发，调用所
阅读全文
摘要：2. 预备知识 2.1 toStringTag Symbol.toStringTag 是一个内置 symbol，它通常作为对象的属性键使用，对应的属性值应该为字符串类型，这个字符串用来表示该对象的自定义类型标签，通常只有内置的 Object.prototype.toString() 方法会去读取这个
阅读全文
摘要：webpack各种优化 上一章节我们已经掌握了webpack常见的所有配置 这一节我们来看看如何实现webpack中的优化，我们先来编写最基本的webpack配置，然后依次实现各种优化！ const MiniCssExtractPlugin = require("mini-css-extract-p
阅读全文
摘要：从0搭建自己的webpack开发环境 1.什么是Webpack？ webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler),当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每
阅读全文
摘要：Webpack中必须掌握的配置 loader主要用于把模块原内容按照需求转换成新内容，可以加载非 JS 模块！通过使用不同的Loader，Webpack可以把不同的文件都转成JS文件,比如CSS、ES6/7、JSX等。 我们来看看这些我们必须掌握的loader! 1.loader的编写 1.1 lo
阅读全文
摘要：（1）整体配置 entry：配置入口文件的地址，可以是单一入口，也可以是多入口。 output：配置出口文件的地址，在webpack2.X版本后，支持多出口配置。 module：配置模块，主要是解析CSS和图片转换压缩等功能。 plugins：配置插件，根据你的需要配置不同功能的插件。 devSer
阅读全文
摘要：参见文章https://blog.csdn.net/weixin_44101052/article/details/86563917
阅读全文
摘要：注意： 1、在webpack里，所有文件都是模块 例如：JS模块 >模块化(AMD、CMD、ES6 Module、Commonjs) 关于模块化参见https://www.cnblogs.com/jianxian/p/12753375.html. 如下所示 接下来便可以导入使用 最后做下验证输出，可
阅读全文
摘要：前端模块化 模块化开发可以提高代码复用率，方便代码管理。一般来说一个文件就是一个模块，得外暴露变量或者函数。目前比较流行的模块化的规范有：AMD、CMD和CommonJs以及ES6 的 module。 AMD（Asynchronous Module Definition）CMD（Common Mod
阅读全文
摘要：（一）流程分析 openId为用户唯一标识 分析： 1、三个角色：前端、后端、微信服务器 2、交互：公司的服务器和微信的服务器做交互，获取openId和session_key。然后公司服务器将其存储到数据库里 3、流程 ①调用wx.login获取code ②将刚才客户端获取的code传递给公司的服务
阅读全文
摘要：参考文章 浅谈JS函数防抖及应用场景 1、场景演示 疯狂点击按钮 正常情况下，点击提交按钮，应该发送接口请求 ，如果用户网络不够畅通，接口请求需要1s完成，期间你提交了多次.... ....，此时在后台也就默认接受了很多次的请求，这种方式及其浪费服务器资源，所以需要在前端做个防抖和节流。本节介绍下防
阅读全文
摘要：打开小程序开发者工具的调试模式，查看元素的样式，截图如下 完全看不到小程序是如何设置Checkbox的样式的，小程序实现Checkbox的样式代码对我们是黑盒的。 于是很多同学自己开始吭哧吭哧地编写一个模拟的组件，创建一个template，编写它的数据渲染和事件监听处理，以及对用户操作的数据进行实时
阅读全文
摘要：微信小程序官方提供的API很多用起来都有点鸡肋，针对不同项目的业务需求做二次封装是有必要的，这篇文章记一些有通用性的封装，若读者觉得有不好的地方，欢迎指出。 ChangeLog 1. 异步api转为Promise风格 1.1 使用举例 2. 路由跳转 2.1 使用举例 2.2 特殊说明 3. 刷新当
阅读全文
摘要：先说一下async的用法，它作为一个关键字放到函数前面， async function timeout() { return 'hello world';} 只有一个作用, 它的调用会返回一个promise 对象。调用一下看看就知道了，怎么调用？async 函数也是函数，所以它的调用和普通函数的调用
阅读全文
摘要：ES6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
摘要：JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。 1、扩展运算符（浅拷贝） 自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。 numbers = [
阅读全文
摘要：官方文档中 mode="widthFix" 宽度不变，高度自动变化，保持原图宽高比不变，即设置图片宽度而高度自适应。 但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高，也许是高度没设置的原因。 所以把图片设置 height: auto 即可解决问题
阅读全文
摘要：在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis; //文字隐藏后添加
阅读全文
摘要：CSS代码： .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} HTML代码： <div class="box"> 多行
阅读全文
摘要：微信小程序并不支持async，写起代码来太不舒服了. 各种回调会造成回调地狱的问题，回调函数一层套着一层，代码难以阅读，后期难以维护的问题 解决办法： 使用regenerator-runtime regenerator-runtime是facebook的regenerator模块 生成器函数、asy
阅读全文
摘要：CSS中存在一个神秘的变量，少有人知自然也不怎么为人所用。它就是crrentColor变量（或者说是CSS关键字，但我觉得称为变量好理解些）。 初识 它是何物？具有怎样的功效？它从哪里来？带着这些疑问我们继续。 下面是来自MDN的解释： currentColor代表了当前元素被应用上的color颜色
阅读全文
摘要：今天给大家安利一个神站-万能命令。它的作用就是快捷直达你想要的工具，这些工具都很实用，也很常用。比如下载百度文库文档，网页在线翻译转换PDF，下载网页的视频音频文件，购物比价，网盘高速下载等等，这些功能这是一部分。 万能命令网站链接：wn.run 万能命令如果每次使用都需要打开它的官网，那就不怎么万
阅读全文
该文被密码保护。
摘要：前言 微信小程序自1月19号发布后,可谓是有人欢喜有人忧啊.曾经对它一度抱有各种期待的前端工作者们在张总的一句句:"不行","不能"中小失所望.但它作为一种轻型应用工具,给我们开发者带来的便利也是无可厚非的.而自定义组件这个大功能呢也是从小程序基础库版本 1.6.3 开始支持的，低版本需做兼容处理,
阅读全文
摘要：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下
阅读全文
摘要：注意： 小程序图片标签与传统web的图片标签不一样，小程序后期打包上线有大小要求（2M以内），所以很多静态资源我们会将其放到网络上，所以当我们使用图片资源时，统一使用外网图片。 这里我们推荐使用土豆图床https://images.ac.cn/ 首先注册登录，然后拖进图片上传 开始测试如下 1、sr
阅读全文
摘要：一、使用指向page自身的this 在每个页面逻辑.js文件里全局声明that，在Page()函数的参数onLoad方法内把this赋给that let that; Page({ ... onLoad: function () { that = this; } ... }) 二、来源页面 当小程序功
阅读全文
摘要：前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言，有自己的语法，wxs请参考wxs文档，这里的规范仅针对js。 变量命名 关于变量命名，主流分为驼峰式命名和下划线式命名两大阵营。我们约定，统一使用驼峰式命名。 推荐写法 let
阅读全文
摘要：注释 注释分为单行注释和多行注释。 单行注释以//开头。 // 单行注释示例 多行注释以/ 开始，以 /结束。 / 多行注释 示例 / 团队约定 单行注释 一般用于简单的描述，如状态描述，属性描述等。书写时应遵循以下规范： 注释符号//与注释内容之间一个空格字符 注释位于注释代码上面 单独占一行 示
阅读全文
摘要：前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言，有自己的语法，wxs请参考wxs文档，这里的规范仅针对js。 关键字 任何时候，避免使用语言保留关键字命名。 变量声明 使用let代替var声明变量， let loadding
阅读全文
摘要：标签 小程序视图层开发基于小程序框架为开发者提供的一系列基础组件，这些基础组件通常以双标签或单标签的形式使用。 双标签包括起始标签，结止标签和属性，内容在这两个标签之内 单标签只有一个，有属性，没有内容 小程序规定，标签名有多个词时，词之间以连接符 连接。 内容放这里... 编码时要遵循标签的语义，
阅读全文
摘要：注释 代码是由人编写并维护的，我们要尽可能保证写的代码能够自描述、注释良好并且易于他人理解。好的注释能够传达上下文关系和代码目的。 注释代码以结尾。 标准写法 错误写法 动态列表 动态列表 团队约定 单行注释 一般用于简单的描述，如状态描述，属性描述等。书写时应遵循以下规范： 注释内容前后各一个空格
阅读全文
摘要：class选择器命名基本规则 以字母开头，全部字母小写 尽量简短、明确 单个名字如果由多个词组成，单词间以下划线_连接 ... 层级关系以中划线 连接 ... ... 继承式命名 为了保证我们设计的class样式既能重复利用，又能避免冲突。我们采用继承式来给class样式命名。 每个页面一般都可以分
阅读全文
摘要：/ 模块A / .modules_a {} / 模块B / .modules_b {}
阅读全文
摘要：基本语法 注释代码以/ 开始，以 /结束 注释不能嵌套 示例 / 注释内容 / 团队约定 注释内容 对于一般性注解，书写简单的短语；对于较长的注解，书写完整的句子。 推荐写法 / 用户头像 / .avatar { width: 200rpx; height: 200rpx; } 不推荐写法 / 这是
阅读全文
摘要：1. 一个页面的数据如果需要被其它页面修改，则把这个页面的数据放入storage里。 2. 目录结构符号 └ ┌ ┘ ┐ ┤ ├ ┴ ┬ ┼ │ ─ JS模块引入请使用import关键字，而非require，WXML引入模板用标签，WXSS使用@import语法，三者统一 所有方法和变量名称都使用小
阅读全文
摘要：项目结构 project/ // 根目录 ├─ images/ // 图片/小图标 ├─ pages/ // pages目录 ├─ utils/ // 工具，包文件目录 ├─ app.js // 入口文件 ├─ app.wxss // 公共设置 ├─ app.json // 公共样式表 └─ pro
阅读全文
摘要：前言 本文主要根据自身经验和前端开发规范总结的微信小程序开发规范文档，适用于多人团队协同开发和个人开发小程序。 主体 统一团队的编码规范，可以统一不同开发者编码过程中相对主观化的代码风格，有助于代码的维护和迭代。 文档初期会存在不完善的地方，不可避免地会有错误和遗漏之处，发现请积极指正。文档会随着开
阅读全文
摘要：官方的小程序开发工具使用起来非常难受, 尤其是长期使用 vim 插件的人, 使用任何 编辑器 或者 ide 必须先装 vim 插件, 所以总结一些使用 vscode 编写小程序可以提高效率的方法以及插件推荐. 插件推荐 minapp minapp 这个插件能够实现微信小程序标签、属性的智能补全, 和
阅读全文
摘要：前言 很多朋友在用github管理项目的时候，都是直接使用https url克隆到本地，当然也有有些人使用 SSH url 克隆到本地。然而，为什么绝大多数人会使用https url克隆呢？ 这是因为，使用https url克隆对初学者来说会比较方便，复制https url 然后到 git Bash
阅读全文
摘要：使用 BrowserRouter 的问题（方案：后台自定义中间件，前提：前台和后台不要有路径重复） a. 问题: 刷新某个路由路径时, 会出现 404 的错误 b. 原因: 项目根路径后的 path 路径会被当作后台路由路径, 去请求对应的后台路由，但没有 c. 解决: 使用自定义中间件去读取返回
阅读全文
摘要：（1）打包项目 1、yarn run build或者2、npm run build 打包后，webpack会自动在根目录生成build文件，里面存放着相关文件 （2）运行打包项目&&跨域分析 1) 与服务器端项目独立运行 问题: 存在 ajax 请求跨域问题 解决: 由服务器端工程师配置代理服务器(
阅读全文
摘要：（1）前言 开发时使用BrowserRouter路由跳转传参，可以正常使用，如下所示 然后在详情组件里通过this.props.loaction.state即可获取 （2）转换 直接将BrowserRouter转为HashRouter即可 但是换成HashRouter后获取失效，这里我们该用内存或者
阅读全文
摘要：HashRouter模式： BrowserRouter模式： 分享： 前言 react-router针对不同的使用场景衍生了不同的路由包，RN项目用react-router-native，web项目用react-router-dom。并且，不需要再重复引入react-router了。我搭建的是web
阅读全文
摘要：（1）需求分析 首先项目里当请求根路径时需要重定向到/home首页，即请求localhost:3000时，重定向到localhost:3000/home。 之前我们的操作是，只要输入url不存在则统统重定向到首页，如下所示 （2）修改需求 现在我们添加404页面，分析如下 ①请求根路径时重定向到/h
阅读全文
摘要：React里调用方法常见的方式有两种 （1）触发时通过回调函数触发 <Button type="primary" onClick={()=>this.updateBar()}>更新</Button> （2）直接通过方法名触发 <Button type="primary" onClick={this.
阅读全文
摘要：前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, len = arr.length;
阅读全文
摘要：【一】常用数据可视化图表库 1) echarts a. https://echarts.baidu.com/ b. 百度开源, 如果要在 react 项目中使用, 需要下载 echarts-for-react 2) G2 a. https://antv.alipay.com/zh-cn/g2/3.x
阅读全文
摘要：什么是数据可视化 数据可视化研究的是，如何将数据转化成为交互的图形或图像等，以视觉可以感受的方式表达，增强人的认知能力，达到发现、解释、分析、探索、决策和学习的目的。 “数据可视化（Data Visualization）和信息可视化（Infographics）是两个相近的专业领域名词。狭义上的数据可
阅读全文
摘要：建立分支关联关系的三种方法： 1.检出时建立： 从服务器上拉取特定分支的时候，可以建立关联关系。 git checkout -b localdev origin/dev 检出的分支会自动关联到该远程分支 这种使用的前提：检出的本地分支必须和远程分支同名； 如：git checkout -b dev
阅读全文
摘要：前言 上一次我们详细讲解了git pull的三种使用方式，也介绍了什么是upstream(关联分支)，这次我们来看看git push的使用； 在使用push时，我们要特别注意分支的名称和”关联分支"对于操作的影响； 1.git push 2.git push origin <remote_branc
阅读全文
摘要：前言 工作中，我们会用到git pull来从远程仓库"同步"代码，通常有三种方式； git pull origin <remote_branch>：<local_branch> git pull origin <remote_branch> git pull 这三种用法充分诠释了什么是简即繁，繁即简
阅读全文
摘要：（1）首先搭建完毕后开始安装依赖 redux react-redux >基于redux开发，简化语法 redux-thunk >异步中间件，实现redux 异步编程 redux-devtools-extension >调试专用，配合chrome拓展程序进行redux调试 （2）建立项目目录和对应文件
阅读全文
摘要：注意： 1、Object.assign() 只是一级属性复制，比浅拷贝多深拷贝了一层而已。用的时候，还是要注意这个问题的。 2、简单实现深拷贝的方法，当然，有一定限制，如下：JSON.parse(JSON.stringify());思路就是将一个对象转成json字符串，然后又将字符串转回对象。 Ob
阅读全文
摘要：（1）数组 reducer中处理数组数据的赋值 我初始化了一个字段data = [],在发起请求成功后，要将返回的list赋值给data, 这时候就有一个问题了， 因为我们都是通过Object.assign这种形式进行赋值的， 那么究竟我们要怎么将得到的数组赋给data呢？接下来我们就以具体的代码来
阅读全文
摘要：1.如何添加远程库？ 现在的情景是：我们已经在本地创建了一个Git仓库后，又想在github创建一个Git仓库，并且希望这两个仓库进行远程同步，这样github的仓库可以作为备份，又可以其他人通过该仓库来协作。 首先，登录github上，然后在右上角找到“create a new repo”创建一个
阅读全文
摘要：随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、date
阅读全文
摘要：reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是：通往成功的道路有很多，但是总有一条路是最捷径的，亦或许reduce()逼格更高... 1、语法 arr.reduce(cal
阅读全文
摘要：1). Component存在的问题? a. 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 b. 当前组件setState(), 重新执行render(), 即使state没有任何变化 测试代码如下，首先是a情况 /**父组件 */ import React
阅读全文
摘要：面试案例题代码如下： 钩子函数内部代码如下： 问题：打印顺序是什么？ 然后开始执行生命钩子回调函数 接下来是setTimeout和Promise，两者顺序。Promise优先于定时器调用。那Promise和改变state后的render哪一个优先执行？查看结果如下 优先更新render，然后执行pr
阅读全文
摘要：1). setState()更新状态是异步还是同步的? a. 执行setState()的位置? 在react控制的回调函数中: 生命周期勾子 / react事件监听回调 非react控制的异步回调函数中: 定时器回调 / 原生DOM事件监听回调 / promise回调 /... b. 异步 OR 同
阅读全文
摘要：参考React官方文档，这里做下笔录 （1）setState语法 setState(updater, [callback])解析： 参数一为带有形式参数的 updater 函数： 参数二为可选的回调函数 1、参数一介绍 注意：当然，它不应直接被修改。你应该使用基于 state 和 props 构建的
阅读全文
摘要：本文主要解决： iview树形组件使用问题，已经有后台数据，请问如何对应treeData的字段？ 如下所示 { title: 'child 1-1', expand: true, children: [ { title: 'leaf 1-1-1', expand: true }, { title:
阅读全文
摘要：（1）接口文档如下 （2）测试接口 我们测试时如何测试数组格式参数呢？ 答案：依次输入 结果如下 .
阅读全文
摘要：首先我们需要了解一点，函数写法才是this.setState的原始写法，对象格式只是简洁语法格式。 （1）对象形式直接更新 如下所示初始化状态state有两个，一个是rolesList所有角色列表，另一个是roleItem选中的角色 这里注意：一个是数组，另一个是对象 当我们后期更新roleItem
阅读全文
摘要：一般来说有两种实现方式 一种是父子组件实时在进行数据传递和获取（即实时获取） 一种是在父组件点击时获取子组件数据，期间父组件并不实时收集子组件变化的数据（即点击时获取） 简述： 注意： 1、子组件调用父组件的方法：将父组件的方法以函数属性的形式传递给子组件，子组件就可以调用 2、父组件调用子组件的方
阅读全文
摘要：本节介绍下常见的md5加密技术 例如我们输入的密码为123abc，则在数据库存储时一般为加密后的字符jsakjsa45ds5dsas5sa等 （1）本质：对字符加密将其加密为32位字符； （2）概念 1、明文123abc >明文 2、密文jsakjsa45ds5dsas5sa >密文 （3）过程 将
阅读全文
摘要：（1）富文本与普通文本的区别在于： 普通文本不支持交互，鼠标/触摸感应是关闭的；富文本支持。 普通文本不支持链接和图文混排；富文本支持。 普通文本不支持HTML语法（但可以使用UBB实现不同样式）；富文本支持。 （2）富文本&&Markdown区别 Markdown是一种可以使用普通文本编辑器编写的
阅读全文
摘要：（1）引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用
阅读全文
摘要：这里介绍下postman测试请求API （1）测试get请求 根据请求文档API测试get请求，传参通过params传参 （2）测试post请求 通过body传参，但参数类型不同，分为文本类型和文件类型 其他为文件类型 1、文件类型 2、文本类型 .
阅读全文
摘要：本文介绍个常见问题 Antd的V3 V4版本迁移问题，将 initialValue 从字段中移到 Form 中。以避免同名字段设置 initialValue 的冲突问题： // antd v3 const Demo = ({ form: { getFieldDecorator } }) => ( <
阅读全文
