- 博客(47)
- 收藏
- 关注
RSS订阅原创 JavaScript基础
在计算机中，不同的数据所需占用的存储空间不同，为了充分利用存储空间，于是定义了不同的数据类型。而且，不同的数据类型，寓意也不同。ECMAScript在2015年6月，发布了ECMAScript 6版本（ES6），语言的能力更强（也包含了很多新特性）。是运行在服务器上的，比如PHP、ASP、JSP等等，这些语言都能够操作数据库，都能够对数据库进行“增删改查”操作。也就是说，除了那五种基本数据类型之外，其他的，都称之为 Object 类型。的返回值是 number，上一篇文章中讲过，NaN 是一个特殊的数字。
2023-09-02 16:30:31
505
原创 浏览器渲染原理-通俗易懂版本
浏览器的主要功能总结起来就是一句话：将用户输入的URL转变成可视化的图像。从URL到DOM树；从DOM树到可视化图像；这两个过程之间的关系并没有那么明确，我们可以统称这两个过程为页面的渲染；
2022-11-25 22:27:56
936
原创 Github脚本和插件推荐【体验+效率】提升200%
Github脚本和插件推荐，使用体验+效率增强200%本文插件会提供 Edge 版本 和 Chrome 按需安装即可具体脚本有：一键复制代码、MD文本大纲生成目录、代码折叠、预览图片等等
2022-10-17 23:38:03
2253
原创 2021 VSCode前端插件推荐
2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用场景: 当你在开发页面时, 想点击别名路径导入的组件时（演示如下）配置说明下载后只需自定义配置一些自己常用的别名路径即可右击插件–》扩展设置–》路径映射在settinas.json中编辑// 文件名别名跳转 "alias-skip.mappings": {
2021-10-02 11:22:49
3455
1
原创 前端可视化展示Excel
Excel可视化后端返回Excel流前端进行展示前言需求：有的时候我们需要接收到后端返回的Excel流，前端进行可视化展示时，这个时候按照如下步骤即可提前说明：前端展示的Excle样式与格式完全由后端控制，比如合并单元格、样式控制…前端Demo????：例子 （有现成写好的接口）安装依赖库安装依赖库（二选一即可）npm install xlsx xlsx-style less less-loader@5.0.0yarn add xlsx xlsx-style less les
2021-05-30 09:09:52
5085
3
原创 基于React全家桶开发「网易云音乐PC」项目实战(四)
前言前言hello大家好我是「风不识途」，如果首次阅读本系列请点击，正在学习React的小伙伴可以克隆该项目，参考学习，尝试做一些小功能，下面我们开始完成本系列最重要的音乐播放器列表▶需要完成内容如下↓；下拉查看项目预览和源码在线预览地址????：点我跳转到云音乐项目Gihub地址????：Musci 163 (如果觉得项目还不错的话 ????，就给个 star ⭐ 鼓励一下吧~)没有翻墙的小伙伴????：Gitee仓库最近更新更新功能登录功能：暂时只支持“16
2021-05-30 08:56:46
505
1
原创 前端知识体系思维导图
前端知识体系思维导图前言hello大家好，我是"风不识途"，本文是想分享一下，笔者在自学前端时所学到的知识，总结的思维导图（并不包含前端所有知识点），很多都是结合自己的笔记来进行总结的思维导图哟；本篇文章适合人群：正在自学前端的小伙伴，可以参考前端大概都需要学习哪些技术，或者是已经学习过的兄弟姐妹，可以结合思维导图对面试、复习串联知识点进行复习；如需查看源文件????：已经上传的Github仓库中，对于访问Github比较慢的小伙伴，我也贴心的上传到Gitee仓库了，如果对你有帮助的话????，那
2021-04-12 20:43:40
6995
5
原创 setState详解与React性能优化
setState的同步和异步1.为什么使用setState开发中我们并不能直接通过修改 state 的值来让界面发生更新：因为我们修改了 state 之后, 希望 React 根据最新的 Stete 来重新渲染界面, 但是这种方式的修改 React 并不知道数据发生了变化React 并没有实现类似于 Vue2 中的 Object.defineProperty 或者 Vue3 中的Proxy的方式来监听数据的变化我们必须通过 setState 来告知 React 数据已经发生了变化疑惑:
2021-04-06 11:08:58
469
原创 React组件化开发
认识组件化1.组件化思想当人们面对复杂问题的处理方式：将复杂的问题进行拆解, 拆分成很多个可以处理的小问题再将其放在整体当中，你会发现大的问题也会迎刃而解其实上面的思想就是分而治之的思想：分而治之是软件工程的重要思想，是复杂系统开发和维护的基石而前端目前的模块化和组件化都是基于分而治之的思想2.什么是组件化开发呢?组件化也是类似的思想:如果我们将一个页面中全部逻辑放在一起, 处理起来会变得非常复杂, 不利于后续管理及扩展但如果我们将一个页面拆分成一个个小的功.
2021-04-06 11:07:43
1756
原创 React基础语法
1.认识JSX这段element变量的声明右侧赋值的标签语法是什么呢？我们在 JS 中不能给一个变量赋值为HTML元素如果将 type="text/babel"去掉, 会语法报错, 其实它是一段 jsx 的语法JSX是什么?JSX是一种JavaScript的语法扩展(eXtension), 也在很多地方称之为JavaScript XML它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用它不同于Vue中的模块语法, 你不需要专门学习模块语法中的一些指令 (.
2021-04-06 11:06:43
867
原创 基于React全家桶开发「网易云音乐PC」项目实战(三)
前言hello大家好，我是"风不识途"，很长时间没有更新了~，很多朋友一直在催更新(其实没有)，本人最近在实习实在有点忙=.=，有时间的话可以将面试&实习经历总结一下。好了回归正题，在前面我们已经完成了转嵌套路由的点击跳转切换了和轮播图，如果首次阅读本系列请点击，下面我们开始完成首页的主体内容+音乐播放器▶需要完成内容如下↓。项目预览和源码在线预览地址????：www.wanguancs.top项目Gihub地址????: Musci 163 如果觉得项目还不错的话 ????，
2021-04-06 10:57:43
642
原创 JavaScript中的事件循环(Event loop)
Event Loop主线程每次将执行栈清空后，就去事件队列中检查是否有任务，如果有，就每次取出一个推到执行栈中执行，这个循环往复的过程被称为“Event Loop 事件循环”为了更好地理解Event Loop，请看下图（转引自Philip Roberts的演讲《Help, I’m stuck in an event-loop》）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传...
2020-11-28 10:36:18
119
原创 基于React全家桶开发「网易云音乐PC」项目实战(二)
前言本篇开始做 「网易云音乐PC」项目，建议最好有以下基础react、redux、redux-thunk、react-router，上一章只是对项目进行初步介绍认识，本章节会带你完成：网易云的基本骨架结构并完成使用redux-immutable重构redux本章节完成结果如下 项目初始化前言-vscode&chrome插件(可选)如果已经安装过了可以选择跳过，以下都是可选的，当然不安装也没问题为了更便捷的开发项目，推荐安装以下vscode插件ESLint:.
2020-11-14 17:58:44
510
原创 基于React全家桶开发「网易云音乐PC」项目实战(一)
网易云音乐PC项目实战项目简介1.项目介绍项目使用到的技术栈CSS使用Flex进行布局配置路径别名使用: carco项目路由使用: react-router来管理使用react-router-config集中式路径映射表管理使用styled-components+普通的css编写样式使用axios发送网络请求项目全面拥抱React Hooks项目组件库使用: ant design使用immutable对项目reducer中state进行管理使用redux-immtable对根
2020-11-11 13:19:52
1263
1
原创 开发Vue或React项目时路径别名智能提示方案
开发Vue或React项目时路径别名智能提示方案前言在我们开发Vue或React项目时，每次配置完路径别名，在输入路径时都没有对应的智能提示路径，如何解决这个痛点呢？笔者通常都是使用vscode，本次使用vscode来进行演示解决，非常简单的方案一: path-alias插件俗话说的好「工欲善其事，必先利其器」那么有没有一种插件能让我们不同的项目中每次在输入路径别名时时，有相关的路径提示呢？答案是：当然有的，而且几乎零配置哦，下面让我们来看下面????未安装效果没有路径别名智能提示
2020-11-07 21:10:19
1260
1
原创 Vue.js基础知识点总结
Vue基础总结邂逅Vuejs1.认识VuejsVue是一个渐进式框架, 什么是渐进式的呢?声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2.Vue初体验<!DOCTYPE html><html lang="en"><head> &
2020-10-17 19:53:18
2060
原创 更新state没有调用useEffct问题(使用setSatte强制state更新)
更新state没有调用useEffct问题(使用setSatte强制state更新)useEffect没有进行更新的原因原因: 当我们每次调用setState时, 如果更新的状态跟上一次相同的, 就不会在setState内部进行更新, 也不会进入useEffect这个回调函数示例代码: 在setState每次更新时, 不会进入useEffect这个函数// ...export default memo(function JMAppPlayerBar() { // props/sta
2020-10-13 13:02:00
906
原创 从零带你从阿里云ESC服务器部署网站(学生机)
阿里云ESC服务器部署网站文章目录阿里云ESC服务器部署网站前言一.环境搭建1.购买学生机(ESC服务器)2.远程主机配置3.进入远程桌面4.更改window镜像5.配置安全组二.使用本地电脑远程连接服务器1.连接远程服务器2.远程连接成功三.配置IIS服务器1.安装IIS服务器2.index.html3.添加配置站点4.公网+端口访问网站前言本篇文章，将会带你把网站部署到window server 2008R2服务器上，可以使用公网IP进行访问该网站一.环境搭建1.购买学生机(ESC服务器
2020-09-29 18:59:53
1284
原创 Web前端自测题
Web大前端自测题1.HTML， HTTP，web综合问题1、前端需要注意哪些SEO2、<img>的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页面的步骤5、如何进行网站性能优化6、HTTP状态码及其含义7、语义化的理解8、介绍一下你对浏览器内核的理解9、html5有哪些新特性、移除了那些元素？10、HTML5的离线储存怎么使用，工作原理能不能解释一下？11、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢12、
2020-08-31 18:10:56
410
原创 web前端面试题【html+css+js+框架】
文章目录1.http、html和浏览器1.http和https(1)http和https的基本概念(2)http和https的区别？(3)https协议的工作原理(4)https协议的优点(5)https协议的缺点2.tcp三次握手，一句话概括3.TCP和UDP的区别4.WebSocket的实现和应用(1)什么是WebSocket?(2)WebSocket是什么样的协议，具体有什么优点？5.HTTP请求的方式，HEAD方式6.一个图片url访问后直接下载怎样实现？7.web Quality （无障碍）8.几
2020-08-31 18:08:22
2662
原创 JavaScript高级知识点总结
文章目录JavaScript总结：第一天：JS原型介绍1、JS组成的部分2、类型检测3、面向对象介绍4、面向过程和面向对象区别5、创建对象的三种方式6、this做了几件事7、显示对象结构8、构造函数和实例对象的关系9、构造函数带来的问题10、原型添加方法11、什么是原型12、构造函数和实例对象和原型对象之间的关系13、什么样子的数据需要写在原型中？16、实例对象使用的属性和方法层层搜索17、为内置对象添加方法18、把局部变量变成全局变量第二天：面向对象特点,贪吃蛇项目1、面向对象特点2、什么是原型？3、函数
2020-08-30 22:07:55
2297
原创 HTML与CSS基础总结
HTML学习目标文章目录HTML学习目标一.认识WEB1.浏览器的分类和内核2.图解wen标准二.HTML1.文档类型2.页面语言lang3. 字符集4.标签语义化5.锚点定位6.base 标签7.特殊符号三.CSS1.三种样式表总结2.CSS基础选择器①标签选择器②类选择器③id选择器④通配符选择器基础选择器总结3.font字体4.CSS外观属性总结5.链接伪类选择器6.复合选择器总结①后代选...
2020-04-09 22:24:18
262
原创 JS内置对象方法
内置对象JS内置对象就是指Javascript自带的一些对象，供开发者使用，这些对象提供了一些常用的的功能。常见的内置对象有Math、String、Array、Date等内置对象有很多，我们主要是记下这些内置对象的用法即可。但是也不可能一下子记住这么多的方法，因此当同学们忘了某个方法该如何使用的时候，可以通过以下方式查看。火狐开发者网站MDNW3School网站离线文档笔记...
2020-02-03 16:28:58
194
原创 05-深拷贝&浅拷贝&正则表达式
学习目标文章目录学习目标一、浅拷贝二、深拷贝三、递归遍历DOM树四、正则表达式五、创建正则表达式对象和正则表达式验证六、中文正则表达式和翻译中文的编码七、正则表达式其他方法的使用八、伪数组和数组的区别一、浅拷贝浅拷贝：拷贝就是复制,就是相当于把一个对象中所有的内容,复制一份给另一个对象,直接复制,或者说,就是一个对象的地址给另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以...
2020-02-03 16:21:42
560
原创 04-沙箱&闭包&递归&预解析
学习目标文章目录学习目标二、apply和call方法的使用三、bind方法四、函数中的几个成员五、获取某个对象的数据类型六、作用域和作用域链及预解析七、闭包八、沙箱九、递归二、apply和call方法的使用作用：改变函数或者方法中的this的指向apply和call方法中如果没有传入参数,或者是传入的是null,那么调用该方法的函数对象中的this就是默认的windowapp...
2020-02-03 16:21:22
172
原创 03-原型继承
学习目标文章目录学习目标一、复习面向对象编程思想：一、实例对象和构造函数之间有没有直接关系？二、原型链三、原型的指向是否可以改变四、原型最终指向了哪里？五、原型指向改变如何添加方法和访问六、实例对象对象的属性和原型对象属性重名问题七、div对象原型链最终的指向八、原型继承九、借用构造函数实现继承十、拷贝继承(for in)十一、总结继承十二、逆推继承看原型十三、函数中this指向的问题十四、严格...
2020-02-03 16:19:51
277
原创 02-CSS高级技巧
文章目录一、精灵图二、字体图标三、鼠标样式四、表单的轮廓线 outline五、防止拖拽文本域 resize六、图片、表单和文字对齐七、解决图片底部默认空白缝隙问题八、文本溢出显示省略号九、布局技巧十、CSS初始化一、精灵图1、为什么需要精灵图？一个网页中往往会应用很多很小的背景图像作为装饰，当网页中图像过多时，服务器会频繁接收和发送请求图片，造成服务器压力过大，这大大降低页面的加载速度...
2020-02-03 15:38:00
201
原创 01-HTML+CSS
学习目标文章目录学习目标1、背景总结2、CSS的三大特性3、外边距合并4、圆角边框5、盒子阴影&文字阴影6、浮动的特性7、清除浮动8、CSS属性书写顺序9、常见的图片格式10、网页布局整体思路11、定位组成 position1、相对定位 relative2、绝对定位 absolute3、固定定位 fixed4、粘性定位 sticky(了解)5、定位的总结12、绝对定位的盒子居中&...
2020-02-03 15:15:23
139
原创 JS原型和实例对象及构造函数之间的关系01
学习目标文章目录学习目标一、复习二、面向对象介绍三、面向过程和面向对象区别四、创建对象的三种方式五、this做了几件事五、显示对象结构六、构造函数和实例对象的关系七、构造函数带来的问题八、原型添加方法九、构造函数和实例对象和原型对象之间的关系十、总结三者之间的关系(构造函数,实例对象,原型对象)十一、什么样子的数据需要写在原型中？十二、简单原型语法十三、原型中的方法，是可以互相访问的十四、实例对...
2019-11-18 21:36:47
260
原创 JavaScript学习第一天
学习目标文章目录学习目标一、复习二、面向对象介绍三、面向过程和面向对象区别四、创建对象的三种方式五、this做了几件事五、显示对象结构六、构造函数和实例对象的关系七、构造函数带来的问题八、原型添加方法九、构造函数和实例对象和原型对象之间的关系十、总结三者之间的关系(构造函数,实例对象,原型对象)十一、什么样子的数据需要写在原型中？十二、简单原型语法十三、原型中的方法，是可以互相访问的十四、实例对...
2019-11-09 23:02:33
304
原创 JavaScript贪吃蛇适合初学者
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .map { width: 800px; height...
2019-11-09 22:48:05
161
原创 WEBAPIS总结
总结：第一天：Dom元素获取、操作属性1、Dom常用的操作1、获取元素 2、对象元素进行操作3、动态创建元素 4、给元素注册事件2、document对象3、获取元素：ID名、标签名：返回一个伪数组4、注册事件语法：元素.on事件名 = 函数事件的三要素：1、事件元素 2、事件名 3、事件处理函数5、操作元素的属性 1、元素名.innerText 返回元素里面的...
2019-11-03 17:08:41
420
原创 06DAY学习WEBAPIS第六天、三大系列总结
学习目标文章目录学习目标一、scroll系列、元素/对象的滚动事件二、缓动动画函数三、获取任意元素的任意一个样式属性的值四、回调函数五、变速动画函数封装增加任意一个属性六、变速动画函数封装任意多个属性七、最终动画函数(包括opacity透明度、z-Index层级)八、client系列：可视区域九、文档鼠标移动事件、查看事件处理函数参数十、总结三大系列**一、offset系列****1、offse...
2019-11-03 15:25:35
220
原创 05dayWeiApi
学习目标文章目录学习目标一、1次性定时器、清理定时器二、注意事项、获取left、top值···三、克隆元素四、无缝效果五、轮播图六、offset系列七、document获取元素八、获取当前鼠标的X/Y坐标一、1次性定时器、清理定时器1、一次性定时器语法：setTimeout(事件处理函数,时间);参数1：函数 参数2：时间-->毫秒 返回值：该定时器的ID2、清理定时器...
2019-10-30 20:51:42
133
原创 2019.10.11-2019.10.25(记录日常)
日常打卡:先分析思路文章目录日常打卡:先分析思路2019.10.11 (c#:绘图、画图、椭圆、timer计时器、label属性)2019.10.12 (JS 04day解绑事件、冒事冒泡、事件阶段)2019.10.13 (JS 04day：绑定事件、键盘抬起事件)2019.10.14 (数据库查询基础)2019.10.15(数据库表的约束、JS定时器、)2019.10.16(C#、练习题、猜拳...
2019-10-25 20:49:00
705
原创 04dayWebApi
学习目标文章目录学习目标一、总结绑定事件区别：二、为元素解绑事件三、事件冒泡四、事件阶段五、为同一个元素绑定不同的事件,指向同一个事件处理函数六、键盘抬起事件、百度搜索大项目七、BOM八、页面加载事件九、location对象十、history对象和navigator对象十一、定时器、清理定时器一、总结绑定事件区别：addEventListener()attachEvent()相同点：...
2019-10-21 22:00:22
147
1
原创 02day表的相关操作
数据库是如何解决数据存储问题的1、表的相关数据字段一个事务的某一个的特征记录字段的组合 表示的是一个具体的事物主键能够唯一标识表中的一条记录特点：1—>不能重复、2—>主键不能为空，不允许为null外键能够把事务和事务产生联系2、选择什么样的列作为主键1、不允许为空的列2、没有重复的列3、与实际业务没有关系的列 (逻辑主键)...
2019-10-14 10:44:07
132
原创 03day学习WenApi第三天
学习目标文章目录学习目标@[toc]一、节点的介绍二、节点的相关的属性三、节点的属性三、获取相关的节点四、字符串里需要拼接变量五、创建元素六、循环遍历添加事件处理函数注意事项七、元素的相关方法八、为元素绑定多个事件九、只创建一个元素十、点击按钮创建列表十一、兼容代码一、节点的介绍元素:页面中所有的标签,元素---element, 标签----元素---对象节点:页面中所有的内容(标签,属...
2019-10-13 14:47:07
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人