- 博客(25)
- 收藏
- 关注
RSS订阅原创 React脚手架配置less
1 暴露webpack配置yarn eject暴露出webpack配置项找到webpack配置文件webpack.config.js，该文件中对于sass文件进行了配置，所以可以直接仿照sass文件的配置配置less全局搜索sass,找到下面图片的内容，添加对于less的处理在rules中仿照sass的配置添加less的配置// less and lessModule{ test: lessRegex, exclude: sassModuleRegex, use
2021-12-07 10:11:13
402
1
原创 H5的浏览器兼容
1 结论HTML5支持所有的主流浏览器，如Chrome，火狐，Safari，IE9及以上的浏览器，但是不兼容IE8及以下的浏览器。所有兼容的浏览器，不论新旧，都会自动把未识别元素当做行内元素来处理，可以设置：header, section, footer, aside, nav, main, article, figure { display: block; }IE8及以下的浏览器：方法1：手动创建标签,但是注意手动创建的标签默认都是行内元素,可以使用displa
2021-05-07 12:48:28
1596
原创 如何在页面上实现一个圆形的可点击区域？
方法1 使用border-radius将radius设置为50%,则在元素高度和宽度相等的情况下，可以得到一个圆<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content=
2021-05-06 22:37:20
422
转载 li与li之间的空白
浏览器会把inline元素间的空白字符（空格、换行、Tab等）渲染成一个空格。而为了美观。我们通常是一个 放在一行，这导致换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。解决办法：（1）为<li>设置float:left。不足：有些容器是不能设置浮动，如左右切换的焦点图等。（2）将所有<li>写在同一行。不足：代码不美观。（3）将<ul>内的字符尺寸直接设为0，即font-size:0。不足：<ul>中的其他字符尺寸也被设为0，需要额外重新设
2021-05-06 13:47:44
296
原创 css实现多列等高
前言本文是在阅读了这篇文章后，对其内容添加了一些自己的注释和理解产生的，主要方便自己查看要实现的效果：解决布局：<ul class="Article"> <li class="js-article-item"> <p> 《山楂树之恋》是由张艺谋执导，周冬雨、窦骁等主演的爱情片，该片于2010年9月16日在中国内地上映。 该片根据艾米的同名小说改编，讲述了静秋、老三之间相识、相恋，最后天人永隔的故事。
2021-05-06 13:06:39
338
原创 超链接的Lvfha
超链接的Lvfhalvfha表示超链接的五种状态，也是5个伪类，lvfha表示应用这5个伪类为超链接添加样式时应该遵守的原则性顺序a 处于任意状态的超链接a:link 设置还没有访问过的超链接样式a:visited 设置访问以后的超链接样式a:focus 设置获取到鼠标焦点的超链接的样式，一旦鼠标点击其余位置，则马上切换到visited状态a:hover 设置鼠标悬浮的超链接样式a:active
2021-05-06 10:02:30
214
原创 DOCTYPE
DOCTYPE在html文档中的第一行总是<!DOCTYPE html>这是H5中引入的，表示开启标准模式，这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“怪异模式(兼容模式)”的渲染模式。例如在怪异模式中，盒模型会默认为怪异模型，即width = content+padding+borderheight = content+padding+border 而标准盒模型为：width = contentheight = content具体可以参考:盒模型...
2021-05-06 00:33:13
60
原创 DOM事件中this的指向问题
几种DOM事件绑定方式下的this指向1 通过在标签中指定方法1：<script> function test() { console.log(this); }</script><button onclick="test()">点我</button>结果指向window对象方法2：将this传递给事件处理函数<button onclick="test(this)">点我</butto
2021-05-05 22:12:29
978
1
原创 箭头函数中的this指向
箭头函数中的this指向结论：(1) 箭头函数中的this指向在函数定义时就已经确定好了，指向箭头函数定义时所在的作用域的this(2) 并且箭头函数在定义时确定后，就不能改变了，即使call,apply,bind方法也无法修改箭头函数的this指向举例：var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) }}obj.sayHe
2021-05-05 21:36:27
1818
2
原创 函数防抖和节流
防抖节流的用途一些浏览器事件，onresize，mousemove，输入校验等，触发的频率非常高，会造成界面卡顿。如果事件触发后，还需要向后台发送请求，频繁触发，对服务器造成不必要的压力防抖1 原理函数防抖，函数被触发了多次，但是只会执行最后一次触发的事件例如在一个点击事件中：用户第一次点击后，异步任务定时器模块，等待wait时间，如果在这个时间段内，又触发了任务，则关闭上一次触发的定时器，执行本次的定时器，如果在wait时间内又出现了新的点击触发，则关闭之前的定时器，从刚才的点击开始计时如果一
2021-05-05 18:21:47
91
原创 call,apply,bind三者比较
apply和callapply和call作用相同，都可以用于调用其他对象的方法，改变其他函数调用时内部this的指向，只是传参的形式有区别而已。apply 方法传入两个参数：一个是作为函数上下文的对象，另外一个是作为函数参数所组成的数组。call 方法第一个参数也是作为函数上下文的对象，但是后面传入的是一个参数列表，而不是单个数组。call和bind相同点：三个均可以修改原函数在执行时this的指向不同点：bind返回一个函数，call和apply会直接调用原函数call和apply中将传
2021-05-05 17:00:50
121
原创 js自实现bind、apply、call方法
js中自实现bind前言看了两篇文章，对于其中难以理解的部分使用es6的扩展运算符稍作修改，总结得到这篇文章https://github.com/lin-xin/blog/issues/7https://blog.csdn.net/lovefengruoqing/article/details/80186401实现bind1 bind创建了一个新的函数2 在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。
2021-05-05 16:26:25
197
2
原创 在vscode中产生自定义模板，加快编码速度
vscode自定义代码模板声明：本次演示以react中的jsx代码的生成模板为例，最终的目标：输入MyComponent回车即可产生下面的代码段：第一步：在vscode中，file->preferences->User Snippets打开以下界面：第二步：输入javascript.json回车进入该界面，得到这里面的内容提示我们以下几点：1 请在下面的内容中放置你的代码段，每个代码段都应该包含四个部分：代码段的名字、前缀、主体以及一个描述。前缀就是MyComponent，b
2020-09-22 21:09:29
169
原创 在sublime中使用markdownlivepreview预览md文件
首先确保markdownlivepreview这个包安装成功，然后创建md文件，ctrl+shift+p,输入mdp,选择从而就可以一边编辑一遍预览了
2020-07-15 20:40:40
5897
1
原创 sublime中使用livereload实现html文件的实时预览
第一步：在谷歌中的操作在google浏览器中安装livereload插件这个图标就是livereload扩展程序第二步：在sublime中按住ctrl+shift+p，然后输入package list，查看是否装了livereload包，如果没有则ctrl+shift+p,输入install package，回车，然后输入livereload,回车安装该包第三步：在sublime中建立html文件，然后在浏览器中打开，点击扩展程序，看到其变成中间为实心圆点之后在sublime中修改h
2020-07-15 20:34:09
1306
原创 Sublime text3使用注意
一、sublime text3的3.2.2版本破解这部分可以参见下面的部分：破解步骤二、html文件预览ctrl+alt+c:使用chrome浏览器预览ctrl+alt+f:使用firefox浏览器预览ctrl+alt+i:使用ie浏览器预览三、markdown在浏览器中的预览首先ctrl+shift+p,依次安装markdownEditing,markdownPreiview然...
2020-06-17 19:48:36
157
原创 在sublime text中编译js
sublime text中编译js第一步：在https://nodejs.org/en/下载Node.js,安装，并且确保它安装成功,在命令行中输入node -v显示版本号即安装成功第二步：在sublime text中Tools---->Build System---->New Build System,在弹出的文件中输入{ "cmd": ["E:/java pre/js/nodejs/node.exe", "$file"], "file_regex":
2020-06-17 19:47:40
1201
1
原创 在github中的markdown文件中添加图片、超链接，并且直接显示仓库中的html文件
1 github中的.md文件中添加图片首先在本地仓库中创建一个文件夹image存放会使用到的图片，然后根据md文件和image文件夹的位置，确定图片的相对url!图片名](相对url)例如：相对地址为image/01.png2 github中添加超链接[文字描述](url)3 直接显示html文件在网页端，打开目标html文件所在的仓库，点击settings然后找到下面的...
2020-05-05 21:15:25
3461
原创 Git安装，本地库和远程库连接，在sublime中使用
Git安装和环境配置详细可以参见这里git安装比较简单，可以自行修改git的安装位置，其余一直点next即可，安装完成之后在任意位置右击鼠标应该出现想要检查是否安装成功，可以win+R输入git,出现即成功然后我们可以登录github网站注册一个账号，记住用户名和邮箱之后就是配置环境：安装好git之后，我们需要配置它的环境，需要将本地安装的git和github网站的用户名和邮箱统一,...
2020-04-28 20:08:21
371
原创 conda虚拟环境创建常用命令行语句
1.创建python版本为X.X、名字为env_name的虚拟环境conda create -n env_name python=X.X（3.6、3.7...)2.切换虚拟环境activate env_name:切换到某个虚拟环境下deactivate env_name:关闭该虚拟环境3.conda常用的命令conda list：查看目前的虚拟环境中安装了哪些包conda e...
2020-04-20 17:12:57
840
1
原创 Anaconda配置tensorflow虚拟环境——CondaHttpError
第一步打开anaconda的安装目录，找到它的子文件夹envs,比如我的是在D:\programs\Anaconda3\envs，然后在其中新建一个文件夹，这个文件夹就是虚拟环境的位置，我直接将其命名为tensorflow第二步打开anaconda prompt,在其中输入activate tensorflow激活这个虚拟环境第三步：安装tensorflow的插件输入conda in...
2020-04-20 16:05:42
549
原创 Anaconda
Anaconda----好用的python版本Anaconda指的是一个开源的Python发行版本，其包含了conda、Python等180多个科学包及其依赖项 百度百科在下面的这篇文章中，该博主就介绍了如何安装：安装Anacondahttps://blog.csdn.net/ITLearnHall/article/details/81708148...
2020-04-16 22:58:24
586
原创 安装Anaconda后，Windows开始菜单缺少快捷方式解决方案
https://blog.csdn.net/bat67/article/details/81231390
2020-04-16 22:40:38
498
原创 pandas中loc,iloc，ix的用法
pandas (loc、iloc、ix)的区别创建数据框首先在pandas中需要使用pd.DataFrame创建一个数据框，其中可以设置数据的行索引和列索引import pandas as pd# 生成一个数据框df = pd.DataFrame([[1,2,3],[4,5,6],[7,8,9]],columns = ['a','b','c'])# 默认行标签为0,1,2,3,4,.....
2019-10-12 08:44:55
972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人