web前端开发 -T
文章平均质量分 61
web前端开发相关的技术等内容。
码上游
日拱一卒,热爱可抵岁月漫长。
间歇性喜欢,间歇式成长。
人活经历,不活年纪。
展开
-
【JavaScript复习】【两篇就够】异步相关(二)
昨天从promise和async await的概念和区别开始,到文档解析的时候defer和async区别的总结;然后简单介绍了同步异步的概念,最后到实现异步的方法。实现异步的方法中异步编程进化史:callback->promise->generator->async+await,今天就重点回顾一下实现异步的方法和promise相关的介绍与使用。原创 2022-10-21 16:34:31 · 380 阅读 · 0 评论 -
【JavaScript复习】【两篇就够】异步相关(一)
1. promise 和 async await区别概念 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理更强大,简单地说,Promise好比容器,里面存在着一些未来才会执行完毕(异步)的事件和结果,而这些结果一旦生成是无法改变的。 async await 也是异步编程的一种解决方案,他遵循的是Generator 函数的语法糖,他拥有内置执行器,不需要额外的调用直2.defer和async区别3. 同步和异步4. 实现异步的方法原创 2022-10-20 20:58:29 · 345 阅读 · 0 评论 -
Javascript之理解BOM和DOM
一个完整的JavaScript实现应该由以下三个部分构成:ECMAScript、DOM、BOM. ECMAScript: ES规定了JS的变成语法和基础核心知识,是所有浏览器厂商都遵守的JS语法工业标准。 DOM: 文档对象模型(Document Object Model),让我们通过DOM提供的接口来操作网页。DOM中,文档表示的就是整个HTML网页文档;对象表示将网页每个部分转换为一个对象;模型为使用模型表示对象间的关系,方便我们获取对象。通过dom,可以访问、原创 2022-10-13 17:39:14 · 953 阅读 · 0 评论 -
探索Vue底层实现原理系列(一)
一、理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那便是官方文档中的一句话:Vue.js 是一套构建用户界面的渐进式框架。什么意思?什么是渐进式框架?在这之前,首先要理解什么是框架.在最初的前端开发中,为了完成某个功能,我们需要通过js在HTML页面中获得dom节点,随后获得dom节点中的文本内容或者在dom节点上添加事件,进行一系列的程序操作,但是,如果任务原创 2022-10-07 17:19:29 · 1480 阅读 · 0 评论 -
JavaScript知识点复习--思维导图(全)
把尚硅谷JS高级的视频二刷整理出来的思维导图,算是又把知识过了一遍;快开学了,事情有点多,而且还想着以后+web安全,思路还没理清;另外,最近要准备数模,事情多,效率低,web前端的复习以及学习先搁置,等到开学考完试继续。...原创 2022-08-10 14:07:50 · 1119 阅读 · 0 评论 -
JavaScript知识点复习--(一)基础总结
拼凑断开的知识点,复习之前匆匆学过的js,我打算用思维导图的方式进行复习;我觉得这样对我来说可以把好多复杂的知识、混乱的关系理清,也方便之后进行复习回忆了。但其实感觉好多好多知识点,有点迷。先把之前记的一些笔记加上,然后再网上冲浪,对思维导图进行不断的完善吧。JS高级分为四块基础总结、函数高级、面向对象高级、线程机制与事件机制。...原创 2022-08-01 15:53:30 · 177 阅读 · 0 评论 -
JavaScript知识点复习--(二)函数高级
函数高级分为四部分:原型与原型链、执行上下文与执行上下文栈、作用域与作用域链、闭包: 如何产生闭包、闭包到底是什么、产生闭包的条件、常见的闭包、闭包的作用、闭包的生命周期、闭包的应用、闭包的缺点及解决。原型、显式原型与隐式原型、原型链(隐式原型链)理解、分类、作用、作用域与执行上下文、作用域链。变量提升与函数提升、执行上下文、执行上下文栈。......原创 2022-08-04 11:07:40 · 146 阅读 · 0 评论 -
Vue电商项目总结:电商后台管理系统(Vue+VueRouter+Axios+Element)
Vue+VueRouter+Vue CLI3+Element-UI+Axios+Echarts项目源码:vue_shop电商后台管理项目: 该项目是pc端的电商管理后台管理系统,适合初学vue进行练手。 (gitee.com)https://gitee.com/jiajibao/vue_shop后端API接口源码此项目中使用的是api地址是:http://timemeetyou.com:8889/api/private/v1/。如果发现该地址无法使用,可能服务器过期了,这样请自行下载后端源码使用本地的原创 2022-07-09 10:39:22 · 1292 阅读 · 2 评论 -
Vue电商项目--记录(三)之解决el-cascader级联选择器无滚动条的问题
跟着视频做项目的时候,用了el-cascader这个组件,发现出现了这个问题: 视频里并没有这个问题,这就很痛苦了,网上搜了很多,但是没有有效的解决方案,然后我就自己打开了调试工具 里面有一个el-crollerbar-wrap类,可以看到它的height是100%,会有问题,将其设置成具体的数值,比如250px,就可以解决这个问题了。将这一段代码写到整个项目的全局样式文件里,不要在组件的局部样式表里面写,否则会没有效果...原创 2022-07-03 20:11:48 · 757 阅读 · 0 评论 -
vue电商项目--记录(二)之报错Property or method “ xxx “ is not defined on the instance...
Property or method “xxx” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.属性或方法“xxx”不是在实例上定义的,而是在呈现期间引用的。通过初始化该属性,原创 2022-06-27 15:28:16 · 643 阅读 · 0 评论 -
vue电商项目--记录(一)之报错POST http://127.0.0.1:8888/api/private/v1/login/login
再次运行项目时console报错POST http://127.0.0.1:8888/api/private/v1/login/login可以打开登录界面,却无法打开登录后界面;代码没有问题,查阅后发现是后台服务器没有打开。导致出现此问题的原因: 中间过程中将powershell窗口关掉了,也就是自己把后台服务器给关了解决方法: 找到app.js的根目录下,shift+鼠标右键,重新打开powershell窗口,运行node .\app 网上解决说法: 解决方案:1.把文件原创 2022-06-27 12:24:32 · 1252 阅读 · 0 评论 -
Vue的生命周期--【day 2】
Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。简单说vue的生命周期就是,从创建vue对象到销毁vue对象的过程。vue生命周期可以分为八个阶段,分别是:beforeCreate(创建前)、created(创建后)、beforeMount(载入前)、mounted(载入后)、beforeUpdate(更新前)、updated(更新后)、beforeDestroy(销毁前原创 2022-06-15 16:39:48 · 98 阅读 · 0 评论 -
【基础入门】Vue学习总结-第一天
与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。形成Vue渐进式框架的核心概念为:组件化,MVVM,响应式,和生命周期,下面会一个个详细介绍。核心点:谁起到主导作用(控制反转) MVVM模式(全称为Model-View-ViewModel)为Vue实现数据双向绑定。在MVVM中,View为视图层,ViewModel为业务逻辑层,Model为数据层。什么是数据双向绑定呢?当用户使View变化时(如填写表单),变化会自动同步到ViewModel处原创 2022-06-13 07:47:20 · 177 阅读 · 0 评论 -
【入门级基础】Node基础知识总结
1.什么是Node?2.Node.js能做什么?3.创建一个简单的本地服务器4.Node视频保存的一些图片以及笔记分享 Node全称NodeJS,是一个基于Chrome V8引擎的JavaScript运行环境;一个让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl等服务端语言平起平坐的脚本语言。通俗地讲就是1,node不是一门语言,不是库,也不是框架,而是一个建立在谷歌V8引擎的用来解析和执行js代码的运行环境。2,node可以让js脱离浏览器来运原创 2022-06-08 21:12:11 · 4203 阅读 · 2 评论 -
客户端与服务器相关的概念【记录】
1.上网过程中,负责存放和对外提供资源的电脑,叫服务器服务器的本质,是一台电脑,只不过它的性能比个人电脑高很多2.上网过程中,负责获取和消费资源的电脑,叫客户端个人电脑中,可以通过安装浏览器的形式,访问服务器对外提供的各种资源3.URL 路径加斜杠“/”和不加的区别url统一资源定位符 用于标识互联网每个资源的唯一存放位置一般由三部分组成 : 1.客户端与服务器之间的通信协议2.存有该资源的服务器名称...原创 2022-05-01 11:57:06 · 293 阅读 · 0 评论 -
【复习笔记】jQuery入门
JQuery 入门 - 附案例代码_wuyxinu的博客-CSDN博客_jquery网页代码JQuery 入门 - 附案例代码_wuyxinu的博客-CSDN博客_jquery网页代码别人的笔记,防丢失文章目录预备知识与后续知识及项目案例为什么要学jquery体验jquery的使用jquery到底是什么jquery的版本问题jquery的入口函数jq对象和dom对象(重要)jquery选择器什么是jQuery选择器基本选择器层级选择器过滤选择器筛选选择器(方法)元素设转载 2022-04-27 15:46:28 · 111 阅读 · 0 评论 -
原型链基础掌握题目笔记
什么是原型链呢?其实俗话说就是:__proto__的路径就叫原型链题目一var F = function() {};Object.prototype.a = function() { console.log('a');};Function.prototype.b = function() { console.log('b');}var f = new F();f.a();f.b();F.a();F.b();f的隐式原型是F().prototype,F().原创 2022-04-24 20:44:10 · 381 阅读 · 0 评论 -
究竟什么是DOM?
正文文档对象模型,或“DOM”,是web页面的接口。它本质上是页面的API,允许程序读取和操作页面的内容、结构和样式。让我们分解一下。如何构建web页面?第一阶段的结果是所谓的“渲染树”。渲染树是将在页面上呈现的HTML元素及相关样式的表示。为了构建这个树,浏览器需要 1.CSSOM 与元素相关的样式的表示 2.DOM 元素的表示如何创建DOM?DOM的对象结构由所谓的“节点树”表示。之所以这样叫它,是因为它可以被认为是一棵树,它有一个单一的父茎,它可以分出几个子枝,每个子枝都可原创 2022-04-21 20:29:09 · 2141 阅读 · 0 评论 -
dom操作元素 总结
<!-- 操作元素总结 --><!-- 操作元素内容 操作常见元素属性 操作表单元素属性 操作元素样式属性 --><!-- 元素内容 innerText innerHTML --><!-- 常见元素属性 src href title alt等 --><!-- 表单元素属性 type value disabled等 --><!-- 元素样式属性 element.style className -->作业1.显示..原创 2022-04-20 12:45:19 · 176 阅读 · 0 评论