- 博客(20)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 js的防抖和节流
在之前的学习过程中，一直碰到防抖和节流这两个词，但是一直不知道是干什么用的，所以在网上搜索了很多帖子关于防抖和节流的应用场景和代码示例。在这里做一个用法的记录和个人的一些总结。 一、防抖 1. 应用背景 2. 代码示例 二、 节流 1. 应用背景 2. 代码示例...
2021-08-02 11:34:45
153
原创 Creat-react-app脚手架生成的项目配置less详细教程
通过脚手架创建的react项目直接写less是不行的，需要进行配置。一、安装less&less-loadernpm install less --save//这里less-loader不加版本号，可能会默认安装高版本（有的时候会报错）npm install [email protected] --save...
2021-06-11 15:03:18
381
2
原创 React项目引入中国地图
项目需求在React项目中引入中国地图，完成基础数据的渲染（类似疫情地图那样） 点击地图可以显示某个地区的多个item，点击之后可以路由到不同的页面前期工作因为Echarts我记得之前是支持地图组件的，可是现在因为涉及到一些问题，不能使用了。详细的可以查看官方文档配置项（series map类型）。所以现在需要引入china.js这个文件（原因：官方说的是因为现在地图精度的提高，代码增多，需要下载文件并引入），上网查了一些资料也看了一些博客，最后还是看官方文档（真的开发千万要看文档，磨刀不误砍.
2021-04-25 22:34:14
1224
原创 JS原型链——爬坑
今天在看JS红宝书的时候，继承部分有个概念一直理解不到位，抓耳挠腮两个多小时终于有点思路，记录一下。问题是这样的：这段看的时候不是很迷惑，但是到了后面我就开始迷惑了function object(o) { function F() {} F.prototype = o; //将F的原型对象指向o return new F(); //返回一个F的实例对象 }我的疑惑就是，怎么F函数的实例对象就突然变成o的副本了？？结合上下两张图片我画了一
2020-12-04 01:15:06
87
原创 JS之闭包总结分享
JS之闭包总结分享作用域和作用域链变量分为全局变量和局部变量。函数可以访问全局变量；但是函数外部不可以直接访问局部变量。作用域链：在调用一个函数时，会为这个函数调用创建一个执行上下文，并创建一个作用域链。然后用 arguments 和其他命名参数来初始化这个函数的活动对象。外部函数的活动对象是内部函数作用域链上的第二个对象。这个作用域链一直向外串起了所有包含函数的活动对象，直到全局执行上下文才终止。 什么是闭包？&思考题各种专业文献上的"闭包"（closu...
2020-11-26 16:23:06
73
原创 JS程序|盛最多水的容器
题目来源：力扣先来一下题目描述：给你 n 个非负整数 a1，a2，...，an，每个数代表坐标中的一个点(i,ai) 。在坐标内画 n 条垂直线，垂直线 i的两个端点分别为(i,ai) 和 (i, 0)。找出其中的两条线，使得它们与x轴共同构成的容器可以容纳最多的水。说明：你不能倾斜容器，且n的值至少为 2。解题思路：这个很容易想到的是暴力求解的方法，两层for循环，设置一个默认最大值就可以得出最大的面积。确实这个方法拍脑袋就可以想到。但是有没有更优的方法呢，是有的。...
2020-08-19 21:07:45
213
原创 VScode 安装 Emmet后，Tab键无法自动补全代码的问题
之前看视频学习的时候，看到网上老师打一手缩写，Tab键一按自动补全。让每次写HTML的我真的是羡慕不已。终于再网上搜了一下，Emmet。看了官网文档和演示视频后，立马VScode安排了，可是想象中的自动补全根本没有。Tab键都按爆了，还是不能补全。上网搜索，看了一篇Enable Emmet support for JSX in Visual Studio Code | React的文章（看文章应该需要科学上网），里面详细讲解了如何在react中自动补全JSX代码，我把他的步骤翻译成图，毕竟一图胜千言
2020-08-14 15:32:31
1442
原创 JS程序|Z字形变换
注 题目来源:力扣将一个给定字符串根据给定的行数，以从上往下、从左到右进行Z 字形排列。比如输入字符串为 "LEETCODEISHIRING"行数为 3 时，排列如下：L C I RE T O E S I I GE D H N之后，你的输出需要从左往右逐行读取，产生出一个新的字符串，比如："LCIRETOESIIGEDHN"。请你实现这个将字符串进行指定行数变换的函数/** * @param {string} s * @param {number} ...
2020-08-14 10:31:25
683
原创 JS程序|最长回文数字符串
注 题目来源：力扣给定一个字符串 s，找到 s 中最长的回文子串。你可以假设s 的最大长度为 1000。示例 1：输入: "babad"输出: "bab"注意: "aba" 也是一个有效答案。解题思路：这个题目是直接拍脑袋想法，就是暴力求解。思路是这样，首先创建一个函数，判断一个字串是不是回文数，判断方法为，选出字符串的中间位置下标。如果是奇数位自行取整。然后一个for循环比较前后字符。返回判断结果。接下来，在函数整个方法里面两层for循环，选取字符串s的下标，截取字串。 再调用创.
2020-08-11 14:31:14
436
原创 JS程序|最长无重复字符串
问题描述：给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。示例1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。总结一下这个题目的解题思路：主要是滑动窗口这个概念，维护一个内部包含不重复元素的窗口，如果有新元素进来，检查一下这个元素是否在窗口内；如果不存在，就加入窗口，得到一个新的窗口。如果存在，就将窗口中相同元素及之前的元素剔除，加入新元素。形成一个不含重复元素的新窗口。然后，检测新窗口的长度，和最大长度比...
2020-08-09 16:33:40
395
原创 js学习--闭包的三个小demo
描述：点击li标签，输出对应的索引值。学习标签：this指向 闭包 立即执行函数<ul class="nav"> <li>HTML</li> <li>CSS</li> <li>JS</li> </ul> <script> // 闭包的三个实际应用 // 1.点击一个li标签，输出li标签...
2020-08-02 23:03:53
166
原创 Flex布局学习笔记总结
目录Flex布局原理父元素（容器）属性flex-directionjustify-contentflex-wrapflex-flowalign-itemsalign-content子元素（项目）属性flex-growflex-shrinkflex-basisflexorderalign-selfFlex布局原理flex是flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当
2020-07-27 16:55:38
196
原创 css定位笔记总结
css position属性有五种定位方式（static , relative , absolute , fixed , sticky）定位方式 在文档流 会产生堆叠 设置top等属性 static 是 否 不需要 relative 是 是 需要 absolute 否 是 需要 fixed 否 是 需要 sticky 是 需要 接下来逐一进行总结static 默认的.
2020-07-12 11:16:22
100
原创 React 登录态的简单实现
问题描述：刚开始学习React ，项目需要有一个登录界面，实现登录功能。第一想法当然是在仓库（redux的reducer中）中创建一个islogin字段标识登录状态（默认为fasle）。但是在调试过程中，登录成功之后，显示到其他界面，刷新就会直接跳转到登录界面。原因：因为界面刷新之后会重置静态资源。（或者说你的react项目的仓库中的那些默认值都要被重置，比如那个islogin字段...
2019-12-13 19:39:47
1876
原创 从centos裸机到davinci的配置
davinci的配置文档网上一搜一大把，但是本人感觉都是照着github上面的文档复制粘贴。所以我在配置的时候踩了一些坑，也看了不少人写的博客，这里整理一下希望留给大家一些借鉴。主要参考davinci的中文文档：https://edp963.github.io/davinci/docs/zh/1.1-deployment环境：centos6.5安装准备： 1. ...
2019-12-09 23:03:41
439
原创 react 项目——踩坑日记（1）
背景：react项目，引入redux，axios。问题： axios请求json对象成功=>进行到then语句中，依次执行=>执行到then 里面的dispatch（action）时，并不执行=》直接执行catch（）里面的内容。例如如下代码：export const getActiveSearchInfo=(month,week)=>{ retur...
2019-12-02 18:44:10
216
原创 VSCode 占用电脑内存过大的处理方法
最近在使用VSCode进行react项目，调试界面的时候发现电脑非常卡，一看任务管理器发现内存和磁盘都炸了，将近100%。在网上搜了各种处理办法，最终整理一下，发出来希望为大家解决问题。1.打开VSCode => File => Preferences => setting 搜索search.followSymlinks 将其设置为false，或者去掉勾选。2.打开c...
2019-11-30 13:31:35
5621
1
空空如也
h5 canvas 画布填充图片
2021-07-06
想用canvas实现图片和背景色的同时填充
2021-06-10
react 项目中使用echarts热力图组件，缩放尺寸的时候，出现错误
2021-03-31
JS原型式继承的这个概念怎么理解？有没有大佬可以讲解一下
2020-12-03
react 项目登录态如何设计？
2019-12-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人