- 博客(32)
- 收藏
- 关注
原创 WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
h5打包体积限制
2022-09-06 16:51:36 823 2
原创 继承的几种方法详解
1.原型链继承1.1 基本实现构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型有一个属性指回构造函数,而实例有一个内部指针指向原型。原型链:在读取实例上的属性时,首先会在实例上搜索这个属性;如果没有找到,则会继承搜索实例的原型。在通过原型链实现继承之后,搜索就可以继承向上,搜索原型的原型。这样一层一层向上寻找就构成了原型链。对属性和方法的搜索会持续到原型链的末端。如果原型是另一个类型的实例呢?那就意味着这个原型本身有一个内部指针指向另一个原型,相应的另一个原型也有一个指针指向另一个构造
2021-11-26 13:57:15 560
转载 JSON基本介绍
1.什么是JSONJSON全称对象表示法,是一种数据格式。它本身是一串字符串,只是它有固定格式的字符串,符合这个数据格式要求的字符串,我们称之为JSON。用来代替XML做数据交换2.JSON语法语法规则数据在名称/值对中数据由逗号分隔花括号保存对象{"key":value"}==>key=value 因为是字符串所以用双引号方括号保存数组键值对JSON 数据的书写格式是:{Key:Value}、{Key:Array}。注意:如果是字符串则需要用引号例如:{"name" :
2021-11-05 11:45:31 2460 2
原创 vuex简单介绍
六、Vuex状态管理机1.介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。应用场景:同级别组件之间通讯let comA = {}let comB = {}2.基本使用:1)state(类似于vue实例中data)存储数据的地方,将每个vue实例中的公共变量抽取出来进行统一管理 state: { msg: 'hello vuex' }在
2021-10-30 23:59:31 105
转载 Vuex基本用法
版权声明:本文为CSDN博主「yusirxiaer」的原创文章原文链接:https://blog.csdn.net/yusirxiaer/article/details/996348681. vuex简介vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起,集中式来管理。需要声明的是,这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧,如果不懂的话,建议先学完vue的基础知识再看vuex。2. vuex的
2021-10-15 09:43:06 101
原创 Vue-Router路由管理器
vue-router使用步骤1)创建路由组件2)配置路由映射:组件和路径映射关系3)使用路由:通过<router-link>和<router-view>
2021-10-14 09:40:05 287
原创 vue组件机制
概述组件可以拓展HTML元素,内部封装了可复用的HTML、CSS、JS代码片段。组件类似于vue实例,组件内部有template属性,用于指定模板,vue实例内部有el属性,用于指定模板一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝组件使用步骤:组件定义——组件注册——组件使用全局注册全局注册的组件,可以在任意vue实例或者组件内部使用Vue.component('my-component-name',component)如果一个组件被多个其他组
2021-10-13 14:07:46 101
原创 vue生命周期及模板语法
什么是vue的生命周期从vue实例创建到虚拟dom产生再到数据绑定数据监听数据渲染以及销毁的整个过程生命周期有八个阶段:beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed生命周期钩子函数1.实例初始化阶段beforeCreate vue实例初始化完成之前,完成了vue事件、属性的初始化,此时还访问不到vue实例中的data,methods。created vue实例初始化完
2021-10-12 22:18:25 201
原创 ES6—异步解决方案
Promise对象是一种异步编程解决方案,Promise是一个容器,保存着将来才会执行的代码;从语法角度来说Promise是一个对象,可以用来获取异步操作的消息。异步操作,同步解决,避免了层层嵌套的回调函数特点Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)状态不受外界影响,只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。Promise对象的状态改变,只有两种可能:从pending变
2021-10-08 09:29:50 320
原创 ES6—Symbol和Class类
Symbol创建ES6引入的一种新的原始数据类型Symbol,表示独一无二的值是JavaScript语言的第七种数据类型(类似于字符串类型),属于基本数据类型Symbol函数可以接受参数,表示对于这个唯一值的描述Symbol.for()它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建一个以该字符串为名称的 Symbol 值,并将其注册到全局。Symbol.keyFor()方法返回一个已登记的 Symbol 类型值的ke
2021-09-28 19:23:59 303
原创 ES6—变量、解构、对象、数组、函数基础
变量常量变量let ,常量const1.变量声明不会被提升,即在变量声明之前无法使用该变量2.具有局部作用域,即let声明的变量只能在对应代码块中使,{ }块作用域3.不允许重复声明4.const声明的变量在声明的时候就需要赋值,并且只能赋值一次,不能修改解构ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构,解构的本质属于“模式匹配”。 只要等号两边的模式相同,左边的变量就会被赋予对应的值。如果解构不成功,变量的值就等于undefined。数组解构等号左边的变量
2021-09-27 18:55:36 243
原创 ES6—模块化
ES6是ES2015,ES2016,ES2017的统称,官方名为ECMAScript 2015 标准babel转换器babel是一个广泛使用的es6转换器,可以将ES6代码转为ES5代码,从而在老版本的浏览器执行。安装:cnpm install --global babel-cli安装预设cnpm install --save-dev babel-preset-latest新建.babelrc文件并配置{ "presets":["latest"] }使用:转码结果输出到标准输出:babel
2021-09-25 22:07:18 137
原创 canvas画布的基本教程
<canvas></canvas>属于html元素,H5新增元素,需要结合js,用来绘制图形在页面上放置一个canvas元素,就相当于放置了一块画布可以绘制路径,矩形,圆形,字符,图像…属性:width 默认值300pxheight 默认值150px一般不建议使用css设置它的宽高基本方法:<canvas id="canvas" width="300" height="300"></canvas><script>//js部分
2021-09-15 18:37:08 3334
原创 css动画制作呼吸灯
盒子全部为边框盒子border-box内层div宽高设置为100%通过改变padding的值完成动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2021-09-14 11:48:27 317
原创 jQuery基本操作
1.基本语法及功能使用jQuery是一个快速小巧、功能丰富的第三方JavaScript库功能:选取HTML元素操作HTML元素CSS操作操作HTML事件…使用:bootcdn…上找到资源,把链接引入到HTML文件里1.直接引入网络资源2.将网络资源下载到本地去引入通过jQuary或者$去调用相应的属性和方法基础语法:$(selector).action()美元符号定义 jQuery选择符(selector)“查询”和“查找” HTML 元素jQuery 的 action()
2021-09-10 16:42:08 95
原创 BOM浏览器对象模型
BOM里的一个核心对象windowjs是单线程的语言,但是我们可以通过超时调用或者间歇调用来调度代码超时调用setTimeout()作用:在指定的时间(毫秒数)后执行函数参数:两个参数(要执行的函数(必须),以毫秒表示的时间(可选,默认0))返回值:是一个数值,是当前setTimeout的id,可以通过这个id取消执行clearTimeout()作用:取消某个超时调用参数:超时调用的id间歇调用setInterval()作用:在指定的时间(毫秒数)周期,重复调用函数,直到窗口关闭,或
2021-09-10 12:11:20 66
原创 js中的DOM事件
事件就是文档或浏览器窗口中发生 的一些特定的交互瞬间事件三要素事件目标:发生的事件与之相关的对象事件处理程序:处理或相应事件的函数事件对象:与特定事件相关且包含有关该事件详细信息的对象事件流页面接收事件的顺序1.冒泡事件(IE事件)事件由一个具体的元素接收,然后又逐步传递到不具体的节点(当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发)特点:从内往外传递阻止事件冒泡:event.stopPropagation();在哪个元素要阻止就在哪个元素里添加2.事件捕获事件由不太具
2021-09-09 20:23:38 160
原创 JS函数基础
函数作用功能的封装,直接调用,代码复用率提高定义函数声明function 函数名(形参列表){ //函数体}函数表达式var 函数名=function(形参列表){ //函数体}形参与实参一 一对应函数声明提升函数与变量一样会进行声明提升函数声明提升的优先级高于变量的console.log(test);//[Function:test]函数声明提升function test(){ console.log(a);//undefined var a=1; con
2021-09-04 20:24:27 96
原创 JS正则表达式
正则表达式对象的创建构造函数var pattern =new RegExp(“正则表达式”,“修饰符”);修饰符只能是g m i,可以省略var pattern =new RegExp(“abc”,“ig”);字面量var pattern = /正则表达式/修饰符;var pattern = /abc/ig;修饰符i:ignore case 不区分大小写m:multiline 多行匹配 如果目标字符
2021-09-02 19:27:15 95
原创 JS对象基础
什么是对象一组数据(属性)和功能(方法)的集合;属性包含基本值、对象或函数。事物的特征在对象中用属性来表示。事物的行为在对象中用方法来表示。创建字面量表示var obj={}属性名直接用逗号隔开,属性名和属性值之间用冒号隔开使用构造函数var obj=new Object();属性访问点表示法例:obj.name中括号表示法例:obj[“first name”]遍历普通版的for只能遍历数组,无法遍历对象增强版for…in用于遍历数组或者对象的属性for(自定义
2021-09-02 19:12:35 65
原创 JavaScript数据类型及其之间的转换
基本数据类型number,null,undefined,string,boolean引用数据类型object【对象Object,函数Function,数组Array】转换为string类型转换为boolean类型Boolean()函数任意其他数据类型都可以转换为布尔类型转换为number类型...
2021-08-26 19:05:16 82
原创 浮动布局float
1.文档流1.1 默认文档流特征文档结构从内到外,自上而下,从左到右项目中应用:第一层/第二层布局 H5语义化/;div+css(1)块级元素:宽度默认100%,高度默认由子元素撑开,宽高可指定; 同级别垂直方向的线性结构(2)行内元素:宽高都由内容决定,不可自定义; 同级别垂直方向的线性结构2.浮动1.1 原理脱离正常文档流,脱离结点树和兄弟节点之间:浮动在后面的兄弟节
2021-08-14 20:16:16 169
原创 定位布局position
1.定位布局position:定位布局偏移量:top/right/bottom/left2.静态定位position:static; 默认文档流搭配(margin-xx)不能搭配定位的方位名词3.相对定位position:relative;开启相对定位(移动自身)特点:(1)开启定位后,如果不设置偏移量元素不会发生任何变化(2)参照自身原来的位置进行移动(3)相对定位会提升元素的层级(4)不脱离文档流(5)不会改变元素的性质(块还是块,行内还是行内)4.绝对定位positi
2021-08-13 11:06:28 81
原创 css字体与盒子模型
1.字体与文本1.1 字体样式color:字体颜色font-size:字体大小cm,mm,px:绝对值单位em,rem,% :相对值单位font-family:字体类型,例如:“微软雅黑”font-style:italic 斜体font-weight:bold 加粗简写属性:font:font-sytle font-weight font-size/line-height font-family;line-height:行高(数字、px、百分比)text-align:行内内容如何相对它
2021-08-10 19:33:05 701
原创 HTML5元素标签
1.HTML元素&标签标签和元素通常意思相同,但是严格来讲,一个元素通常又是由两个标签组成1.1HTML标签一般成对出现、大小写不敏感、但是H4推荐使用小写。开始标签 ——内容 ——结束标签<div>div的内容 <div>div <div>test</div> </div> </div>HTML标签部分可以嵌套使用1.2 块级元素独占一行空间用来布局段落、列表、导航菜单等不要把块级元素嵌套
2021-08-09 15:43:01 226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人