- 博客(20)
- 收藏
- 关注
RSS订阅原创 微信小程序学习笔记（第三天）
一、页面导航 声明式导航 在页面声明一个导航组件 通过点击组件实现页面跳转 编程式导航 调用小程序中的导航api 1.声明式导航 (1).跳转到tabBar页面 在使用组件跳转到指定的tabBar页面时，需要指定URL属性和open-type属性，其中： URL表示要跳转页面的页面地址，...
2022-06-21 16:37:42
405
1
原创 微信小程序学习笔记（第二天）
一、wxml模板语法 1.数据绑定的基本原则 在data中定义数据 （在对应的js文件中，把数据定义到data对象中即可） 在wxml中使用数据 （Mustache语法 {{}}） 2.Mustache语法的应用场景 绑定内容 绑定属性 运算（三元运算、算术运算等） 3.事件绑定 事件是渲染层到逻辑层的通讯方式，通过事件可以将用户在渲染层产生的行为，反馈到逻辑层进行业务的处理
2022-06-09 10:28:47
224
原创 微信小程序学习笔记（第一天）
一、绪论1.注册小程序开发账号 登录https://mp.weixin.qq.com2.获取小程序的AppID 登录小程序管理后台，开发-开发管理-开发设置 可查看APPID3.安装开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 选择稳定版4.设置微信开发者工具的外观和代理 设置-外观 设置-代理-不使用任何代理5.创建第一个小程序 首先创建一个文件夹 点
2022-06-08 10:27:40
245
原创 vue组件
1.定义组件 let component1 = { data() { return { msg: '我是子组件1' } }, template: ` <div> <h3>{{msg}}</h3> <
2021-10-12 11:28:33
91
原创 es6类 继承 symbol
1.类 在javascript语言中，生成实例对象使用构造函数；ES6提供了类Class这个概念，作为对象的模板。定义一个类通过class关键字，ES6的类可以看成是构造函数的另一种写法。ES5 如何继承实例使用属性和方法 1.从实例对象本身查找属性或者方法 2.如果实例没有，从构造函数的原型对象中找 3.如果还没有，从父构造函数的原型对象中找function Person(){}Person.prototype={};var p1=new Person();p1.say...
2021-10-01 19:15:31
90
原创 es6新增语法
一、let关键字 不存在变量提升 es6中新增的声明变量的关键字 let声明的变量只在所处于的块级有效 在一个大括号中，使用let关键字声明的变量才具有块级作用域，var关键字是不具备这个特点的 防止变量变成全局变量 使用let关键字声明的变量具有暂时性死区特性二、const 声明常量 常量就是值不能变化的量 具有块级作用域 必须赋初始值 常量赋值后不能更改 基本数据类型不能更改 复杂数据类型比如数组，可以更改数组里面的...
2021-09-29 21:31:13
201
原创 防抖和节流
一、防抖 我理解的防抖就是高频事件在一定时间内只执行最后一次任务，比如有一个按钮，一直点一直点，就会一直向服务器发送请求，导致响应跟不上触发，出现页面卡顿，这时我们就可以采用防抖来避免这个现象。核心代码：二、节流节流的作用也是节约请求资源，但与防抖不同的是，节流是每隔一段时间执行一次任务，节流应用的场景有监听滚动事件，比如是否滑到底部自动加载更多。 核心代码：...
2021-09-27 17:22:38
81
原创 画布小案例
一、绘制直线<canvaswidth="500px"height="500px"></canvas>1.获取画布varcanvas=document.querySelector("canvas"); 2.获取画布的上下文varctx=canvas.getContext('2d'); 3.开始一条路径ctx.beginPath();4.确定起始点ctx.moveTo(100,100);5....
2021-09-26 17:25:05
232
原创 事件基本操作
1.注册事件（绑定事件） 传统注册方式：利用on开头的事件 特点：注册事件的唯一性 方法监听注册事件：addEventListener() 特点：注册事件依次执行 eventTarget.addEventListener(type,listener[,useCapture])将指定的监听器注册到eventTarget上，当该对象触发指定事件时，就会执行处理函数 type：要监听的事件类型 比如click 不带on listener：事件处...
2021-09-13 17:25:03
263
原创 DOM基本操作
DOM节点操作 1.创建结点 var myDiv=document.createElement("div"); 2.给结点添加文本内容 myDiv.innerText="这是新创建的div"; 3.找到页面上的一个节点 car rootDiv=document.getElementsByTagName("div"); 4.将myDiv追加到rootDiv是=上 rootDiv.appendChild(myDiv); appendChild()...
2021-09-13 17:13:57
105
原创 构造函数和原型
1.创建对象 1.利用newObject创建对象 varobj1=newObject(); 2.利用字面量创建对象 varobj2={}; 3.利用构造函数创建对象浪费内存注意 n...
2021-09-04 14:40:19
179
原创 数组的迭代方法小结
1.for each 方法：遍历 arr.foreach(function（item，index）2.map 可以理解为需要一个数组做一些操作 arr.map(function(item,index,arr)3.every 所有情况都符合才返回true arr.every(function(item,index,arr)4.some 有一种情况符合就返回true arr.some（function（item，index...
2021-09-02 17:15:14
62
原创 js基础算法题总结
1.分别使用for while do-while 实现10的阶乘。2.打印99乘法表3.有1、2、3、4四个数字，能组成多少个互不相同且无重复的三位数？4.判断101-200之间有多少个素数，并全部输出5.打印所有的水仙花数6.实现数组的去重...
2021-08-31 20:06:54
96
原创 对数组的基本操作
1.删掉数组的第一个数shift2.将参数添加到原数组开头，并返回数组的长度unshift3.删除原数组最后一项pop4.将参数添加到原数组末尾，并返回数组的长度 push5.添加参数到原数组concat6.倒叙排列 reverse7.正序排列sort8.返回从原数组中指定开始下标到结束下标之间的项组成的新数组 slice9.将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符...
2021-08-30 19:18:55
210
原创 flex布局小结
操作方便，布局极为简单，可以自适应屏幕的大小 移动端用的比较多，PC端浏览器支持情况较差 任何一个容器都可指定为flex布局 给父元素设置display：flex 从而控制孩子的摆放父亲常见属性： flex-direction设置主轴的方向，元素是跟着主轴排列的 默认 row从左到右 row-reverse 倒叙 cllumn 从上到下 justify-content 设置主轴上的子元素排列方式： flex-start 默认从头部开...
2021-08-21 20:20:19
147
原创 CSS动画总结
css动画与变形 一、animations 动画的使用： 1.定义关键帧 @keyframes 自定义的名称{ from{ css的属性值、多个 } to{ css的属性值、多个 } }@keyframes username{ 0%{} 20%{}} 2.调用关键帧 选择器{ animation-name：us...
2021-08-18 20:24:24
246
原创 css布局小结
默认文档流 线性布局，对页面布局不加任何修饰 特征： 文档结构从外到内，自上而下，从左到右 应用：第一层结构的布局 H5语义化标签/div+css（宽度、高度、背景色、边框） 1.块级元素：宽度默认100%，高度默认由子元素填充好，宽高可以自己自定义 2.行内元素：宽高都是由内容决定的 不可以自定义 同级别块级元素：垂直方向的线性结构 同级别行内元素：水平方向的线性结构 正常的文档流结点树 块级元素《--》行内元素 inli...
2021-08-15 09:22:11
123
原创 CSS盒子模型总结
一：默认盒子模型：w3c模型使用box-sizing属性可以改变盒子模型，取值“content-box”的盒子为默认盒子模型。margin：兄弟元素：水平方向相加间隙 垂直方向相叠padding：有两个值时一个值是上下，一个是左右盒子的宽width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高height+paddingTop+paddingBottom+borderTop+borderBottom所占屏幕空间...
2021-08-10 19:40:45
347
原创 CSS入门
层叠样式表，是用来修饰文档的语言，让文档以更优雅的形式呈现给用户。一、CSS的应用 HTML文档如何使用CSS 1. 外部样式表 新建 .css 后缀的文件 然后在html内head通过link引入 <link rel="stylesheet" href="./style.css"> 或者在style 标签内通过@import "xxx.css" 引入 <style> @impo...
2021-08-10 18:29:14
85
原创 初见HTML
HTML基本概念、语法、常见的标签、属性基础知识 什么是HTML？ 超文本标记语言 1. 超文本：页面内包含的内容不仅仅是文本 还可以包含图片、链接、音乐、视频等非文字元素。 2. 标记语言：不是编程语言 <div>div</div> <p></p> 3. 后缀名 .html .htm 什么是HTML5？ ...
2021-08-02 20:22:31
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人