- 博客(66)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 sourcetree 安装及跳过注册（3.3.9版本）
sourcetree 安装及跳过注册（3.3.9版本）官网下载：https://www.sourcetreeapp.com/点击下载的 SourceTreeSetup-3.3.9.exe 安装包进行安装，出现需要账号的界面时，关闭安装步骤：进入 %LocalAppData%\Atlassian\SourceTree\ 目录，增加 accounts.json 文件，内容如下： [ { "$id": "1", "$type": "Sourc
2021-01-04 16:47:09
2401
转载 ECMAScript 6 中数组的扩展
ECMAScript 6 中数组的扩展1、扩展运算符2、Array.from()3、Array.of()4、copyWithin()5、find() 和 findIndex()6、fill()7、entries()，keys() 和 values()8、includes()9、flat()，flatMap()10、数组的空位11、Array.prototype.sort() 的排序稳定性ECMAScript 6 中数组的扩展之前有记录过 ES5 中数组的常用方法(Java.
2020-12-28 16:15:20
455
原创 React Hooks 介绍及与传统 class 组件的生命周期函数对比
React Hooks 介绍 及与传统 class 组件的生命周期函数对比为什么要使用 Hooks在 React 16.8 之前，函数组件也称为无状态组件，因为函数组件也不能访问 react 生命周期，也没有自己的状态。react 自 16.8 开始，引入了 Hooks 概念，使得函数组件中也可以拥有自己的状态，并且可以模拟对应的生命周期。我们应该在什么时候使用 Hooks 呢？官方并不建议我们把原有的 class 组件，大规模重构成 Hooks，而是有一个渐进过程:首先，原有的函数组件如果需要自
2020-11-17 16:09:02
3285
原创 React 中的 PureComponent 和 Component 对比
PureComponent的作用：PureComponent 其实是在内部帮我们简单实现了一下shouldComponentUpdate的功能，以便提供组件的性能；这里的简单指是：对prop和state做浅比较，若浅比较结果相同，则该组件以及其子组件不做render；否则，render。对比示例：// index.jsximport React, { Component } from "react";import ReactDOM from "react-dom";import './styl
2020-08-18 17:10:58
289
1
原创 git clone 报错 RPC failed； curl 18 transfer closed with outstanding read data remaining
今天在 clone 一个gitlab 项目时，一直报错：remote: Counting objects: 835, done.error: RPC failed; curl 18 transfer closed with outstanding read data remainingfatal: The remote end hung up unexpectedly MiB | 18.35 MiB/sfatal: early EOF; 87%(727/835), 297.93 MiB | 18.3
2020-08-06 15:13:06
2807
原创 微信小程序中引用第三方（自定义）组件（Taro版）
在使用 Taro 开发微信小程序的时候，我们可能会用到第三方的组件库，例如我们经常会用到 echarts 进行图表展示，下面就以 Taro 中使用 echarts-for-weixin为例，讲解一下如何在微信小程序中使用第三方组件,。 这里假设我们的引用页面为/pages/echart/echart.js。使用方法首先需要在配置文件配置引用路径：// echart.config.jsusingComponents: { 'ec-canvas': '../../components/ec
2020-08-05 14:58:45
6333
原创 微信小程序中获取用户信息getUserInfo替换方案
场景说明我们在开发过程中，如果使用getUserInfo获取用户头像和昵称等用户信息时，会出现如下报错：(in promise) MiniProgramError{"errMsg":"getUserInfo:fail scope unauthorized"}Object这是因为官方调整了获取用户信息的方法，详见https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01，在小程序中有两种
2020-08-05 10:39:58
5155
原创 Nginx: recv() failed (104: connection reset by peer) 问题排查
recv() failed (104: connection reset by peer) 问题排查最近项目中通过Nginx反向代理nodejs（采用nestjs框架）服务，压测过程中概率性出现502 Bad Gateway,出现概率较低，大概在0.005%左右,查看日志具体报错信息为recv() failed (104: Connection reset by peer) while reading response header from upstream，通过查找资料，了解到该报错的直接原因就是：
2020-07-07 10:27:18
22453
原创 React 中 setState 使用注意事项
1. 不能直接设置this.state这个基本学习过 react 的读者都不会犯这样的错，直接设置 this.state 的值并不能触发组件 render(),正确的是调用 setState() 函数来处理。2. setState() 回调函数我们在用 setState() 时，疑惑比较多的地方就是 setState() 可能不会立即生效。基于这一点，慢慢地我们就形成了 setState()...
2020-02-29 20:47:45
1115
原创 react新旧版本生命周期函数讲解
react在引入 Fiber 之后，其生命周期也有所变化，新增了一些生命周期函数，同时也建议使用者废弃一些生命周期函数，下面博主对比一下react v16.3之前的生命周期与react v16.4及之后的生命周期函数。一、生命周期图整体对比1.1 react v16.3之前版本挂载当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：constructor()comp...
2020-02-29 15:55:01
1702
1
原创 package.json中的版本和package-lock.json的作用
引言我们在搭建项目的时候，通过 npm 安装的依赖模块时，package.json文件中依赖的版本号前面会带符号 ^，有时候我们看别人的项目时也可能会看版本前带符号 ~ ，或者什么也不带，其中会有什么区别呢？而且当你的 npm 版本升级到 5.X.X 版本以上的时候，对应目录下还是自动生成一个 package-lock.json 文件，这个文件的作用又是什么呢。博主根据网上资料简单说明一下。...
2020-02-19 16:33:16
3614
原创 VSCode + ESLint + Prettier 代码语法检查和格式化
前言在我们做项目的时候，特别是团队协作时，每个人的编码风格和编码方式都不一样，这样在同一个项目中看起来会比较乱，特别是如果每个人在修改代码时都按自己的规则做一下格式化，那么提交记录也会很乱，导致后面查问题也不好查。为此，同一项目或同一团队有必要保持一个统一的编码规范。这类介绍一下如何在 vscode 中通过 eslint + prettier 来对代码进行语法检查和风格统一。目前我们的项目主要是...
2020-01-21 14:02:07
7716
1
原创 离线安装 vscode 插件
离线安装 vscode 插件由于工作环境，开发都是在内网机上进行，经常需要在未联网的情况下安装 vscode 的插件，记录一下安装的方法。打开 SCode 插件市场网址https://marketplace.visualstudio.com/vscode ,搜索对应的插件名称，进入需要下载的插件页面，点击Download Extension,下载插件。下载好插件后有两种方法可安装：方法一...
2020-01-20 18:51:46
1549
原创 webpack入门介绍及简单配置
webpack在当前前端工程师常用的一个工程化打包工具，官方对webpack的介绍是：webpack本质上 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时，它会在内部创建一个依赖图(dependency graph)，用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个bundle。官网地址...
2018-09-22 19:55:54
305
原创 Yii框架url美化
url美化目的： 将 http://localtest/yii/web/index.php?r=hello/index美化成： http://localtest/yii/web/hello/index这里我是用的wampserver新建了一个localtest站点（详情可点击这里点击这里），并将yii的basic文件夹重新命名为yii。对比上面的两个地址，其实...
2018-09-04 23:07:39
2311
原创 开始上手使用yii框架
Yii 安装及基本配置Yii 是一个 高性能 的，适用于开发 WEB 2.0 应用的 PHP 框架。Yii的特性可以前往Yii中文官网查看（国外网址也放一下）。Yii的安装很简单，官方直接提供了下载，下载之后只要本地有PHP环境即可使用。Yii官方下载可点击这里，国内可能会出现下载很慢或下载失败的问题，我上传了一份yii-basic版，需要的可点击对应版本前往下载。下载之后，解压到php环...
2018-09-03 22:01:29
6555
原创 wampserver配置多个不同路径站点
wampserver配置多个不同路径站点wampserver默认的服务站点为：*:\*\www（wampserver对应的安装地址），但是在开发过程中，我们会把项目部署在不同的路径下，因此就需要为wampserver配置不同路径下的站点。本文采用的wampserver版本为wampserver2.5。不同版本间会存在差距，我也是因为在配置时被网上不同版本的配置方法搞迷糊了，所以记录一下配置过程...
2018-08-19 18:37:54
6359
原创 详解rem布局-利用rem布局实现移动端高清显示
目录目录一、初探rem布局1.1 rem是什么?1.2 rem实现新闻字体“小中大”设置二、利用rem布局实现移动端高清显示一、初探rem布局1.1 rem是什么?rem是CSS3新增的一个相对单位（root em，根em）。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位...
2018-03-11 22:03:00
33589
2
原创 一篇文章轻松上手使用 less
Less 是一门CSS预处理语言，它扩充了CSS语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。本文介绍了 less 的安装和使用，以及一些简单的语法。
2017-04-05 14:13:07
940
原创 微信小程序组件1--视图容器
本文介绍了微信小程序的视图容器：</view>（视图容器）、</scroll-view>（可滚动视图区域）和</swiper>（滑块视图容器）。
2017-01-11 17:16:34
10359
2
原创 react学习笔记 item9 ---双向绑定（mixin）
在 react 中要实现双向数据绑定，就得需要借助插件，LinkedStateMixin 是react 中数据双向绑定的辅助工具，利用 LinkedStateMixin 可以简化 react 中数据的双向绑定的实现。
2016-11-23 21:46:24
4419
原创 react学习笔记 item8 --- 表单
在 react 中，表单组件有两种类型：受限组件（约束组件）和 不受限组件（无约束组件）。本文介绍了 受限组件 和 不受限组件各自的特点，并讲解了表单中不同元素的使用方法。
2016-11-23 15:05:58
2246
原创 react学习笔记 item7 --- 组件的生命周期
组件的生命周期可分成三个状态：Mounted、Updating、Unmounted，本文对组件生命周期的三个状态下的所有函数进行了解析。
2016-11-21 21:10:37
827
原创 react学习笔记 item6 --- 事件处理
本文对 React 中的事件处理进行了介绍，通过两个示例对 React 中的事件具体使用方法进行了简单地说明，另外对 react 中的一些常用的事件进行了汇总。
2016-11-20 21:48:52
1126
原创 react学习笔记 item5 --- Props
本文介绍了 React 中的 props，通过 props，可以向子组件传递参数，利用getDefaultProps可以设置组件的默认 props；为了保证传递参数类型的准备性，可以借助 PropTypes 对 props 的类型进行验证。
2016-11-20 16:57:00
3905
原创 react学习笔记 item4 --- 状态（state）
React 把组件看成是一个状态机（State Machines）。本文介绍了react中组件的state（状态），以及常用的关于 state 的两个组件 API : setState 和replaceState 。
2016-11-19 21:35:26
3882
原创 react学习笔记 item3 --- 组件的创建方式
本文介绍了三种创建react 组件的方式：React.createClass、函数式组件和React.Component。通过示例介绍了三种创建方式的具体使用方法。
2016-11-19 15:58:13
1407
原创 react学习笔记 item2 --- JSX
本文介绍了 React 中 JSX 的使用方法，介绍了JSX 的优点，以及JSX 的一些常用的语法。
2016-11-18 17:51:30
1537
原创 react学习笔记 item1 --- 基础入门
React 是一个用于构建用户界面的 JAVASCRIPT 库，起源于 Facebook 的内部项目。本文对react进行了一个基本的介绍，给出了第一个简单的react示例。
2016-11-13 22:02:35
992
原创 JavaScript设计模式一（单例模式、门面模式、适配器模式）
本文介绍了JavaScript中常用到的三种设计模式：单例模式、门面模式以及适配器模式。介绍了他们的基本用法，并给出了相应的示例。
2016-11-13 12:30:06
700
原创 JS对象深度克隆实现
本文介绍了JavaScript对象深度克隆的实现，分析了针对原始类型（数值、字符串、布尔值）和对象类型（对象，函数、数组）实现深度克隆的方法，最后给出了一个通用的JS对象深度克隆的方法。
2016-10-07 16:11:42
14324
原创 CSS3中弹性盒子Flex使用详解
CSS3中提供了弹性盒子flex属性，利用flex我们可以很方便的进行css布局。本文介绍了flex的使用方法，详细的介绍了各个属性的作用，并给出了示例进行说明。
2016-09-24 22:08:57
20970
原创 HTML5 FormData 方法介绍以及实现文件上传
本文介绍了 XMLHttpRequest Level 2 中的 FormData 接口，利用 FormData 我们可以轻松的实现文件上传，FormData 对象还有一些实用的方法，本文也对其一一进行了解释。
2016-08-30 20:07:47
100604
16
原创 Jquery通过append新元素之后事件绑定问题的解决方案
本文总结了Jquery通过append新元素之后事件绑定问题的解决方案，主要有三种，重复绑定、使用onclick以及事件委托。
2016-08-28 11:10:03
12738
原创 JS模块化工具requirejs的基本用法
AMD是”Asynchronous Module Definition”的缩写，意思就是”异步模块定义”。RequireJS就是AMD规范最好的实现者之一。本文介绍了RequireJS的基本用法。
2016-08-27 16:54:44
2760
jquery-2.0.3.js和jquery-2.0.3.min.js
2016-08-13
jquery以及validate.js插件
2016-05-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人