- 博客(30)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 怎样使用 cmd 命令删除一个服务
首先使用管理员权限运行 cmd，然后运行 sc delete 服务名 命令删除对应的服务，以 MongoDB 举个例子：注意， 不管服务的名字里带有任何符号，都需要保证服务的名称的完整性，否则无法删除例如，想删除一个服务名为 'MongoDB'的服务，别忘了服务名带有的单引号：...
2021-05-10 11:10:25
1900
原创 x86 和 x64 到底是什么意思？
x86 就是我们一般用的32位的系统，x64 就是64位的系统所以当我们下载软件的时候，要根据自己电脑的系统配置，下载相应的软件版本，例如 visual c++:
2021-05-07 13:44:23
8115
原创 IE兼容性问题 —— object-fit
导语object-fit 作为 Css3 的语法，在处理图片的大小和缩放比例上非常方便好用，奈何 IE 不支持该语法，我们只能借助插件来兼容 IE。解决方法为什么选择 object-fit-images这里我是引入的一个插件包object-fit-images，原因有俩：1. 有 ts 的声明包，适合基于 ts 开发的小伙伴；2. 文档虽然英文的，但是简单明了， 想看英文文档的可以点这里：object-fit-images， 想直接上手的，接着往下看。！！！使用方法第一步首先你的 img 标签
2020-08-05 17:14:17
2576
原创 node_modules中出现.staging文件夹
当我们执行 npm i 之后，node_modules 里面出现了一个叫 .staging 的文件夹，这表明我们的依赖还没有下载完成，当依赖彻底下载完之后,.staging的文件夹会自动消失。
2020-07-15 09:53:44
3977
1
转载 怎样区分一个属性属于state还是props
只需要记住三句话：1. 该数据是否是由父组件通过 props 传递而来的？如果是，那它应该不是 state。2. 该数据是否随时间的推移而保持不变？如果是，那它应该也不是 state。3.你能否根据其他 state 或 props 计算出该数据的值？如果是，那它也不是 state。 —— 来自React 哲学
2020-05-21 17:12:10
176
转载 JSON.parse() 与 JSON.stringfy()
JSON.parse()作用： 将 JSON 字符串转换为 JavaScript 对象；用法： JSON.parse( text: string, reviver?: (this: any, key: string, value: any) => any))参数：text: 必填，一个有效的 JSON 字符串；reviver： 可选，一个转换结果的函数。将为对象的所有成员调用此函数。返回值：数组或对象JSON.stringfy()作用： 将 JavaScript 对象或数组
2020-05-21 14:54:36
616
原创 修改 url 但页面不刷新的方法
pushState与replaceState想要修改当前页面的 url，又不想刷新页面，首推 pushState与replaceState 这对姐妹花！下面就来好好介绍一下它们俩：特性都属于 HTML5 的新特性，由于功能强大，可以做到改变 url 且不需要刷新页面，所以经常在单页应用中使用：vue-router, react-router-dom。相同点参数data(any)：存储JSON字符串，可以用在popstate事件中；title(string)：现在大多数浏览器不支持或者忽略这
2020-05-09 16:56:22
2453
原创 学习陷阱
学习方法（拿来主义）学习是无止境的，我们不应该执着于招式，而应该专注于心法的练习。常用的知识，不仅要熟悉，更要深入底层，学习逻辑和原理；不常用的知识，我们就要善用“拿来主义”，知道该去哪儿拿，怎么拿。学习是一条漫长且无止境的路，而我们在学习的过程中，时常会经历学了忘，忘了学，这都是很正常的现象。但是，学会积累学习方法是至关重要的，因为知识可以忘记，但是能力是需要我们沉淀下来的。学习心理作为这个浮躁社会中的一员，我时常感觉压力山大，总觉得自己掌握的不够多，也不够深，随着时间的流逝，自己的专业技
2020-05-09 10:22:34
522
转载 React Router 英文文档小结
react-router-domAll of the components that you use in a web application should be imported from react-router-dom.RouterAt the core of every React Router application should be a router component. Fo...
2020-05-08 13:35:31
239
原创 绝对路径和相对路径
根据名字，我们就可以轻松的分别并且记住这两者的区别：相对路径：顾名思义，是相对的，也就是由当前位置，达到目标文件的位置；绝对路径：指从盘符（例如 C 盘：C:\windows\system32\cmd.exe）开始的完整路径。...
2020-04-26 17:00:11
146
原创 数组遍历的方式排序
使用数组 for 循环的方式，对数组内的对象按照多项要求进行排序举个例子， 现在有个对象数组，我们现根据名字进行排序，如果名字相同，再根据年纪进行排序，都为升序： const arr = [ {name: "Lisa", age: "26"}, {name: "Mike", age: "21"}, {name: "Lisa", age: "27"}, {name: "Lily"...
2020-04-26 13:32:04
943
原创 基于 React 的轮播图（Carousel）插件推荐！！！
给大家推荐一个超好用的基于 React 的轮播图插件React Responsive Carousel想看 Demo，可以查看下面这个链接Demo中文文档说明（非官方版本），大家可以做个参照：React Responsive Carousel 中文说明Ps: 大家有用到好用的轮播图插件，记得分享出来~...
2020-04-16 17:04:44
12503
1
原创 [react-a11y-role-has-required-aria-props] 报错该怎么解决
aria-checked={true}value= “xxxx”
2020-01-16 17:37:29
202
原创 关于图片路径打包为 src= "[object Module]" 的解决方法
检查 file-loader 的版本当 file-loader 的版本是 4.3.0 及以上，则需要在 webpack.config.js 中手动配置属性 esModule : { test: /\.(jpg|jpeg|png|gif|svg)$/, loader: "file-loader", options: { ...
2019-12-30 11:26:01
1922
转载 前端程序员必看的进阶好文
无论你是前端小白，还是有几年开发经验的老手，这篇文章一定会给你启发，甚至帮助你找到未来的发展方向！！！！前端程序员的进阶之路
2019-09-18 10:09:25
176
转载 使用程序管理焦点绑定 input 输入框
使用程序管理焦点我们的 React 应用在运行时会持续更改 HTML DOM，有时这将会导致键盘焦点的丢失或者是被设置到了意料之外的元素上。为了修复这类问题，我们需要以编程的方式让键盘聚焦到正确的方向上。比方说，在一个弹窗被关闭的时候，重新设置键盘焦点到弹窗的打开按钮上。MDN Web 文档关注了这个问题并向我们解释了可以如何搭建可用键盘导航的 JavaScript 部件。我们可以用 DOM...
2019-09-17 15:02:17
209
原创 火狐浏览器按比例缩放时border的值被修改
当我们为 div 设置 border 属性后，在火狐浏览器中，页面按比例缩放时，div 的宽高变形了，如下图所示：想要带有border属性的 div 保证宽高不受页面比例缩放的影响，可以给 div 添加一个属性box-sizing: border-box;即可。...
2019-09-11 10:11:48
706
原创 怎样图片自适应大小
只需要给图片本身加几个 CSS 属性即可：// HTML<div> <img src="path.jpg" alt" /></div>// CSS/* 给定父级的宽高 */div { width: 500px; height: 500px; /* 如果需要让图片各方位居中 */ display: flex; justify-cont...
2019-09-02 15:56:45
18034
原创 怎么样让弹性盒子的前面几排等分，最后一行自动靠左等分
直接给父级一个伪元素选择器，再将每个等分元素的宽度设定好，就可以实现前面几排的等分，最后一行左对齐的等分。div:after { content: ""; display: block; width: 600px;}...
2019-09-02 14:13:13
1979
原创 enzyme
Test Utilities安装引入 Test Utilitesimport ReactTestUtils from "react-dom/test-utils"; // ES6var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npmenzyme① shallow：是官方测试工具库 react-ad...
2019-08-22 16:35:50
919
原创 tslit 中 console.log 报错该怎么整
在 tslint.json 文件中加上一条规则就ok了： "rules": { "no-console": false },
2019-08-22 16:06:55
976
原创 搭配 mocha 使用的断言库 —— chai
chaiassert引入 assertvar assert = require('chai').assert; expect引入 expectvar expect = require('chai').expect;should引入 shouldvar should = require('chai').should();区别expect ：提供了一个函数作为链...
2019-08-22 10:23:22
318
原创 React 单元测试框架 —— mocha
mocha安装mochanpm install mocha --save-devchainpm install chai --save-dev编写测试脚本通常，测试脚本与所要测试的源码脚本同名，但是后缀名为 .test.js （表示测试）或者 .spec.js （表示规格）。每个 describe 块应该包含一个或多个 it 块。describedescrib...
2019-08-22 10:22:20
573
原创 dependency与devDependencies的区别是什么？
引入 npm 官网对 dependency 与 devDependencies 的官方解释：“dependency”:These packages are required by your application in production.（这些软件包是生产中的应用程序需要的）“devDependencies”: These packages are only needed for dev...
2019-08-21 15:29:15
3362
原创 在 ts 中加载 css 样式和图片
在 ts 环境中加载 css 样式和图片都需要简单的配置，配置流程如下：加载 css 样式首先需要下载额外的依赖：npm i --save-dev css-loader style-loader下载完依赖之后，需要到 webpack.config.js 文件中配置识别 css module 的配置项：module: { rules: [ // All fil...
2019-08-21 14:54:25
5278
转载 git
Git是目前世界上最先进的分布式版本控制系统（没有之一）集中式 vs 分布式• 集中式版本控制系统最大的毛病就是必须联网才能工作• 分布式版本控制系统根本没有“中央服务器”，每个人的电脑上都是一个完整的版本库使用Windows的童鞋要特别注意：千万不要使用Windows自带的记事本编辑任何文本文件。原因是Microsoft开发记事本的团队使用了一个非常弱智的行为来保存UTF-8编码的文件...
2019-08-20 17:27:06
145
原创 SemVer
版本格式：主版本号.次版本号.修订号，版本号递增规则如下：主版本号：当你做了不兼容的 API 修改，次版本号：当你做了向下兼容的功能性新增，修订号：当你做了向下兼容的问题修正。先行版本号及版本编译元数据可以加到“主版本号.次版本号.修订号”的后面，作为延伸。语义化版本控制规范（SemVer）使用语义化版本控制的软件必须（MUST）定义公共 API。该 API 可以在代码中被定义或...
2019-08-20 17:17:32
339
原创 axios小结
Axios 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用Installing使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"><...
2019-08-20 14:33:54
85
原创 vs 配置 ts 环境
环境配置安装 ts// 安装npm install -g typescript// 查看版本tsc -v// 更新npm update -g typescript安装 Typingstypings 主要是用来获取 .d.ts 文件。当 typescript 使用一个外部 JavaScript库时，会需要这个文件。npm install -g typings安装 nod...
2019-08-20 14:27:21
1761
原创 ts快速入门手册
ts快速入门手册基本数据类型TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。booleanlet isDone: boolean = false;number和 JavaScript 一样，TypeScript 里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScri...
2019-08-20 14:11:38
2702
空空如也
mocha使用中， import 图片报错。
2019-08-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人