- 博客(47)
- 收藏
- 关注
RSS订阅原创 【JavaScript】在地址栏输入网址之后做了什么？
1. 客户端、服务器端客户端：可以向服务器发请求，并接收返回的内容进行处理服务器端：能够接收客户端请求，并且把相关资源信息返回给客户端的=> 当前电脑既可以充当服务端又可以充当客户端。因此，如何区分是服务端还是客户端：不是针对于某一台机器的，而是针对于功能、需求的2. 地址栏输入网址之后都发生了哪些操作？请求阶段URL地址解析DNS域名解析客户端与服务端建立TCP连接（三次握手）把客户端信息传递给服务器端（发送HTTP请求）服务器得到并处理请求（HTTP响应内容）响应阶段客户端
2020-05-12 22:07:05
814
原创 JS中的同步/异步编程
1. 进程(process)/线程(thread)进程process： 电脑端安装很多的应用软件，每当运行一个应用程序，相当于开辟一个进程（而对于浏览器来说，每新建一个页卡访问一个页面，都是新开辟一个进程）任务管理器可以查看进程线程thread： 每一个进程中可能还会同时做很多事情，如果程序中需要同时处理很多事情，则需要开辟多个线程（一个线程同时只能做一个事情）=> 一个进程中，会包含0~多个线程理解：每一个饭店是一个进程饭店里面每一个点餐的服务员就是一个线程2. JS是单线程的线程
2020-05-10 23:32:21
432
原创 JS算法--整数反转
1. 需求介绍给出一个 32 位的有符号整数，需要将这个整数中每位上的数字进行反转。注意:假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−231, 231 − 1]。请根据这个假设，如果反转后整数溢出那么就返回 0。反转什么鬼???? 举个栗子????输入: 123输出: 321输入: -123输出: -321...
2020-05-05 00:36:18
1419
原创 关于map 和 parseInt的一道题
一、涨知识题题目：let arr = ['1', '2', '3','4'];arr = arr.map(parseInt);console.log(arr);答案：1 NaN NaN NaN刚开始我做这道题的时候也有点蒙圈，后来查阅了相关资料，解读后发现其实就是对parseInt中第二个参数的使用。这也是第一次接触到它的第二个参数。本题涉及到知识点:数组的map...
2020-04-25 01:38:21
287
原创 实现掘金登录框中熊猫状态的改变案例
今天登录掘金的时候，发现输入手机号和密码的时候，上面的小熊是会有不会形态的。于是登录上掘金的第一件事情就是把这个小案例写了下。我是用的最简单的方法来写的。有更加简洁的方法可以在下面评论出来，大家一起进步。1. 知识点汇总1.1 结构input框的placeholder是作为默认提示的1.2 样式熊猫定位在盒子上方 定位官方文档学习1.3 JS交互思路：当手机号的in...
2020-04-22 01:23:37
514
3
原创 前端JavaScript '严格模式' 的最全总结
在阅读jQuery源码的时候，发现jQuery用到的是’use strict’严格模式。因此就去查阅了一些资料来补充自己对严格模式的认识。下面是参考【javascript高级程序设计(第三版)】的内容。1.严格模式（strict mode）1.1 什么是严格模式 ‘严格模式’最早引入是ECMAScript5。通过严格模式，可以在函数内部选择进行较为严格的全局或局部的错误...
2020-04-21 18:15:06
796
原创 变量提升真的搞懂了吗？打脸的一道题
我们知道JS代码在执行之前，会做一系列的事情，其中就包括变量提升，原本以为把变量提升搞懂的我（因为这两天一直在研究变量提升，自我感觉已经很良好了，哈哈哈），拿到了一道打脸的题。当然了，拿给身边的程序员朋友们，做对的也......废话不多说，一起来看下这道题吧。1. 题目var a = 0;if (true) { &nbs...
2020-04-19 02:01:22
238
原创 JS代码执行过程详解(面试中的加分项)
代码在执行过程中都干了哪些事(增加面试分的知识)1. 开胃题let a = 12;let b = a;b = 13;console.log(a);-----------------let a = {n: 12};let b = a;b['n'] = 13;console.log(a.n);-----------------let a = {n: 12};let b = ...
2020-04-19 00:57:53
438
原创 javascript基础知识练习题
无论学习什么语言，基础是决定高度的一大因素，本文是我整理的javascript基础题目，不难，都是最基础的知识。值得一刷1.数据类型 / 变量1.1 JS中的数据类型都有哪些，他们之间的区别是什么？1.2 数据类型的区别let a = 12;let b = a;b = 13;console.log(a);let a = {n:12};let b = a;b['n'] =...
2020-04-17 09:36:07
3664
4
原创 JS基础知识(基础的不能再基础...)
javascript的发展史关于前端的发展史，推荐看阮一峰老师的这个解说，介绍了关于javascript语言的诞生、javascript与ECMAScript的关系、javascript与Java的关系（这就跟苹果与苹果手机的问题类似吧，哈哈）、javascript的版本以及它发展的过程等等；链接地址https://javascript.ruanyifeng.com/introduction/...
2020-04-15 08:35:36
288
原创 前端正则最全知识汇总（学会正则收藏它就够啦）
本篇文章的脑图来袭喽1. 正则的认识1.1 什么是正则regular expreesion:RegExp (处理字符串的一种规则)用来处理字符串的一种规则（只能处理字符串，不是字符串不能处理，但是可以使用toString()方法变为字符串，哈哈哈哈，有没有被绕蒙，下面举个栗子理解一下吧）他是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到...
2020-04-09 18:49:39
1715
3
原创 元字符的详细解析
上一篇文章介绍了正则的用处以及正则中这些元字符的基本含义，但是如果我们只知道那些元字符的含义，不知道怎么使用和加以练习，那么对于正则我们还只是看见了门槛，并没有踏入，那么本篇文章就让我们迈起脚步正式走入正则的世界吧。let’s go!我的学习方式是：记忆元字符的含义 + 例子消化 + 案例练习首先：咱们的思维导图来喽一、正则的匹配和捕获匹配：test()：查看字符串是否符合这个正...
2020-04-08 09:41:31
4026
原创 【初识】正则表达式
正则表达式（基础认识）regular expression : RegExp首先看下关于本文章的思维导图吧记忆记忆，对于初学正则的小伙伴，这编文章值得记忆一下1. 作用用来处理字符串的规则，学正则就是为了制定规则只能处理字符串它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec/match…）let str = 'g...
2020-04-07 21:35:52
145
原创 Git中常用的命令
下面是我在项目中最常使用到的git命令1.Git本地仓库的命令我们知道，git在我们本地也可以生成一些历史版本号，进行历史版本的存储，下面就是一些从工作区到暂存区到历史区使用到的一些命令git init：创建本地仓库，此条命令执行之后会出现一个隐藏的文件夹.git。这个非常重要，不可以删除git add 文件名.后缀名：将当前在工作区的文件上传到暂存区。也可以使用这两条命令：git ...
2020-03-17 23:04:14
76
原创 Git的基本认识以及安装
1.什么是Gitgit 是分布式版本管理工具为什么需要版本管理工具历史版本备份：能够进行有效的备份和还原到历史的某个备份版本团队协作开发：解决团队开发中的合并和冲突问题2.Git的工作原理Git包括三部分：工作区、暂存区、历史区3.安装GitGit是Linux创始人研发的工具，我们在使用Linux的时候需要下载专门的运行环境，同样git也是。但是现在有专门的把所有的...
2020-03-17 22:32:23
86
原创 JS中的for循环讲解
1.什么时候使用for循环当我们想要遍历一个数组的值，或者实现一个点击按钮（多个按钮）时需要干的事情等等，这时候我们需要使用for循环实现可以更加的节约代码量。因此，可以简化为一句话：需要一轮一轮的重复去做这件事，可以使用for循环真实项目中：循环一个集合或者控制循环处理次数，并且每一轮做的事情都一样，使用for循环。2.for循环实现过程2.1首先，for的格式for(var i =...
2020-03-09 13:55:42
2432
原创 JS中的判断语句之switch case
在进行条件判断时，如果判断条件是这个变量在等于什么值时需要做的事，而不是大于或小于做的事，那么这种情况下可以使用switch case进行书写代码1.switch caseswitch (变量名){ case 值1： 需要做的事情； case 值2： 需要做的事情； ... default: ...
2020-03-07 00:11:07
22868
原创 JS中的判断语句之三元运算符
JS中除了if else来表示条件判断外，一些简单的判断我们可以使用另一种方式表示：三元运算符1.三元运算符三元运算符顾名思义它由三部分组成：条件？条件成立处理的事情：条件不成立做的事情例如：var x = 2;if(x>5){ x++;}else{ x--;}//改写成三元运算符为：x>5?x++:x--;2.三元运算符中的占位问题在平时的一些判断中，有时...
2020-03-06 23:59:53
1672
原创 JS中的a++的注意点
写程序时经常会a ++，++ a,a += 1等等关于累加累减的操作，但是这里有一些需要我们注意到的点1.a ++ 与 a += 1 、a = a + 1的区别它们的功能都是加1操作，但是如果它们要加的那个值是字符串型的呢？这就大有区别了，以一个例子展示：var a = '1';a++;console.log(a); //->2=====================...
2020-03-06 23:47:20
554
原创 JS中数据类型之间的区别
JS中分为两个数据类型，分别为基本数据类型和引用数据类型，那么他们之间有什么区别1.什么是堆栈内存堆栈内存就是在计算机内存中分配出来的一块空间，用于执行和存储代码2.代码在浏览器中的运行机制在浏览器中打开页面的时候，浏览器引擎会渲染相关的代码，换句话说，就是把代码从上而下的执行浏览器执行代码时，会提供一个供代码执行的环境，就是栈内存最开始执行的是全局下的代码，这时会形成一个全局执行上...
2020-03-06 23:26:15
655
原创 使用QQ长截图
当我们在工作中想要截取大于屏幕长度的图片时，这时候需要长截图。其实我们常用的聊天软件QQ就可以实现长截图的功能，下面是使用它的步骤第一步：首先需要打开一个聊天窗口，找到窗口中的截图选项第二步：如果我们在截图时，需要截取整个屏幕的宽度，并且不想加上QQ聊天界面，那么需要需要把鼠标放在截图上（注意不要点击），会出现隐藏当前窗口的选项，点上对勾，如下图：第三步：点击截图工具就可以截图了，当选中...
2020-03-06 14:07:58
840
原创 JS检测数据类型之typeof
在JS中有很多的数据类型，比如：基本数据类型：number、string、Boolean、null、undefined、symbol、BigInt，引用数据类型：普通对象、数组、正则、日期、Math、函数等等。那么如果我们想检测那个值得数据类型应该使用什么方法呢？1.常用的检测数据类型的方法typeof [value] 检测数据类型的运算符[example] instan...
2020-03-06 12:33:38
1230
原创 前端JS中的变量以及数据类型
随着web2.0时代的到来，前端做的事情不再是简单的写写静态页面。而是把一些人机交互、客户端的数据渲染、数据请求、web服务器的部署等等事情也由前端开发来完成，这些事情的完成大部分依赖于JavaScript语言，那么今天就写写JS中最基础的变量和数据类型1.JS的组成部分我们首先需要知道JS到底是由哪几部分组成的，有重点的去开展后期的学习ECMAScript（ES3/ES6~9） 定...
2020-03-02 22:38:35
465
原创 响应式布局的简单案例演示
这篇文章是一个响应式布局的案例演示效果：最初是4部分都在一行显示，当满足最大宽度为700px时，只有两部分在一行显示，当最大宽度为360时，一行只显示一部分，代码如下 ：1. 结构代码 <div class="box"> <ul> <li>加油</li> <li>加油</li> ...
2020-02-28 22:35:12
1204
原创 响应式布局的使用
此篇文章介绍响应式布局的步骤以及每步的具体知识点1.viewport 视口我们知道响应式的网站会随着页面宽度的改变而改变，因此我们需要加上viewport，目的就是为了使HTML页面的宽度等于设备手机机型的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0">1.1 位置这句代码...
2020-02-28 22:06:24
245
原创 响应式布局的简单介绍
1.产品形态PC端和移动端是分离的，两套项目，两个域名PC端和移动端是公用一套项目，一个域名（响应式布局）常见的响应式布局网站：苹果官网、摩拜官网、华为、猎豹浏览器2.怎么看一个网站是不是响应式布局对于一个网站如果在PC端、平板、手机这三者之上查看时，他的域名一样，那就是响应式布局的； （PC端，查看源代码时，运行手机端的网站，看是否为同一个域名）3.响应式布局的好处对于...
2020-02-28 21:40:13
186
原创 CSS---transform
在我们页面中往往会出现鼠标移入或移出的动画，常见的有缩放，平移等等，他们大部分都是依赖css中的transform属性来实现的，下面是transform的几个取值的具体用法（研究的都是2D效果）transform变换之translate位移transform变换之scale缩放因为一般都是2D的效果，所以scale的取值有以下三种scale（x,y）：指的是该对象在2D时的缩放，第一个参...
2020-02-21 22:12:12
88
原创 路径问题
绝对路径指完整的域名网址或者磁盘中指定文件的全部路径http://www.baidu.com一般用在网站的尾部 或者 友情链接上相对路径是指在同一个文件下，通过一个参考点找到其他文件一般常用字引入图片、css样式表等这些地方• 返回上一级 …/• 同级之间直接用文件名• 下一级 /...
2020-02-15 20:18:05
92
原创 CSS的选择器以及权重问题
CSS选择器1、作用为了获取HTML元素，并给HTML元素添加CSS样式2、语法CSS选择器{CSS属性名：CSS属性值；…}3、CSS选择器的分类*1、标签选择器：会选择页面中的所有相同的标签权重：1直接把HTML元素当做选择器来用<style> div{color:red;}</style><div>1</div>...
2020-02-15 20:14:48
415
原创 CSS的基础语法以及引入方式
一、CSS的作用给HTML元素添加静态或者动态的css样式二、CSS的基础语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明每条声明由一个属性和一个值组成选择器 { 属性名：属性值；属性名：属性值….}由多组属性名和属性值组成，而且每一组属性名和属性值之间用分号隔开selector {declaration1; declaration2; ... declarati...
2020-02-15 20:03:49
378
原创 IDE--VSCode的常用插件以及基本配置
在使用编辑器编写代码的时候，一些插件的使用会我们方便很多，下面是我总结了一下在编写HTML与css时的常用插件1、 安装插件的位置在VScode的左侧，第五个小图标，点进去以后搜索插件名称，然后点击右下方绿色install小按钮安装就可，已经安装过的右下方显示的时卸载2、常用的插件以及作用1、Chinese 汉化2、open in browser 在浏览器中运行3、Live S...
2020-02-14 20:16:37
291
原创 前端学习中的工具
在前端的代码之路上，不仅会遇到编写代码的IDE，还会接触到运行这些代码的浏览器，以及平时总结自己所学的笔记软件，下面是根据自己的情况总结：1、代码类VScode 、webstrom 、 Hbulider 、sublime 、DW2、笔记类语雀笔记 、 印象笔记 、 有道云 、 石墨笔记3、浏览器（按内核划分）webkitChromeSafari国产浏览器手机浏览器...
2020-02-14 20:10:24
113
原创 HTML知识点汇总
一、网页的基本组成HTML：搭建结构，骨架，相当于一座房子的地基CSS：样式，美化，相当于为房子装修JavaScript(JS)：交互，动态效果，相当于房子内部的设备二、HTML他是一种超文本标记语言：网页文件本身是一种文本文件（除了文字暂无其他），只有通过特定的标记描述，那些普通文本才能在浏览器中正常的显示。在页面中如果遇到图片、音视频的时候如何正常在浏览器中显示，需要...
2020-02-13 22:48:17
277
原创 前端语言实现星星连线的效果
1、html<body><canvas id='canvas'></canvas></body>2、css//清除默认样式* { margin: 0; padding: 0;}//设置画布的颜色canvas { background-color: #000; display: block;}...
2020-02-11 20:05:38
919
原创 使用JS实现一个简单的选项卡效果
实现以下效果使用到的知识点HTML — 结构需要实现一个选项卡，里面有很多模块，因此首先需要一个div标签去包裹选项卡的选项部分使用列表去实现 ul-li选项卡的内容可以使用div来实现，每一个内容使用一个div<!--快速生成以下代码的快捷键 div.main>(ul>li*3{选项$})+div*3{内容$} --> <div cla...
2020-01-15 16:19:06
573
原创 HTML css 中关于img 和背景图片的详细讲解笔记
图片插入图片与背景图片的区别区别一img是一个html标签 写在body结构里面background-image 是css样式属性，写在style或者link标签里面区别二img 属于行内块元素，本身是有大小的background-image没有内容或没有设置宽高大小的时候不会显示区别三img 设置宽高大小如果和自身的大小不匹配的时候，会出现拉伸或者裁减的情况back...
2019-12-24 08:44:36
2712
原创 使用css编写动画效果
使用css编写动画效果第一步新建一个静态页面，使用盒子模型，分别为其命名一个class类，设置他的宽高在css中引入图片（雪碧图），需要用到css中的图片属性p{background: url() no-repeat 1px 0;}需要注意，把图片引进来作为背景图片时，会产生平铺的效果，因此配合background-repeat: no-repeat，防止平铺，需要定位，定位到...
2019-12-23 08:50:32
354
原创 css中选择器的优先级问题
css中选择器的优先级选择器的类型标签选择器 权重为1类选择器 权重为10id选择器 权重为100！important 权重为1000因此优先级为：！important > id > class > 标签css 的引入方式css有四种引入方式，其中优先级最高的是 行内 > 内嵌的当权重相同时，后面的优先级 高于前面的优先级：后面 > 前面...
2019-12-20 20:46:22
182
原创 HTML的表格标签
表格标签 --table表格由<table></table>标签定义表格的行使用<tr></tr>标签定义表格的第一行一般是标题 ，黑体加粗的效果，因此它的列使用<th></th>标签定义表格的列使用<td></td> 标签快速写列的快捷键：td * 列数 + tab ，如：快速出来4行 ...
2019-12-20 20:33:10
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人