- 博客(34)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS（JavaScript）检查系统内是否安装了某个字体 - 代码实现
【代码】JS（JavaScript）检查系统内是否安装了某个字体 - 代码实现。
2024-04-17 11:44:44
120
原创 监控浏览器tab标题的变化，并更改浏览器tab标题tile的名称
通过javascript代码，实现监控浏览器tab内容变化并自动修改为自定义内容
2023-08-28 17:06:00
258
翻译 客户端与服务器端的区别（Client-Side Vs. Server-Side）
客户端与服务器端的区别（Client-Side Vs. Server-Side Difference）
2022-06-27 15:19:14
3005
原创 检测输入的内容是否可以转换为合法的数字，包括整数，小数，带负号的数字 【自己备忘录】
export const nanRegex = /^[nN][aA][nN]$/g;export function testIsNumber(numberString) { const nanRegexChecker = new RegExp(nanRegex); if (nanRegexChecker.test(numberString)) { return false; } if (isNaN(numberString)) { return false; }.
2022-04-25 14:56:12
271
翻译 html中script标签中，async/defer 属性的作用和区别(有图片辅助理解)
一. HTML是怎样被解析的？二. script标签中各属性的作用asyncdefer
2021-09-16 17:15:52
1022
2
原创 前端面试题：实现批量请求数据，并控制请求并发数量，最后所有请求结束之后，执行callback回调函数
引子想象一下排队打疫苗，外面排了一堆人，接种点里面就那么几个可以打疫苗的地方，上图里面得有13个可以同时打疫苗的位置，诊室里面打完一个人，出来一个人，外面排队的人，排在最前面的再进去一个。好了我们类比一下这道题，我们知道Chrome浏览器同时可以进行6个并行的请求任务，这里要让我们自定义最多可以同时进行多少请求，也就是请求的并发度， 那也就是说，如果现在给了我们20个请求，20个url需要去fetch，同时定义了，最多同时可以进行3个请求，那么一开始，我们先从头开始fetch， 第1个到到第3个.
2021-07-18 00:06:02
4034
1
原创 前端面试题：用 mouse 事件写一个可拖曳的 div，考虑了浏览器边界情况
思路第一层： 先搞定基础的代码设定，再来考虑边界的问题。总体框架应该是 鼠标按下，鼠标移动，松鼠标。先上html代码，带一个有border，有padding，有背景颜色的div盒子<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title> <style> * { m
2021-06-13 19:58:35
322
原创 前端面试题：Array.map(parseInt) array.map搭配parseInt 出现的奇怪输出 [1,2,3].map(parseInt)
题目let arr = [1,2,3];let result = arr.map(parseInt);console.log(result); // expected: [1,NaN, NaN]解析：首先看parseInt这个函数：参考：parseInt 函数详细信息来自MDN这个function 一共可以传两个参数，第一个参数是要解析的string，如果不是string也要把它转换成字符串，第二个参数可以不传，但是注意：在W3school中查到的关于第二个参数的解释：参考：parse
2021-06-11 00:49:11
266
原创 Notepad++所有快捷键汇总
鼠标光标停留在一行的某处，按 Home 键光标会跳到行首，按End键光标会跳到行尾。鼠标光标停留在行尾，按 Shift + Home 选中一行。鼠标光标停留在行首，按 Shift + End 选中一行。鼠标光标停留在类中某处，按 Shift + PageUp 选中类的光标前面所有内容。鼠标光标停留在类中某处，按 Shift + PageDown 选中类的光标后面所有内容。选中所有内容，Ctrl + A 。要选中一行可以先按Home键，然后再按Shift + End 选中一行。Notepad++
2021-04-29 13:14:36
8143
原创 html中input放在label中和label用for_id和input绑定的区别探究，涉及到事件传播的冒泡阶段
0 前言先看我准备的一个示例代码：<body> <form> <label id="boyLabel"> Boy: <input type="radio" name="gender" id="boy" value="boy"> </label> <br> <label for="girl">Girl:</label>
2021-04-04 17:44:13
850
原创 浅析 MVC
MVC 三个对象分别做什么MVC（Model–view–controller）模式是软件工程中的是一种架构设计模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。概念是来源于后端的框架构建思想，是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。class Model={ data(){} //保存数据 //
2021-03-27 19:40:51
116
原创 [VSCode现已经支持，另外插件已经搜不到了]在javaScript中nullish coalescing两个问号??操作符VSCode不能识别的问题解决方法
综述从两个角度考虑：1： node版本够不够v142： 格式化插件用错了，用了一个过时没有及时更新的格式化插件想看我解决办法的直接拉最后经历过程先上图：我最开始发现，我先敲这个代码：最开始是两个问号还是白色的，我加个一个插件： Nullish Coalescing Operator Grammar然后字符就能够正常识别了，否则两个问号都是白色的，然后我格式化之后， 就出问题了！！自动给我加空格了，这可还行！我运行之后onsole.log(null ? ? "default")
2021-03-26 01:02:42
913
2
原创 DOM的三种事件模型和牵扯到的事件e
引子(略长，看事件模型可以直接跳到后面)：事件：什么是事件呢？直观的说就是网页上发生的事情，大部分是指用户的鼠标动作和键盘动作，如点击、移动鼠标、按下某个键。为什么说大部分呢，因为事件不单单只有这两部分，还有其他的例如document的load和unloaded。只不过我们更加关注的是用户的操作。事件被封装成一个event对象，包含了该事件发生时的所有相关信息（event的属性）以及可以对事件进行的操作（event的方法）。e常用属性：各个浏览器中鼠标位置的属性 offse.
2021-03-18 17:18:23
393
3
原创 JS中的事件委托
引子其实事件委托就好比你找人帮你写寒假作业，因为寒假作业肯定有很多科嘛，咱就算是语数外三科，第一种方式：你分别找三个人，一个人帮你写数学，一个帮你写语文，一个帮你写外语第二种方式：你找一个靠谱的人，他帮你找人，他帮你找三个人，每个人负责一科其实就是把你想要干的事给委托出去了，只不过是把所有的事委托给了一个人而已，1. 前期所需了解背景知识（事件捕获+冒泡阶段）：看上面的图，我分别给html标签，body标签，section标签，和里面的a标签都添加clickevent后，会...
2021-03-18 14:45:24
132
转载 jQuery 基本使用方法（考古文章）
1. jQuery 如何获取元素$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]') // 选择name属性等于first的input元素也可以是jQuery特有的表达式： $('a:first') //选择网页中第一个a元素 $('tr:odd') //选择表格的奇数行 $('#myForm :inp
2021-03-18 00:38:43
119
原创 JS 函数的执行时机
for循环外用 let 声明的变量let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}// 打印结果：666666在解释会输出什么样的结果之前，我们先看一段代码：let i = 2console.log(i);console.log("============");for(; i<6; i++){ console.log(i)}console.log
2021-02-17 17:28:20
140
原创 JS 对象基本用法
1：声明对象的两种语法// 第一种方式：此方式为简写let objA = { 'name':'obja', 'dob':'2021-1-1'}// 第二种方式：此方式为正统写法let objB = new Object({'name':'objb', 'dob':'2021-1-2'})2：如何删除对象的属性let objA = { 'name':'obja', 'dob':'2021-1-1'}delete objA['dob']3：如何查看对象的属性let objA = { '
2021-02-11 11:18:59
153
1
原创 JS 的基本语法
1. 什么是表达式和语句表达式（expression）：js 中的一个短语，js 解释器会将其计算出一个结果。程序中的常量是最简单的一类表达式。变量名也是一种简单的表达式，它的值就是赋值给变量的值。复杂表达式是由简单表达式组成的。比如，数据访问表达式是由一个表示数组的表达式、左方括号、一个整数表达式和右方括号构成。它们所组成的新的表达式的运算结果是该数组的特定位置的元素值。同样的，函数调用表达式由一个表示函数对象的表达式和0个或多个参数表达式构成。将简单表达式组合成复杂表达式最常用的方法就是使
2021-02-08 23:19:10
2514
原创 JavaScript 的诞生
1. 需求推动创新最开始，94年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器，但是只能用来看，而不像现在这样可以通过点击或者键盘输入来进行与用户的交互操作，所以在当有了这些需求的时候，就促使了一个网络语言脚本的产生。2. 借东风却借来了西北风一开始网景公司内部有两个选择，一是利用现有的编程语言，二是开发一种全新的但高度可根据自身定制的语言， 与此同时Sun公司开发的Java语言大火，遂与Sun公司结成同盟，开始推广在浏览器内使用Java语言
2021-02-02 00:09:08
200
原创 浅析 URL
URL 包含哪几部分，每部分分别有什么作用例子： https://www.baidu.com/s?wd=dns&rsv_spt=1#top其中： https:// 这里注明了所请求的协议www.baidu.com 这里是域名/s 代表的是域名下的请求路径 ？ 起到连接后面传参的作用， 除此之外，还有一个清除缓存让网页重新加载而不是从之前缓存加载的作用,因为会被浏览器认为是一个新的地址& 表示连接不同的请求参数用，前面的属性名，比如此url中的wd，rsv_spt都是后端服务器定
2021-01-28 16:33:37
170
原创 210127 浏览器渲染过程与CSS动画的两种创建方式
浏览器渲染HTML页面的过程:【果冻公开课】CSS教程第四课：浏览器渲染HTML页面的过程（上）.截图自：animation-fill-mode属性.练习了一个跳动的心的动画：http://js.jirengu.com/najihohuye/1/复习了：相对定位和绝对定位：主要看 1.相对于谁定位 2.是否释放原来的位置【果冻公开课】CSS教程第四课：浏览器渲染HTML页面的过程（上）....
2021-01-27 23:47:19
199
原创 transform:translate(-50%, -26%)发现一个chrome浏览器关于下边框的奇怪现象，edge浏览器就没事
用的浏览器是Chrome浏览器，后经测试，Edge浏览器就没事,应该是Chrome浏览器的问题transform:translate(-50%,-26%);第二个参数当它是奇数的时候，div会出现下边框border，偶数的时候就不会出现下边框，最近在梳理复习前端的基础知识，偶然发了一个不知道算不算bug还是浏览器特殊渲染方式的一个现象，自己没想明白，特记录在此，若有人清楚原因，还麻烦留言给我，多谢！项目是这样的，div套娃，border-radius:50%全做成圆形的，填彩...
2021-01-15 10:46:44
560
原创 VSCode中Emmet修改默认html或css模板snippets
网上找了一圈真的是国外的网站也找了，一个油管印度老哥的视频帮到了我设置，但是代码部分又是网上别的地方找的，所以没有一步到位的解决办法，于是就有了这篇文章，看完，你就可以自己设置了，也算自己没白折腾半天吧。【1】创建 snippets.json 文件此处参照了官方的配置操作见： Using custom Emmet snippets你愿意放哪里都行，下一步要在VSCode中配置路径的反正，我是放到了:C:\Users\XXXX\AppData\Roaming\Code\User\snippetsX
2021-01-12 16:54:07
1282
原创 MySQL的my.ini配置文件不生效和导入数据库中文乱码的解决方案
从本地导入数据库后发现，从后台获取的数据，中文都是乱码的，遂开始折腾踩坑，折腾一天一夜摸索出了，终极大招，分享一下，基本能出问题的地方，我都出问题了好像，哭T_T来个引子，我和这个人的情况一样，也是导入数据库的时候就有问题，但是我没有注意，结果获取数据就出问题了问题 开始于 使用mysql命令插入中文数据插不进去ERROR 1366 (HY000): Incorrect string value: ‘\xD6\xD0\xCE\xC4’ for column。开始查看有关字符集的问题。如果使用 s
2020-07-25 05:13:27
1698
5
原创 Element ui中menu组件(el-menu/el-menu-item/el-submenu/template) 层级结构和用法
初学者，刚接触，用到不知道怎么回事刚接触，今天就特意各种粘贴复制示例代码，终于自己试出来了，具体的结构层级关系。看完就能知道这个menu的结构上怎么组织和使用1. 我准备的示例：先上代码，格式加了空行，方便看结构：（前期模板组件的导入和注册都略过了）<el-menudefault-active="2"class="el-menu-vertical-demo"@open="handleOpen"@close="handleClose"background-color="#
2020-07-24 13:16:34
92796
15
原创 res.redirect 后面必须要接return吗？ 答案看情况
我最近学到Express框架，用到redirect，视频里面有时候就说要return，有时候又不要return，遂查了一下情况一：User.findOne({name: name},function(err, user){ if(err) { console.log(err); } if(!user) { return res.redirect('/login_error_user.
2020-07-07 02:56:40
642
翻译 文件服务器和ftp服务器的区别
您可能已经听说过“ FTP服务器”和“文件服务器”这两个术语。 这两种解决方案是相似的，许多人错误地互换使用这些术语。 但是，FTP服务器和文件服务器有一些不同的变化，这可能意味着一种适合您的业务，而另一种不合适。在能够选择适合您需求的服务器之前，至关重要的是，您必须确切了解什么是FTP服务器和文件服务器。 然后，您需要更多地了解它们的异同。 掌握了所有事实之后，您便可以选择最适合您业务需求的服务器。自1990年代以来，FTP或文件传输协议（file transfer protocol）就已经存在。这是
2020-06-24 04:09:20
10026
2
转载 window系统 晃动鼠标 鼠标放大 Shake to Find Cursor
Mac系统上有的功能，但window上一直没发现，就是尤其在连接多个外接显示器，屏幕还比较大时，鼠标容易找不到，所以也就有了这个需求，能做到像mac系统下，快速晃动鼠标，鼠标会放大，让你轻松找到，原网站【包含源代码 和 程序下载】http://spinalcode.co.uk/2018/11/06/windows-shake-to-find-cursor/...
2020-05-29 02:33:24
6312
原创 win10/wamp下重置Mariadb 10.4.10的root用户密码password
先把服务停下来：net stop mysql【这个mysql在你的电脑上可能不一样，请查看自己电脑的服务里的名称，给一张我电脑上的截图作参考】所以在我的电脑上就是 net stop wampmariadb64之后用这种方式打开一个命令行工具用cd 命令到你的mariadb的安装路径去我的电脑上面是：得到那个bin的目录下面去然后就会显示像我图片那样的显示效果...
2020-04-25 13:50:36
956
原创 macOS 10.15.4 Catalina配置Apache
修改完documentroot路径之后，Warning: Unknown: failed to open stream: No such file or directory in Unknown on line 0Fatal error: Unknown: Failed opening required '/var/www/site1/public_html/public/word...
2020-04-21 15:46:00
432
原创 前端项目-Snake(贪吃蛇)-html+css+js 含视频课程+全套代码
项目完成后效果：游戏开始时游戏进行中游戏结束时项目目录项目视频链接：链接：https://pan.baidu.com/s/1YHeVGSQNC0zbFqngincKug提取码：z5vv项目源码： 链接：https://pan.baidu.com/s/1FBjeuF9UI5Vcoqr3fvsLcg提取码：f6q7自己写的代码(以便clone):https://github....
2020-04-09 17:09:06
379
2
原创 前端小项目-Thunder Raid(全民飞机大战)-html+css+js 含视频课程+全套代码
前端项目，飞机大战 视频课程加源码项目视频链接：链接：https://pan.baidu.com/s/1D8y3KhS5O_J4erc8wU8r6A提取码：43ds项目源码： 链接：https://pan.baidu.com/s/1ipEXPPWUT6iqtZB81rkljg提取码：p5ev自己修改调整过后的代码（增加了游戏界面下方的分数栏，游戏结束时的Game Over图标，突出显示分数栏（字体颜......
2020-04-08 03:08:32
655
6
原创 前端小项目-Flappy Bird(像素鸟)-html+css+js 含视频课程+全套代码
项目完成后效果：项目视频链接：https://pan.baidu.com/s/1K8SmL4CcgsjlrQyurkmEIg提取码：95ef项目源码： 链接：https://pan.baidu.com/s/1ipEXPPWUT6iqtZB81rkljg提取码：p5ev自己修改调整过后的代码（增加了左上角的分数线是，游戏结束时的分数牌外加再来一次的button按钮）：https://g...
2020-04-07 16:12:54
782
2
Shake To Find.exe
2020-05-29
惠普打印机诊断软件for windows操作系统
2018-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人