
Web前端
文章平均质量分 81
本人的Web前端学习笔记,包含了HTML,CSS,JavaScript...
金鳞踏雨
断剑重铸之日,就是归来之时。
展开
-
【Vue】基于Vue实现品牌列表案例
使用bootstrap4.x相关的技术,例如:卡片、表单、按钮、表格。Vue指令与过滤器相关的知识点。1. 创建基本的 vue 实例2. 基于 vue 渲染表格数据3. 实现添加品牌的功能4. 实现删除品牌的功能5. 实现修改品牌状态的功能原创 2023-03-26 18:10:14 · 431 阅读 · 0 评论 -
【Vue】10分钟带你读懂Vue的过滤器
过滤器提供给我们的一种数据处理方式。过滤器功能不是必须要使用的,因为它所实现的功能也能用计算属性或者函数调用的方式来实现。Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。原创 2023-03-10 01:03:24 · 635 阅读 · 7 评论 -
深入理解JavaScript的事件冒泡与事件捕获
JavaScript中提供了很多操作DOM的API。事件冒泡和事件捕获是指浏览器中处理DOM元素上事件的两种不同方式。事件冒泡和事件捕获都是JavaScript事件模型中的一部分,可以用来处理事件。对于这个问题,在实际开发中,并不是非常重要,因为在工作中我们基本上不会直接操作DOM,为了高效一般都是通过Vue、React这些框架,所以关于事件处理程序的一些坑直接就被避免了!!!但是,多了解一点是没有坏处的,毕竟面试会考~原创 2023-03-09 01:29:40 · 5056 阅读 · 1 评论 -
【Vue】Vue常见的6种指令
指令(Directives)是vue 为开发者提供的模板语法,用于辅助开发者渲染页面的基本结构。vue 中的指令按照不同的用途可以分为如下6 大类① 内容渲染指令② 属性绑定指令③ 事件绑定指令④ 双向绑定指令⑤ 条件渲染指令⑥ 列表渲染指令指令是Vue开发中最基础、最常用、最简单的知识点。Vue的指令都是以 "v-" 为前缀的,指令是附加到 HTML 元素的特殊属性,这些属性可以更改行为,并基于 DOM 的表达式值提供对DOM 的控制。原创 2023-03-06 18:47:24 · 4191 阅读 · 0 评论 -
【Vue】Vue的简单介绍与基本使用
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。MVVM是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个HTML 页面都拆分成了如下三个部分:View 表示当前页面所渲染的DOM 结构。Model 表示当前页面渲染时所依赖的数据源。原创 2023-03-04 23:58:32 · 8885 阅读 · 0 评论 -
【webpack】webpack 中的插件安装与使用
一、webpack 插件的作用通过安装和配置第三方的插件,可以拓展 webpack 的能力,从而让 webpack 用起来更方便。最常用的的webpack 插件有如下两个:1.webpack-dev-server(实时打包构建)类似于 node.js 阶段用到的 nodemon 工具每当修改了源代码,webpack 会自动进行项目的打包和构建2.tml-webpack-pluginwebpack 中的 HTML 插件(类似于一个模板引擎插件)可以通过此插件自定制 index.html 页面原创 2023-02-11 19:29:33 · 1307 阅读 · 0 评论 -
【webpack】前端工程化与webpack
在现阶段的开发工作中,前端开发遵循4个现代化• 模块化(js 的模块化、css 的模块化、其它资源的模块化)• 组件化(复用现有的 UI 结构、样式、行为)• 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理)• 自动化(自动化构建、自动部署、自动化测试webpack 是前端项目工程化的具体解决方案。它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。原创 2023-02-05 02:35:19 · 462 阅读 · 0 评论 -
node.js的基本操作(学习笔记二)
我们随便打开一个网页使用F12,打开调试工具,Headers中就是请求与响应的报文数据(Response Headers是响应,Request Headers是请求)客户端向服务器端发送请求时,有时需要携带一些客户信息,客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。服务器端不需要处理,可以直接响应给客户端的资源就是静态资源,例如CSS、JavaScript、image文件。POST请求 发送请求 (通常使用这个,安全!相同的请求地址不同的响应资源,这种资源就是动态资源。原创 2021-03-26 02:51:57 · 682 阅读 · 0 评论 -
JavaScript高级(一)
1.写在前面的话今天是2021.1.19,本人已是大三的一名学生了,接触前端已有数月之久,该文章是JavaScript高级的一些学习笔记,如有理解错误的地方还请多多包涵,欢迎评论区指出,谢谢!2.引入(POP与OOP):在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事务都是对象。例如:字符串、数值,数组,函数等。在ES6中,新增了类的概念,可以使用class关键字去声明一个类,以后用这个类去实例化对象。有学过C++,Java,Python的小伙伴肯定知道这些.原创 2021-01-20 19:48:48 · 217 阅读 · 0 评论 -
Express框架(二)—— 中间件
中间件中间件就是一堆方法,可以接受客户端请求、也可以对请求做出响应,也可以将请求交给下一个中间件进行处理。原创 2021-01-03 02:44:09 · 278 阅读 · 0 评论 -
Express框架(一)——入门
Express框架是什么?Express框架是一个基于Node平台的Web应用开发框架,使用原生JS创建服务器,太过麻烦,所以Express框架提供了一系列的强大功能,帮助你创建各种Web应用。Express框架的安装在项目的目录下面使用下面的命令下载Express框架。npm install expressExpress的特点1.提供了简便的路由定义方式2.对获取HTTP的请求参数进行了简化处理3.对模板引擎支持程度高,方便绚烂动态的HTML页面4.提供了中间件机制,原创 2020-12-31 17:35:58 · 921 阅读 · 0 评论 -
前端HTML中表格元素介绍
随着前端技术的发展,HTML原有的很多写法渐渐被CSS或JavaScript替代,在这里介绍的表格元素也是如此(div)。此篇博文仅为本人学完HTML中的table标签的学习总结,若有错误望在评论区提出,本人很菜,勿喷2333~~~<table> 定义表格 <tr> 定义表格的行 <th> 定义表格的表头 <td&g...原创 2019-11-29 12:23:42 · 407 阅读 · 0 评论