自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 三、分类模块,通用组件顶部导航栏Navbar

通用组件顶部导航栏,标题栏Navbar

2025-03-30 20:36:02 182

原创 二,首页内容

首页滚动吸顶效果,加载中还没出数据时的显示(文字加载页面组件,图片帧动画加载 ImageAnimator的属性.state(AnimationStatus.Running),旋转加进度动画的加载组件),获取推荐数据lazyFeach加载数据,下拉刷新数据Refresh的onStatechange方法,短音频工具的封装soundPool

2025-03-28 04:25:26 831

原创 Vue2四、 scoped样式冲突,data是一个函数,组件通信-父传子-子传父-非父子

1. 父组件通过props将数据传递给子组件2. 子组件利用$emit通知父组件修改更新。

2024-12-23 21:22:18 188

原创 Node二、Node.js 模块化、es6 软件包、Express - 框架

(下载的包会存放在当前项目下的 node_modules 中,并记录在 package.json 中)支持 2 种模块化标准 CommonJS 标准语法(默认) ECMAScript 标准语法。npm 是 Node.js 标准的软件包管理器。内置模块:直接写名字(例如:fs,path,http)自定义模块:写模块文件路径(例如:./utils.js)(得到 package.json 文件,有则略过此命令)在Nodejs中,每个文件都被视为一个单独的模块。导入:require('模块名或路径')

2024-12-23 21:21:15 1985

原创 Vue2六、路由:声明式导航router-link,编程式导航 this.$router.push,查询参数,动态路由传参,(5+2步骤),重定向,路由404,路由模式,组件缓存 keep-alive

路由和VueRouter 的使用(5个基础+2个核心步骤)路由重定向redirect,路由404,路由模式hash 和 history,声明式导航:router-link替换a标签做跳转,查询参数传参,动态路由参数传参(?可选参数),编程式导航:路径跳转,命名跳转,组件缓存 keep-alive以及触发的两个生命周期钩子activated和deactivated,生命周期都有完整面试题,返回$router.back()

2024-12-23 21:04:13 512

原创 Vue2五、自定义指令,全局&局部注册、指令的值 ,插槽--默认插槽,具名插槽 ( 作用域插槽)

自定义指令的全局注册和局部注册,指令的值,例:加载中的v-loading指令封装,插槽,默认插槽+具名插槽,作用域插槽

2024-12-22 18:47:20 884 1

原创 Vue2五、商品分类:My-Tag表头组件,My-Table整个组件

案例:商品分类:一、表头分类组件,1,input修改数据 和 文字互斥2,双击显示input+自动获焦和失焦,3,input数据回显,4 : 用户输入后回车,新内容渲染到页面→数据同步。二、My-Table整体一个组件、插槽

2024-12-22 15:55:54 854

原创 Vue2三、生命周期:四个阶段,八个钩子函数,工程化开发 :脚手架,项目运行流程,组件局部注册,全局注册

生命周期(四阶段,八个钩子函数)生命周期案例,小黑记账本(基本渲染,添加功能,删除功能,饼图渲染echarts)工程化开发 :脚手架使用步骤vue create 项目名,项目运行流程,组件化开发,vue根组件,组件注册使用(局部注册组件,全局注册组件)

2024-12-19 12:09:02 982

原创 Vue2二、指令补充,computed 计算属性vs方法,watch 侦听器,

(@keyup.enter按键)v-model.trim /.number 去除首尾空格 ,转数字,@事件名.stop 阻止冒泡 .prevent 阻止默认行为,动态操作class/style,computed 计算属性,watch 侦听器,

2024-12-18 19:58:01 989

原创 Vue2一、插值表达式 {{ }},响应式,Vue 指令:v-html / v-show / v-if / v-else / v-on / v-bind / v-for / v-model

Vue 概念 ,创建实例 步骤,插值表达式 {{ }} 响应式特性 ,Vue 指令:v-html / v-show / v-if / v-else / v-on注册事件 / v-bind动态的设置html的标签属性 / v-for循环,key / v-model双向数据绑定。例:小黑记事本

2024-12-15 20:50:05 578

原创 Node一、fs 模块、path 模块、端口号、 http 模块、

require加载,writeFile写入,readFile读取,path路径处理__dirname当前文件所在的目录,端口号,http.创建服务器程序,支持中文字符,案例压缩html+js,获取省份列表-获取城市列表-浏览时钟接口开发

2024-12-12 23:48:10 935

原创 Git一、常用命令,Git分支,Git分支-冲突,axios基地址,抽取轻提示函数,axios的别名方法

git clone ,git pull ,git add . , git commit -m "信息", git push ,Git分支 + Git冲突,配置axios基地址,axios的别名方法 ,抽取轻提示函数

2024-12-12 16:01:17 800

原创 AJAX四、同步和异步代码、回调函数地狱、Promise-链式调用、async函数和await、事件循环eventloop(执行过程,宏微任务)、Promise.all 静态方法、

同步代码和异步代码,回调函数地狱,Promise-链式调用,async函数和await、事件循环-eventloop、Promise.all 静态方法、案例商品分类和学习反馈

2024-12-04 12:27:44 594

原创 AJAX三、XHR,基本使用,查询参数,数据提交,promise的三种状态,封装-简易axios-获取省份列表 / 获取地区列表 / 注册用户,天气预报

asiox底层原理,XHR基本使用,查询参数,数据提交,promise的三种状态,封装-简易axios-获取省份列表,获取地区列表,注册用户,天气预报

2024-12-04 11:40:33 862

原创 AJAX二、案例练习:图书管理(bootstrap.Modal弹窗,reset重置表单),图片上传(知识点),网站换肤、个人设置,英雄百科,分类商品

图书管理(例),图片上传(知识点),网站换肤(例)、个人设置(例),英雄百科(例),分类商品(例)

2024-12-04 11:40:06 563

原创 web四、正则表达式:边界符,量词,范围,字符类,替换字符replace,修饰符(i,j),js插件(手势插件,对话框插件,serialize收集表单),截取字符串substring

正则的定义与使用,边界符,量词,范围,字符类,正则验证用户输入,替换replace和修饰符(i,j)触屏事件,通讯录案例(排他,手势插件,对话框插件)

2024-12-03 21:06:09 773

原创 web五、元素尺寸和位置、节点操作(DOM,查找节点,增加节点,删除节点)、阶段案例

元素尺寸(大小)元素位置,查找节点(父节点,子节点,兄弟节点),增加节点,删除节点

2024-12-03 20:58:52 503

原创 web三、 window对象,延时器,定时器,时间戳,location对象(地址),本地存储-localStorage,数组去重new Set

延时器setTimeout,定时器setInterval,时间戳三种方式,location对象(href,search,hash,reload),本地储存localStorage-简单和复杂数据类型的存储,数组去重new Set,例;距离xx时间倒计时,2bibi历史搜索记录(本地储存)

2024-12-03 20:28:09 898

原创 AJAX一、axios使用,url组成(协议,域名,资源路径)查询参数和化简,错误处理,请求/响应报文,状态码,接口文档、 form-serialize 插件

ajax是什么,请求库axios使用,url组成(协议,域名,资源路径)查询参数和参数化简,错误处理,请求报文。响应报文,响应状态码,接口文档,智能聊天(例)

2024-12-01 22:34:08 2229

原创 web二、事件核心(事件类型,事件对象,事件流(捕获 冒泡),事件委托,移除事件监听)

事件类型(鼠标 焦点 文本 键盘 滚动-点击返回顶部)事件流(事件捕获 事件冒泡)事件委托 排他思想 移除事件监听 题-tab栏切换(事件委托-排他思想)快递单号查询

2024-11-25 18:38:06 694

原创 二 三、系统组件、文本属性、img图片、字体图标、布局属性(内边距、外边距、边框属性)、背景属性、渐变、阴影

系统组件(Text,row,column,button),文本属性,图片,字体图标,内外边距,背景属性,渐变,阴影

2024-11-22 18:07:23 255

原创 js七、常用方法(数组、对象、字符串、数值、日期对象)、递归、异常处理

数组方法(filter,findindex,indexof,every,some,reverse,concat,sort)对象方法(Object.keys /values /assign)字符串方法(split,substring,sartsWith,endsWith,includes,trim,转大小写,indexOf)日期对象,递归,异常处理,收藏夹(渲染,删除,添加,搜索)

2024-11-22 17:34:17 973

原创 web一、DOM 获取元素(css选择器获取)、操作元素内容(innerText,innerHTML)、事件监听(三要素,this,回调函数),操作元素属性和样式、自定义属性

什么是API、DOM简介、点击按钮随机显示背景图(2.更换图片),点击图片更换成相对应的背景图、不同价格之间的商品筛选、反馈满意度的案例

2024-11-22 14:11:23 956

原创 js六、箭头函数(arguments对象,剩余,展开)、解构(数组解构,对象解构,多级对象结构,更改变量名)、数组常用方法(foraEach,map,join,reduce)

箭头函数,arguments,剩余参数(展开运算符),解构(数组,对象)数组方法(foreach,map,join,reduce),案例(map+join+reduce+解构)

2024-11-19 10:26:21 804

原创 js五、对象(基本使用 , 属性,方法缩写,( 增 删 改 查),遍历对象,内置对象-Math对象)、数据类型储存

渲染学生信息表档案,猜随机数,随机颜色,数据类型储存(战空间,堆空间),遍历对象,Math内置对象

2024-11-17 22:51:43 506

原创 js四、函数(基本使用,参数,返回值,注意事项,逻辑中断,作用域,匿名函数)

函数-数组求和,函数做数组的累加,数组是否存在某个元素,任意数组最大(小)值,查找下标,待办任务二次开发

2024-11-16 15:00:59 1029

原创 js三、数组(查、增,删,修改、任意位置添加删除)、循环嵌套

数组求和与平均数,求数组最大值,99乘法表,英雄头像的渲染,电影座位表的渲染,用户输入储存快捷导航

2024-11-15 13:08:58 467

原创 js 二、类型转换(显示转换,隐式转换),语句(分支语句,循环语句)

程序三大流程控制语句。

2024-11-13 13:09:21 1524

原创 js一、JS书写位置、输入输出语句句、变量常量(let-var, const )、数据类型、运算符

JavaScript 书写位置(内部,外部 行内)、输入输出语句句、变量常量(let-var, const )、数据类型(简单 复杂)、运算符

2024-11-12 22:53:38 936

原创 一,输出语句,基础数据类型,数组,函数,对象,联合类型,枚举类型

只定义不调用,函数不执行。

2024-11-10 22:07:54 677

原创 四、flex组成、定位、过渡、平面转换、动画、字体图标、视口、vw适配、less

Flex(主轴、交叉轴、多行(弹性换行)修改主轴对齐方式、垂直水平居中3种方式,弹性伸缩比)定位、过渡、平面转换、动画、字体图标、视口、vw适配、less

2024-11-10 17:17:00 300

原创 三,盒子模形,阴影,渐变

盒子模型(边框线,内边距,外边距,内外边距问题,清除默认样式,元素溢出,圆角,)阴影,渐变

2024-11-09 13:43:18 192

原创 二,CSS 写法 引入 特性,CSS选择器,文本属性,背景属性,显示模式

在head标签里面,title标签下面添加一对style 标签,style标签里面书写CSS代码选择器{属性名:属性值;

2024-11-09 12:50:46 229

原创 小兔鲜儿-PC端案例

【代码】小兔鲜儿-PC端案例。

2024-11-08 20:02:16 216

原创 一,H5骨架,文本标签,a img,布局,表单,表格,列表,路径

文本标签 媒体标签 表格 表单列表 路径

2024-11-08 19:24:37 572

原创 学成在线-pc布局案例

【代码】学成在线-pc布局案例。

2024-11-07 20:24:14 299

原创 七,模板字符串,类型转换,状态管理,运算符,数组的操作

作用:拼接字符串和变量写法: 模板字符串:写法:2,类型转换,number/string1, Number(变量) 把字符串原样转换数字类型;2, parselnt(变量)去掉小数转数字类型;3, parseFloat(变量)保留小数转数字类型;parseInt /parseFLoat 如果结尾有字符串(非数字)会直接忽略,开头有字符串返回NaN;1,变量.toString()2,变量.toFixed(数字)小括号可以写数字,表示保留的小数位数(不写数字表示保留整数)

2024-11-01 21:38:14 710

原创 八,ArkTS分支语句--循环语句

如果没有break会发生switch穿透现象- 当前case的代码和后面case的代码都执行。语法:if(条件)条件成立执行的代码}else{条件不成立执行的代码}条件成立执行的表达式 : 条件不成立执行的表达式。条件:转为布尔值为true条件成立为false条件不成立。语法:if(条件){条件成立执行的代码}else{以上条件都不成立执行的代码}elseif(条件2){代码2}elseif(条件3){代码3}与值1匹配执行的语句。与值2匹配执行的语句。达到某个条件执行相关的代码。if(条件l){代码]}

2024-11-01 19:42:18 591

学成在线-pc布局案例

学成在线-pc布局案例

2024-11-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除