前端
文章平均质量分 83
微光风笛
希望可以变得更加优秀,未来可以有更多的选择
展开
-
一篇文章基础CSS总结
一、基础认知 CSS作用是什么?? 给页面中的HTML标签设置样式CSS 语法规则位置:css写在style标签中,style标签一般写在head标签里面,title标签下面 常见属性:css常见属性 作用 color 文字颜色 font-size 字体大小 background-color 背景颜色 width 宽度 height 高度 注意点: 1. CSS 标点符号都是英文状态下的 2. 每一个样原创 2022-03-19 15:12:56 · 150 阅读 · 0 评论 -
一篇文章基础HTML总结
一、简介1、HTML(Hyper Text Markup Language)中文译为:超文本标记语言 专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述 浏览器:是网页显示、运行的平台,是前端开发必备利器五大浏览器IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)推荐使用!!、Safari浏览器、欧朋浏览器(Opera) Web标准的构成构成 语言 说明 结构 HTML 页面元素和内容 .原创 2022-03-17 16:09:36 · 178 阅读 · 0 评论 -
vue项目——表情选择器
【附加】:如果需要鼠标点击表情按钮,表情选择器出来,再次点击表情按钮,表情选择器关闭。另外如果表情选择器出来的情况下,鼠标点击屏幕其他地方,表情选择器关闭。第一种情况只需要添加click事件,第二种情况需要安装。在页面中这样就可以使用啦。原创 2023-09-01 13:46:47 · 773 阅读 · 1 评论 -
vue-导入图标iconfont到项目中并使用
将这些文件全部复制到vue项目的src/assets/icon目录下。在任意一个vue界面的中写。选中要导入的项目-点击下载。在main.js中导入。打开官网-我的素材库。原创 2023-07-05 16:03:31 · 323 阅读 · 0 评论 -
VUE2.x-设置页面跳转页面标题改变(Vue Router+Vue Meta)
通过以上步骤,当你跳转到不同的页面时,页面的标题将会随之改变为对应页面的标题。请确保在路由配置中为每个页面设置了正确的标题,并在根组件中使用 Vue Meta 的 $metaInfo。如果你希望随着页面的跳转,页面标题发生改变,你可以结合使用 Vue Router 和 Vue Meta 插件来实现。Vue Meta 是一个 Vue.js 插件,它可以让你在每个页面中动态设置页面的标题、描述、关键字等元数据。属性来设置页面的标题,如果没有定义则使用默认的标题 'My Vue App'字段中的 title。原创 2023-07-03 17:21:33 · 1280 阅读 · 0 评论 -
前端简单案例——扩展卡
色块可以替换成图片,改变background-color为background-image即可。原创 2022-12-20 16:00:25 · 835 阅读 · 0 评论 -
数据库与身份认证
1. 数据库的基本概念1.1 什么是数据库数据库(database)是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界,充斥着大量的数据。数据的来源有很多,比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据,图像、音乐、声音都是数据。为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。1.2 常见的数据库及分类市面上的数据库有很多种,最常见的数据库有如下几个:原创 2022-05-05 16:23:27 · 367 阅读 · 0 评论 -
Node.js——Express
1. 初识 Express1.1 Express 简介1. 什么是 Express官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。 通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。Express 的中文官网: http://www.expressjs.com.cn/2.原创 2022-04-28 12:31:42 · 269 阅读 · 0 评论 -
Node.js——模块化
1. 模块化的基本概念1.1 什么是模块化模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。1. 现实生活中的模块化游戏机2. 编程领域中的模块化编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处:提高了代码的复用性提高了代码的可维护性可以实现按需加载1.2 模块化规范模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则原创 2022-04-18 20:57:19 · 818 阅读 · 0 评论 -
初识Node.js与内置模块
1. 初识 Node.js1.1 回顾与思考1. 已经掌握了哪些技术HTMLCSSJavascript2. 浏览器中的 JavaScript 的组成部分3. 思考:为什么 JavaScript 可以在浏览器中被执行不同的浏览器使用不同的 JavaScript 解析引擎: Chrome 浏览器 => V8 Firefox 浏览器 => OdinMonkey(奥丁猴) Safri 浏览器 => JSCore...原创 2022-04-10 12:50:53 · 312 阅读 · 0 评论 -
jQuery 其他方法
目录1. jQuery 对象拷贝2. jQuery 多库共存问题概述:客观需求:3. jQuery 插件jQuery 插件常用的网站:插件使用步骤:jQuery 插件演示:案例:toDoList案例:toDoList 分析案例:toDoList 按下回车把新数据添加到本地存储里面案例:toDoList 本地存储数据渲染加载到页面案例:toDoList 删除操作案例:toDoList 正在进行和已完成选项操作案例:toDoList 统计正在进行个数.原创 2022-04-09 12:46:11 · 64 阅读 · 0 评论 -
jQuery 事件
1. jQuery 选择器1.1 jQuery 基础选择器原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。$(“选择器”) // 里面选择器直接写 CSS 选择器即可,但是要加引号 ...原创 2022-04-09 12:35:54 · 97 阅读 · 0 评论 -
jQuery 常用API
1. jQuery 选择器1.1 jQuery 基础选择器原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。$(“选择器”) // 里面选择器直接写 CSS 选择器即可,但是要加引号 1.2 jQuery 层级选择器jQuery 设置样式$('div').css('属性', '值') 1.3 隐式迭代(重要)遍历内部 DOM 元素(伪数组形式存储)的过程就叫做隐式...原创 2022-04-06 16:23:24 · 1845 阅读 · 0 评论 -
jQuery 入门
1. jQuery 概述1.1 JavaScript 库仓库: 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。 简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。 比如 jQue原创 2022-04-06 16:03:16 · 75 阅读 · 0 评论 -
Ajax——HTTP协议
1. HTTP协议简介1.1 什么是通信通信,就是信息的传递和交换。通信三要素:通信的主体通信的内容通信的方式1. 现实生活中的通信案例:张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。其中:通信的主体是张三和李四;通信的内容是考上传智专修学院;通信的方式是写信;2. 互联网中的通信案例:服务器把简介通过响应的方式发送给客户端浏览器。其中:通信的主体是服务器和客户端浏览器;通信的内容是简介;通信的方式是响应;1.2 什原创 2022-04-05 19:04:20 · 256 阅读 · 0 评论 -
Ajax——跨域与JSONP
1. 了解同源策略和跨域1.1 同源策略1. 什么是同源如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。例如,下表给出了相对于 http://www.test.com/index.html 页面的同源检测:URL 是否同源 原因 http://www.test.com/other.html 是 同源(协议、域名、端口相同) https://www.test.com/about.html原创 2022-04-05 18:41:10 · 599 阅读 · 0 评论 -
Ajax——Ajax加强
目录1. XMLHttpRequest的基本使用1.1 什么XMLHttpRequest1.2 使用xhr发起GET请求1.3 了解xhr对象的readyState属性1.4 使用xhr发起带参数的GET请求1.5 查询字符串1. 什么是查询字符串2. GET请求携带参数的本质1.6 URL编码与解码1. 什么是URL编码2. 如何对URL进行编码与解码3. URL编码的注意事项1.7 使用xhr发起POST请求2. 数据交换格式2.1 什么是数.原创 2022-04-05 17:18:52 · 214 阅读 · 0 评论 -
Ajax——form表单与模板引擎
1. form表单的基本使用1.1 什么是表单表单在网页中主要负责数据采集功能。HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理。1.2 表单的组成部分<form> <input type="text" name="email_or_mobile" /> <input type="password" name="password" />原创 2022-04-05 13:00:22 · 302 阅读 · 0 评论 -
Ajax——服务器的基本概念
1. 客户端与服务器上网的本质目的:通过互联网的形式来获取和消费资源1.2 服务器上网过程中,负责存放和对外提供资源的电脑,叫做服务器。服务器的本质:就是一台电脑,只不过,它的性能要比个人电脑高很多1.3 客户端上网过程中,负责获取和消费资源的电脑,叫做客户端。个人电脑中,可以通过安装浏览器的形式,访问服务器对外提供的各种资源。2. URL地址2.1 URL地址的概念URL(全称是UniformResourceLocator)中文叫统一资源定位符,用于标识互联网上每个原创 2022-04-01 16:36:21 · 199 阅读 · 0 评论 -
Web APIs——DOM- 节点操作
目录一、节点操作1.DOM节点元素节点属性节点文本节点2.查找节点节点关系:父节点查找:子节点查找:兄弟关系查找:3.增加节点创建节点追加节点克隆节点3.删除节点二. 时间对象1.实例化2.时间对象方法3.时间戳1. 使用 getTime() 方法2.简写 +new Date()3. 使用 Date().now()四、重绘和回流1. 浏览器是如何进行界面渲染的2. 重绘和回流(重排)回流(重排)重绘原创 2022-03-31 18:06:39 · 182 阅读 · 0 评论 -
Web APIs——DOM-事件基础
目录一、 事件1.什么是事件?2.什么是事件监听?3.事件监听三要素:事件监听4.事件类型鼠标事件焦点事件键盘事件文本事件二、高阶函数1.函数表达式2.回调函数三、环境对象四、编程思想1.排他思想一、 事件1.什么是事件? 事件是在编程时系统内发生的动作或者发生的事情 ,比如用户在网页上单击一个按钮 2.什么是事件监听? 就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为注册事件原创 2022-03-31 09:54:54 · 1146 阅读 · 0 评论 -
Web APIS——DOM-获取DOM元素、修改属性
目录一、Web API 基本认知1. 作用和分类2. 什么是DOM3. DOM树4. DOM对象(重要)二、获取DOM对象1. 根据CSS选择器来获取DOM元素 (重点)1.1 选择匹配的第一个元素1.2 选择匹配的多个元素2. 其他获取DOM元素方法(了解)三、设置/修改DOM元素内容1. document.write()2. 元素innerText 属性3. 元素.innerHTML 属性四、设置/修改DOM元素属性1. 设置/修改元素常用原创 2022-03-24 10:17:53 · 1839 阅读 · 0 评论 -
Vue快速入门
Vue基础Vue简介1、JavaScript框架2、简化Dom操作3、响应式数据驱动官方网站Vue.js (vuejs.org)https://cn.vuejs.org/index.html官网是这样说的对于制作原型或学习,你可以这样使用最新版本:(包含了有帮助的命令行警告,建议学习使用)<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>对于生原创 2022-03-23 14:14:42 · 1250 阅读 · 0 评论 -
CSS布局进阶
一、定位1、网页常见布局方式1. 1标准流 1. 块级元素独占一行 → 垂直布局 2. 行内元素/行内块元素一行显示多个 → 水平布局 1.2浮动 1. 可以让原本垂直布局的 块级元素变成水平布局 1.3定位 1. 可以让元素自由的摆放在网页的任意位置 2. 一般用于 盒子之间的层叠情况1.4定位的常见应用场景①可以解决盒子与盒子之间的层叠问题 定位之后的元素层级最高,可以层叠在其他盒子上面②可以让盒子始终固定在屏幕中的某个位置 ...原创 2022-03-19 18:37:30 · 165 阅读 · 0 评论