- 博客(31)
- 收藏
- 关注
原创 element iuput输入框一些小坑
初始化的时候,赋值最好是一次性赋值,不然有可能会造成,数据更新,视图不更新的情况。有可能会造成,数据更新,视图不更新的情况。但:let arr = { a:1 }
2023-10-18 16:27:27
146
1
原创 小程序 (基础认识)
(简单认识)简单组件,模板语法,事件触发,表单的双向绑定,事件的传参数,响应式更新,wx 的api,配置,页面生命周期,页面跳转,全局数据
2022-09-05 00:44:26
579
1
原创 Vuex 简介
Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2022-07-26 23:22:56
467
原创 JS中的原型和原型链 和
(1)每个构造函数(class)都有一个显示的原型prototype(2)每个实例实例对象都有个隐私原型__proto__(3)实例的隐式原型__proto__等于其构造函数的显示原型protype(4)当查找一个对象的属性或方法时先在实例上查找,找不这沿着__proto__向上逐级查找(5)我们把__proto__的__proto__形成的链条关系成为原型链作用:1 原型链实现了js继承,2.原型可以给构造函数创建的实例添加公用方法闭包就是函数嵌套函数,函数作为参数被传入,作为返回值被返回。闭包作用:形成
2022-06-06 20:25:06
457
原创 for循环和函数
for循环for循环概念:做重复的事情,通常和数字关联break在for循环中只要break代码被执行for循环立即终止for循环的基本结构(两个分号不可以省略)for(;;){}for(1初始值;2结束条件;4更新变量){ //3 执行的for循环代码}for循环注意点是否满足条件: (如果不满足:代码一次不执行)是否有结束条件(如果没有,就是一个死循环(无限循环))浏览器15秒还没有反应过来,就会自动崩溃事件代理把事件注...
2022-05-26 19:01:11
513
原创 js 常见报错
获取错误Uncaught TypeError: Cannot read properties of null (reading 'addEventListener');没有捕捉到类型错误:不能获取到addEventListener属性Uncaught TypeError: Cannot read properties of null (reading 'classList')当读取null的classList属性了发送了类型错误语法错误Uncaught SyntaxE...
2022-05-25 20:21:33
2869
原创 dom 文档对象编程
事件1.绑定//两种方法//1.直接添加点击事件btn.onclick = function(){}//为bth添加一个点击事件btn.addEventListener(type,funName)2.解绑//使bth的点击事件为空btn.onclick = null//删除bth添加的事件btn.removeEventListener(type,funName)//匿名函数不能解绑3.事件对象event.target //事件源对象
2022-05-25 20:07:04
461
原创 dom文档对象 2
1.节点关系父子父节点 parentElement所有子节点 children第一个子节点 firstElementChild最后个子节点 lastElementChild兄弟上一个兄弟 previousElementSibling下一个兄弟 nextElementSibling2.属性操作getAttribute 获取属性setAttribute 设置属性removeAttribute 移除属性3.节点信息js的D
2022-05-21 18:40:01
550
原创 js dom文档对象模型
dom 是 文档对象模型文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。1.dom使用getElementById()通过id获取元素getElementsByTagName()通过标签名获取节点列表getElementsByClassName()通过类名获取节点列表getElementsByName()通过名称获取列表querySelector()通过css选择器获取节点|querySel
2022-05-18 17:37:43
579
原创 js 的 bom和window对象
1.js的组成ECMAScript语法Bom 浏览器与js交互Dom html内容与js交互2.bom对象(1)screen 屏幕document.write(screen.width) //屏幕的宽document.write(screen.height) //屏幕的高document.write(screen.availWidth) //移除状态的屏幕宽document.write(screen.availHeight)//移除状态 的屏幕高//可视屏幕宽高.
2022-05-17 17:38:40
693
原创 移动端全部
responsive 响应式页面day1:移动端页面rem布局flex 弹性布局(1).视口设置 meta(2).媒体查询@media screen and(区间){ 类名{ 需要的效果 }}@media screen and(区间){}css3 全局变量...
2022-04-18 18:50:54
67
原创 css3 动画
box-shadow:0 0 0 0 rgba(0,0,0,0)inset;分别为水平偏移,垂直偏移,羽化值,扩展值,颜色,内阴影必选:水平偏移,垂直偏移,羽化值,颜色transition:过渡background下级元素 :::linear-gradient:渐变色repeating-linear-gradient :重复渐变radial-gradient: 径向渐变@font-face:离线字体...
2022-04-12 19:05:57
198
原创 便于记忆的标签
头部标签: header导航: nav导航条 :topnav右侧栏 :rightcolumn底部 : footer图像部分:fakeimg/* 响应式布局 - 小于 600 px 时改为上下布局 */@media screen and (max-width: 600px)...
2022-04-07 21:47:07
61
原创 css 定位
1.position-static :任何元素 默认的定位方式 为:static 静态定位,按照标准文档流,margin位置移动会影响其他元素2.position-relative :相对定位 相对于自身的位置偏移,保留空间,不影响其他元素位置关系;定位位置为自身左上角;利用 top/left/bottom/right 来控制方向一般使用 top/left控制3.position-absolute:绝对定位 脱离文档流;默认的包含...
2022-04-02 15:01:37
236
原创 css 浮动
//box-sizing: border-box;盒子不会被撑大 nth-child 选择第几个//浮动快速解决左右对齐的问题1. display 设置标签的显示方式display:属性: block “块”元素 inlink-block “行内块”元素 none 隐藏(不渲染 不占据空间) opacity 透明2. visibility 显示选项属性:visible ...
2022-04-01 17:58:54
48
原创 盒子模型&背景颜色
内容:contentwidth/weight/内容自身 决定 大小;块元素识别宽高设置;行内不支持宽高设置。外填充: margin块元素margin 识别 top bottom left righ (满行)margin-top属性 会向上一级 元素传递 解决方法:1.添加边框;2.父节点添加overflow 或者 添加border块元素的上下 margin 值重叠,间距取最大值;行内块元素 左右,上下 margin 值间距求和;行内元素,margin值不识别上下,识别左右
2022-03-30 17:31:14
755
原创 css基本标签
1. 什么是CSS cascading style sheets 层叠样式表,是网页结构和表现分离2. CSS的引入方式 1.行内<p style="xxx:xx;"></p> 2.内嵌 <style type='text/css'>...</style> 3.外联 <link href='xxxx.css'> 3.CSS基本选择器 ...
2022-03-29 13:04:39
2417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人