- 博客(20)
- 收藏
- 关注
RSS订阅原创 HTML5新增标签
(1) 语义化结构标签#最常用语义标签header 头部标签 footer 底部标签 nav 导航标签 aside 侧边栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
2022-04-14 10:01:13
168
原创 HTML相关
(1) 标签相关概念1. HTML版本html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01（微小改进） HTML5：2008年正式发布,现在都在用第5版的html2. HTML文件# 一个html文件用浏览器打开就是一个网页 第一个网页(有文字, 有链接和图片) <!DOCTYPE html><html lang="en"><head> <meta charset="
2022-04-14 09:51:10
1122
原创 正则表达式
辅助工具#在线匹配正则表达式在线测试 | 菜鸟工具 百度前端助手 soft.huruqing.cn(或者其它地方) 去下载, 然后解压 打开chrome浏览器: 右上角省略号 -> 更多工具 -> 扩展程序 -> 打开开发者模式 -> 加载已解压的扩展程序 (一)创建正则表达式对象#什么是正则表达式字面量方式 new 关键字 正则参数<script> // 1. 字面量创建正则表达式 // /web/,匹配的字符串只要含有web就.
2022-03-14 19:27:00
164
原创 Bom 和 Ajax
金山文档】 Bom和Ajax#https://kdocs.cn/l/cnWuvzdJqqOU复习: 回调函数(一) window对象#JavaScript运行在浏览器, 而window对象是浏览器提供的一个对象, 所以也可以称为宿主对象。window包含Dom和Bom和其它的一些全局对象和方法, EcmaScript则是运行在浏览器上, window为EcmaScript提供了全局作用域.(1) 浏览器缓存#问题1: 浏览器本地缓存有哪些问题2: cookie、sessionSt
2022-03-14 19:25:34
353
原创 Dom对象和jQuery
cdn地址:BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务jquery地址<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>【金山文档】 Dom对象 目录 (一) Dom树相关知识 (二) Dom节点操作 1. 获取 DOM 节点对象 2. 获取和修改dom节点的内容 3. 获取和修改dom节点.
2022-03-14 19:24:26
85
原创 webpack教程
前端项目构建打包工具介绍 (一) webpack配置-入口和出口 (二) loader配置 (三) plugins(插件) (四) vue2.x中的webpack配置 (五) resolve别名配置和文件后缀配置 (六) 跨域配置 (七) 其他前端构建打包工具前端项目构建打包工具介绍# 为什么需要这些项目构建打包工具 项目构建打包工具有哪些 webpack介绍 是一款打包构建工具,目前就流行打包构建工具 webpack特点: 一切皆模块, 能把所有资源打
2022-03-14 19:22:13
1413
原创 Vue进阶知识(1)
相关知识: webpack (一) vue如何配置配置环境 (二) 配置打包 (三) rem移动端适配 (1) 元素单位有哪些 (2) rem和根标签字体大小的关系 (3) 移动端rem适配原理 (4) vue项目配置rem (四) vue mixin是什么 01 组件内混入 (2) 全局混入 (五) nextTick (六) ref获取原生dom节点和组件实例 (1) 获取原生dom节点和子组件实例 (2) vant-ui库中的例子 (七) vue ne
2022-03-14 19:12:45
403
原创 Vue项目实战-vue2(移动端)
Vue项目实战(移动端)#相关资料 (一) 创建项目 (二) 禁用Eslint (三) devtool (四) 添加less支持 (五) vue路由配置(背诵) (六) 父子组件通信(背诵) (七) axios拦截器(背诵) (八) Sticky 粘性布局 (九) 图片懒加载 (十) 全局注册组件 (十一) slot插槽 (十二) 使用ui库需要关注的三点 (十三) 三种路由传参方式(背诵) (十四) 模拟数据 (十五) 计算属性computed和属性观察watch (十
2022-03-07 15:53:41
9034
1
原创 项目实战-Vue3项目
安装脚手架 npm install -g create-vite-app 创建项目 create-vite-app projectName 安装依赖 用vscode打开项目, 运行npm i 运行项目 npm run dev // 可以在package.json里修改 预览项目 用浏览器打开:http://localhost:3000 项目实践2: 配置路由#文档地址:Vue Router插件: vetur前言...
2022-03-07 15:50:12
1714
1
原创 Vue基础知识
前言#前言 (1) 前端技术发展历程 (2) Vue介绍 (3) Vue核心思想 (4) 相关资料 (一) hello world (二) 双向绑定 (三) 修改css (四) 修改样式 (五) 绑定事件 (六) 生命周期背诵 (七) 条件渲染 (八) 渲染列表 (九) couputed 计算属性 (十) watch 侦听器 (十一) refs (十二) 请求数据 项目实战(1) - 创建vue3项目 项目实战(2) - 配置简单路由 (1) 安装vue
2022-03-07 15:42:55
90
原创 小程序核心知识点2
(六) 页面跳转 (七) 路由传参 (1) 页面传参: 参数是基本数据类型 (2) 页面传参: 参数是对象(引用数据类型) (八) 数据缓存 (九) 用户授权 知识点 (1) 用户授权之录音授权 (2) 获取用户信息的授权 (3) 获取用户手机号码 (4) 获取用户的授权信息 (十) 小程序登录 (十一) 小程序获取位置 (1) 获取位置信息 (2) 实际应用: (十二) 支付流程 (十三) 自定义组件(六) 页面跳转#小程序常用两种方式，普通页
2022-02-23 09:37:17
363
原创 小程序核心知识点1
相关资料地址: (一) 静态页面 (1) 静态页面相关知识点 (2) 把原生静态页面转为小程序静态页面 (3) 在小程序中使用 vant-ui (4) 小程序弹窗api (二) 生命周期 (三) 获取数据 前言 (1) 发送请求 (2) 使用 promise 封装请求 (四) 渲染页面 1. data 和 setData 2. 条件渲染 wx:if 3. 列表渲染 wx:for (五) 绑定事件 (1) 绑定事件 (2) 事件传参 相关资料地
2022-02-23 09:34:33
115
原创 小程序安装和配置
配置思路(一) 开发工具 (二) 构建项目 (三) 小程序配置 (四) 小程序控制台配置 (五) 小程序使用nodejs模块(一) 开发工具小程序开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(二) 构建项目可以新建,也可以导入原有项目 需要去注册一个小程序以获得AppId, 当然也可以使用测试号(三) 小程序配 3.1app.json全...
2022-02-23 09:22:44
324
原创 JQuery/ajax完成登录页面
输入手机号码, 点击获取验证按钮, 发送请求到服务器去获取验证码, 然后开始倒计时 输入验证码, 点击登录, 发送请求到服务器去登录, 成功后跳转到个人中心页面 登录成功之后, 将手机号码存储本地缓存 个人中心页面: 获取本地缓存的手机号码, 有号码则显示电话号码, 没有号码, 显示立即登录接口:获取验证码接口:地址:http://huruqing.cn:3003/user/getSmsCode请求参数: phone请求方法: get登录接口:接口地址:http://hur...
2022-01-05 11:06:32
1764
原创 (三) 日期对象常用方法和插件
创建日期对象 日期常用方法 日期函数应用 日期函数库moment.js1.创建日期的三种方法<script> // 方式1: 无参数 var date = new Date(); console.log('date',date); // 方式2: 参数为日期数字字符串 var date2 = new Date('2020-12-12 00:00:00'); console.log('date2',date2); // 方式3: 参数为数字0, 表..
2021-12-31 15:37:51
280
原创 用js编写一个简单地计算器
1.使用函数的方式重写电影列表和影院列表页面2.写一个简单的计算器(eval用来计算) //html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte...
2021-12-31 15:25:33
693
原创 (三)函数传递参数(重要)
调用函数可以通过()传入任意类型参数, 被调用函数通过()接收参数(demo1) 调用时传入什么数据,函数就接收到什么数据 传入的参数可以是任何类型 传入的参数叫实参, 接收的参数叫形参, 形参和实参位置一一对应 基本数据类型和引用数据类型参数的区别(先了解) <!-- demo1 --><!DOCTYPE html><html lang="en"> <body> <script> function
2021-12-31 15:15:59
154
原创 函数的调用方式
(1) 手动调用(2) 绑定一个事件来触发函数的运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width='device-width', initial-scale=1.
2021-12-31 15:04:01
275
原创 经典各种循环案例
1.判断今天是星期几使用Switch语句, 在页面上输出今天是星期几, 比如: 今天是星期四就在页面上显示"今天是星期四"// 下面这行代码可以获得星期对应的数字,如果今天是星期四,则day的值为4 var day = new Date().getDay();var str = '';switch (day) { case 1: str = '一'; break; case 2: str = '二'; brea.
2021-12-31 14:57:39
934
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人