关于jQuery的笔记,涵盖jQuery的基础知识。Welcome to my notes on jQuery!
jQuery1.简介
JQuery是js函数库 本质就是js库
jQuery总共有三个版本 1版本兼容性最好 2 版本3版本轻量化
jquery 核心函数
1234567891011121314151617181920212223242526272829303132333435363738394041<!--1. 作为一般函数调用: $(param) 1). 参数为函数 : 当DOM加载完成后,执行此回调函数 2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装成jQuery对象 3). 参数为DOM对象: 将dom对象封装成jQuery对象 4). 参数为html标签字符串 (用得少): 创建标签对象并封装成jQuery对象2. 作为对象使用: $.xxx() 1). $.each() : 隐式遍历数组 2). $.trim() : 去除两端的空格--><!--/*--><!--需求1. 点击按钮: 显示按钮的文本 ...
promise asyan await1.回调函数的分类
什么是回调:我们定义的,我们没有调用,最终执行了
1.同步的回调函数:** 理解: 立即在主线程上执行, 不会放入回调队列中。** **例子: 数组遍历相关的回调函数 **
2.异步的回调函数:** 理解: 不会立即执行, 会放入回调队列中以后执行** **例子: 定时器回调 / ajax回调 **
异步回调一般都是需要时间的,像定时器,成功结果的回调和失败结果的回调这种一般都是异步回调
2.控制台遇到的错误以及分析2.1常见的错误类型
Erroe :是所有错误类型的父类
进一步理解JS中的错误(Error)和错误处理https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Error
ReferenceError: 引用的变量不存在
1console.log(a);
TypeError: 数据类型不正确
demo() 函数执行后返回的是一个空的 空的在调用就不行了
12const d ...
关于JavaScript的学习笔记,涵盖JavaScript的基础知识。Welcome to my notes on JavaScript !
1.JavaScript基础1.1.JavaScript简介
JavaScript是一种脚本语言,是直接在浏览器运行的如果要写JavaScript就需要在 <script>标签里面写
1.2.JavaScript常用常用输出语法1234567alert();用来在窗口显示信息 console.log()用来在控制台输出一个信息document.write(); document--文档在网页里面一个网页就是一个文档 document就是网页document.write();在网页里面输出一个信息
1.3.JavaScript的编写位置
在script标签里面
将js代码直接编写在外部的文件中 通过script标签引入
写在标签里面
123javascript<button onclick="alert('你点我干嘛')">点我</button><a hrtf ...
1.JavaScript简介1.1JavaScript 简介
js 是什么
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果.
js 能做什么(作用)
网页特效 (监听用户的一些行为让网页作出对应的反馈)
表单验证 (针对表单数据的合法性进行判断)
数据交互 (获取后台的数据, 渲染到前端)
服务端编程 (node.js
js 的组成
1.2 js的书写位置
内部js
理论上写在哪里都可以,但是最好是写在body的最下面。
外部js
后续程序的开发中最常用的一种方式,将逻辑和样式进行了分离,方便代码的复用,维护。
行内js
和css一样写在标签内的js,前期用的少,后期学到vue用的会非常多。
123456789101112<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid ...
智慧商城 - 授课大纲接口文档:https://apifox.com/apidoc/shared-12ab6b18-adc2-444c-ad11-0e60f5693f66/doc-2221080
演示地址:http://cba.itlike.com/public/mweb/#/
01. 项目功能演示1.明确功能模块启动准备好的代码,演示移动端面经内容,明确功能模块
2.项目收获
02. 项目创建目录初始化vue-cli 建项目1.安装脚手架 (已安装)
1npm i @vue/cli -g
2.创建项目
1vue create hm-shopping
选项
12345Vue CLI v5.0.8? Please pick a preset: Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint)> Manually select features 选自定义
手动选择功能
选择vue的版本
12 3.x> 2.x
是否使用history模式
选择css预处理
...
Vue是现在非常热门的前端框架技术,企业为了迅速的完成某个需求,或者完成某个要求,而框架就是提高开发效率的工具,例如如果让你写一个轮播图,使用原生的js就需要你自己写很久,而使用某些ui框架或者技术框架,就能使用几行代码快速的完成这个轮播图,能够大大的提高开发的效率。同时框架可以约束和规范代码,提高代码的可维护性和协作开发的效率,这个在我们进行团队开发的时候显得尤为重要。学习框架不一定会让你快乐的进行开发,但是不学框架一定不会很快的进行开发。当然并不是说学会了框架了以后,前面的一些原生的语言就不重要了,原生的语言和框架的学习是一个循序渐进的过程,基础不牢,地动山摇。同时框架并不是尽善尽美的,在遇到一些特殊的需求的时候,也需要我们使用原生语言来完成这些需求。
1.vue基础3概念:Vue 是一个用于 构建用户界面的渐进式框架
构建页面:
渐进式:vue+vueRouter+Vuex+vite+……..,vue的学习是循序渐进的,学完一个就能做出对应的东西来。
框架:上面有说明,能规范开发流程,大大的提高开发的效率。缺点就是需要动脑子去学,vue有一些语法规则需要我们去学习和练 ...
CSS 的全称为:层叠样式表 ( Cascading Style Sheets ) 。CSS 也是一种标记语言,用于给 HTML 结构设置样式,例如:文字大小、颜色、元素宽高等等。
1.CSS基础
CSS 的全称为:层叠样式表 ( Cascading Style Sheets ) 。
CSS 也是一种标记语言,用于给 HTML 结构设置样式,例如:文字大小、颜色、元素宽高等等。
简单理解: CSS 可以美化 HTML , 让 HTML 更漂亮。 核心思想: HTML 搭建结构, CSS 添加样式,实现了:结构与样式的分离。
1.1 CSS的编写位置
行内样式
写在标签的 style 属性中,(又称:内联样式)
语法:
1<h1 style="color: red; font-size: 10px;">欢迎学习css</h1>
注意点
style 属性的值不能随便写,写要符合 CSS 语法规范,是 名:值;(键值对) 的形式。
行内样式表,只能控制当前标签的样式,对其他标签无效。
缺点:第一个是影响整体的结构,在h ...
1.项目初始化及使用的技术接口文档
vite
vite 为我们提供了一个快速的开发工具,让我们能够更加迅速地构建web项目。
模块式更新,闪电般的冷启动
element plus
使用vite创建vue
windicss
npm 切换为国内的镜像(目前不知道是否还能使用)
先查看当前的镜像
1npm config get registry
1npm config set registry https://registry.npmmirror.com
使用vite 创建项目
1npm create vite@latest shop-back -- --template vue
进入项目 并安装依赖
123cd shop-backnpm installnpm run dev
项目目录介绍
项目目录和vue2的项目目录无差别
插件
中文插件
vloar 语法提示插件
vue3snippets vue3语法提示插件
1.1Element Plus 基本使用element plus
安装element plus 配置相关的样式库
1npm install el ...