
web前端开发学习
文章平均质量分 78
什么是web前端?
Web前端开发主要是通过html、css、js、ajax、DOM等前端技术,实现网站在客户端的正确显示及交互功能。
web前端需要掌握什么技术?
想要成为一名合格的Web前端工程师,就必须掌握企业所需要的Web前端技能。对于Web前端岗位来说,大致需要掌握的有浏览器内核、计算机知
全能技术师
学会享受生活
展开
-
2023年web前端开发之JavaScript基础(三,四)
JavaScript 提供了多种语句来实现循环控制,但无论使用哪种语句都离不开循环的3个特征,即起始值、变化量、终止条件,做为初学者应着重体会这3个特征,不必过多纠结三种语句的区别。起始值、变化量、终止条件,由开发者根据逻辑需要进行设计,规避死循环的发生。当如果明确了循环的次数的时候推荐使用for循环,当不明确循环的次数的时候推荐使用while循环注意:for 的语法结构更简洁,故 for 循环的使用频次会更多。1.3循环嵌套。原创 2023-03-10 12:44:52 · 409 阅读 · 0 评论 -
nvm(node.js版本控制工具)的介绍和常用命令
nvm(Node Version Manager)是一个用于管理多个Node.js版本的工具,它允许你在同一台机器上安装和切换不同的Node.js版本。以下是nvm的一些详细介绍:安装和配置:你可以从nvm的GitHub仓库中下载并安装nvm。安装完成后,你需要配置环境变量,以便在命令行中使用nvm命令。配置完成后,你就可以开始使用nvm管理Node.js版本。安装和切换版本:使用nvm,你可以很轻松地安装多个Node.js版本。只需使用命令,其中原创 2023-08-12 09:37:30 · 2996 阅读 · 0 评论 -
快速了解Vue.js基础知识,打造交互丰富的Web应用
Vue.js指令可以放置在HTML标签的属性中,通过Vue.js实例中的数据绑定实现动态更新。Vue.js是一个组件化的框架,组件是Vue.js应用程序中的独立模块,可重用、可扩展和可维护。在本文中,我们将讨论Vue.js的基础知识,包括Vue.js的实例、指令、数据绑定、事件处理和组件化开发等。在上述示例中,我们使用v-bind指令实现将Vue.js实例中的数据绑定到HTML标签的属性上。在本文中,我们讨论了Vue.js的基础知识,包括Vue.js实例、指令、数据绑定、事件处理和组件化开发等。原创 2023-06-09 16:23:03 · 1042 阅读 · 0 评论 -
wx.chooseAddress need to be declared in the requiredPrivateInfos field in app.json/ext.json(env: Win
因为在微信开发文档中说明此接口在2022年之后需要再app.json中,指定路径并且指定接口requiredPrivateInfos。解决方法: 在全局配置中app.json加上以下代码,最后就执行成功获取到收货地址了。原创 2023-05-09 13:17:29 · 698 阅读 · 0 评论 -
TypeError: Cannot read property ‘dataset‘ of undefined at vi.handleItemTap (index.js? [sm]:58)
看来之后写代码的时候要多仔细看看,检查一下!原创 2023-05-08 21:28:02 · 881 阅读 · 1 评论 -
2023年web前端开发之JavaScript进阶(一)
学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。• 理解作用域对程序执行的影响• 能够分析程序执行的作用域范围• 理解闭包本质,利用闭包创建隔离作用域 (重要)• 了解什么变量提升及函数提升• 掌握箭头函数、解析剩余参数等简洁语法 ( 重点 )原创 2023-05-05 19:01:00 · 1016 阅读 · 0 评论 -
微信开发者工具使用git提交项目至gitee远程仓库(保姆级)
打开微信开发者工具,新建项目什么的就不多说了,打开项目,根据图片所示, 点击版本管理弹出窗口, 点击远程显示, 点击添加。点击旁边的网络和认证, 选择自动, 第二个选择用户名和密码, 输入Git账号和密码,以上设置完成后试一试你的远程仓库配置成功了没,点击推送将当前代码推送到仓库中.如果出现以下错误,说明你前面的网络与认证的账号密码输入错误!输入相对应的信息,名称以及你自己的gitee仓库地址点击确定。然后又开始上面的推送操作推送成功出现以下画面。验证是否成功推送,刷新你的仓库。原创 2023-04-21 12:46:28 · 2141 阅读 · 0 评论 -
Vue电商项目实战之角色列表添加,编辑,删除功能
既然要搭建一个电商系统,那么自然少不了,框架搭建的事情,web开发发展到今天,前后端分离已是不争的事实。我们这个系统暂时就使用大家耳熟能详的VUE来做前端框架吧,至于后端,我们采用SpringMVC、Spring、MyBatis的方式来搞定它吧。也许你要说后端有点老旧,但是猿人君要告诉你,技术有一个长期的发展过程,现在还有不少的线上系统,使用的就是这个技术,你不了解这些,相信你在日后会遇到很多问题。架构是可以演进的,猿人君故意选择了一个使用广泛,看起来老旧的结构来带你完成领域逻辑的事情。至于之后的演进和原创 2023-04-12 14:55:09 · 1609 阅读 · 0 评论 -
2023年web前端开发之JavaScript进阶(一)详细
垃圾回收机制(Garbage Collection) 简称 GCJS中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收.正因为垃圾回收器的村寨,许多人认为JS不用太关心内存管理问题但如果不了解JS内存管理机制,我们同样容易层内存泄漏(内存无法被回收) 的情况不在用到的内存,没有及时释放,就叫做内存泄漏1. 什么是垃圾回收机制?Ø 简称 GC Ø JS中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾 回收器自动回收2. 什么是内存泄漏?原创 2023-03-27 21:18:06 · 260 阅读 · 0 评论 -
2024年node.js最新版(18.15.0)详细安装教程(保姆级)
如上图所示,npm 全局模块存放位置以及cache的存放位置,默认是在 C 盘 “C:\Users\用户\AppData” 下。可以看到当前的版本 LTS是大多用户使用的稳定版本, Current是最新版本, 这里选择的是稳定版本(18.15.0)设置全局模块的安装路径到 “node_global” 文件夹 npm config set prefix 命令。2.在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹。查看npm全局模块的存放路径。原创 2023-03-23 13:28:40 · 51680 阅读 · 51 评论 -
2023年node.js完美卸载教程(保姆级别)
Node.js 不是一门新的编程语言,也不是一个 JavaScript 框架,它是一套 JavaScript 运行环境,用来支持 JavaScript 代码的执行。用编程术语来讲,Node.js 是一个 JavaScript 运行时(Runtime)。本人因为版本问题需要重新卸载安装node.js, 顺便制作的详细教程.原创 2023-03-23 13:27:11 · 3519 阅读 · 0 评论 -
2023年web前端开发之JavaScript webAPI(三)
结合事件流的特征,我们知道当某个元素的事件被触发时,事件总是会先经过其祖先才能到达当前元素,然后再由当前元素向祖先传递,事件在流动的过程中遇到相同的事件便会被触发。再来关注一个细节就是事件相继触发的【执行顺序】,事件的执行顺序是可控制的,即可以在捕获阶段被执行,也可以在冒泡阶段被执行。事件流是对事件执行过程的描述了解事件的执行过程有助于加深对事件的理解,提升开发实践中对事件运用的灵活度。==>给父元素注册事件,当我们触发子元素的时候会冒泡到父元素身上,从而触发父元素的事件。原创 2023-03-18 19:52:36 · 162 阅读 · 0 评论 -
JavaScript实现扑克牌随机发给三个人(简易)
当我们知道需要发牌的时候是随机生成的字牌,然后我们已经知道有54张牌,然后需要不重复的下标需要用到 Set 来晒重,数组的长度是 54 但是下标是 53 所以在生成随机数的时候需要主要辨别。然后需要用到 map map的用意:通过指定函数处理数组(遍历数组)的每个元素,并操作数组的元素或者下标,并返回处理后的数组。 当我们已经得到下标了是不是需要将 arr 里面的元素进行找到,然后并将进行返回出来,然后再使用 slice slice的用意:用于把数组中的字符串元素转换成数字数组,元素是通过指定的分隔符进原创 2023-03-15 10:53:53 · 469 阅读 · 0 评论 -
手写Ajax(注释)详解
Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 [3] 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。原创 2023-03-15 10:04:36 · 175 阅读 · 0 评论 -
2023年web前端开发之JavaScript webAPI(一)
严格意义上讲,我们在 JavaScript 阶段学习的知识绝大部分属于 ECMAScript 的知识体系,ECMAScript 简称 ES 它提供了一套语言标准规范,如变量、数据类型、表达式、语句、函数等语法规则都是由 ECMAScript 规定的。浏览器将 ECMAScript 大部分的规范加以实现,并且在此基础上又扩展一些实用的功能,这些被扩展出来的内容我们称为 Web APIs。原创 2023-03-14 10:29:27 · 114 阅读 · 0 评论 -
2023年web前端开发之JavaScript webAPI(二)
目标: 能够给DOM元素添加事件监听什么是事件?事件是在编程时系统内发生的动作或者发生的事情比如 用户在网页上单击一个按钮什么是事件监听?就是让程序检测是否事件发生, 一旦有事件触发, 就立即调用一个函数做出响应, 绑定事件或者注册事件比如鼠标经过显示下拉菜单, 比如点击可以播放轮廓图等等语法:元素对象.addEventListener('事件类型', 要执行的函数)事件监听的三要素:事件源: 那个dom元素被事件触发了,要获取dom元素。原创 2023-03-14 10:27:00 · 198 阅读 · 0 评论 -
2023年vscode插件推荐,实现边写代码边看实时效果
Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可在您的桌面上运行,可用于Windows,macOS和Linux。它内置了对JavaScript,TypeScript和Node的支持.js并具有针对其他语言和运行时(如C++,C#,Java,Python,PHP,Go,.NET)的丰富扩展生态系统。通过这些介绍性视频开始您的 VS Code 之旅。原创 2023-03-11 15:44:14 · 2784 阅读 · 0 评论 -
2023年web前端开发之JavaScript基础(五)基础完结
JavaScript 基础 - 对象语法原创 2023-03-11 00:33:36 · 422 阅读 · 0 评论 -
2023年web前端开发之JavaScript基础(一,二)
课程地址: 【黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程】掌握JavaScript的引入方式, 初步认识JavaScript的作用,以及含义注意: 布尔值true时 如果我们写成了true 则默认是变量JavaScript由BOM ,DOM, ECMAScript 组成数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。原创 2023-03-10 12:47:32 · 725 阅读 · 0 评论