- 博客(39)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 关于HTML
1.行内元素有哪些？块级元素有哪些？空元素有哪些？（1）行内元素有：a b span img input select strong（2）块级元素有： div ul ol li dl dt dd h1 h2 h4...p（3）常见的空元素：<br><hr>2.HTML5的离线存储怎么使用以及工作原理如何使用：（1）创建一个和 html 同名的 manifest 文件，然后在页面头部像下面一样加入一个manifest 的属性。<html lang="en"
2022-03-03 14:39:44
132
原创 微信小程序面试题
1.在小程序中如何获取用户信息？（1）小程序为升级前：可使用wx.getUserInfo直接获取用户信息，目前逐渐不能使用该方法了（2.）升级后，可使用以下方法获取用户的账户信息：（1）使用button，设置其属性：open-type="getUserInfo"<buttonopen-type="getUserInfo">获取用户信息</button>2.小程序中如何实现分享功能，微信有什么限制？发送给朋友：onShareAppMessage(Objectobje...
2022-02-16 19:28:30
4689
原创 微信开发工具(小程序)
一、小程序是什么小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。二、小程序的发展史 1.随着微信越来越流行，微信逐渐成为移动互联网中一个主要的入口。 2.微信基于WebView实现了前端界面的渲染，为了丰富微信中H5页面的功能，微信提供了JS-SDK。 3.JS-SDK 解决了移动网页能力不足的问题，通过暴露微信...
2022-02-14 20:23:13
9055
1
原创 vue路由使用以及组件扩展
定义vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用1.1 全局组件定义的三种方式使用 Vue.extend 配合 Vue.component 方法：var login = Vue.exte
2022-01-08 20:29:24
408
原创 VUE-组件以及插槽
vue组件模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用全局组件定义的三种方式使用 Vue.extend 配合 Vue.component 方法：var login = Vue.extend({ template: '<h1>登录</h1>' }); Vue.component('login', login); 直接使用 Vue.comp...
2022-01-07 18:45:08
211
原创 vue生命周期
运行周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子vue生命周期详解示例<!DOCTYPE html&g..
2022-01-06 22:57:14
108
原创 vue过滤器和修饰符
目录搭建项目的基本界面的结构实现表格的渲染实现新增的功能实现删除的功能实现过滤的功能Vue调试工具安装过滤器键盘修饰符注册一个监听按键事件使用按键别名自定义按键别名自定义指令搭建项目的基本界面的结构引入bootstrap引入vue实现表格的渲染使用v-for进行表单的渲染注意设置key属性<tr v-for='item in list' :key="item.id"> <td>{{item.id
2022-01-05 22:04:03
652
原创 MVVM与MVC的理解
MVVM 表示的是 Model-View-ViewModelModel：模型层，负责处理业务逻辑以及和服务器进行交互。View：视图层，负责将数据模型转化为 UI 显示出来，可以简单的理解为 HTML 页面。ViewModel：试图模型层，用来连接 Model 和 View ，是 Model 和 View 之间的桥梁。每当V层获取或者保存数据的时候，都要由VM层做中间的处理，从而交给M层。MVC即Model-View-Controller的缩写，就是 模型—视图—控制器，也就是说一个标准的...
2022-01-05 08:58:31
72
原创 Vue V-for和key属性
遍历数组，参数(item,index) in list遍历对象，参数(value,key,index) in list遍历数字，num in 10 (1~10)key在使用v-for的时候都需要去设置keykey让界面元素和数组里的每个记录进行绑定 key只能是字符串或者数字 key必须是唯一的...
2022-01-05 08:41:03
369
原创 Vue v-if与v-show区别
区别： v-if删除dom元素 v-show设置display:none 应用场景： v-if只修改一次的时候可以使用v-if v-show频繁切换的时候可以使用v-show
2022-01-05 08:40:41
463
原创 Vue 中样式的使用
使用class样式:数组 三木表达式 数组内置对象（对象的键是样式的名字，值是bool类型） 直接通过对象使用内联样式直接在元素上通过 :style 的形式，书写样式对象将样式对象，定义到 data 中，并直接引用到 :style 中1.在data上定义样式2.在元素中，通过属性绑定的形式，将样式对象应用到元素中在 :style 中通过数组，引用多个 data 上的样式对象1.在data上定义样式2.在元素中，通过属性绑定的形式，将样式对象应用到元素中.
2022-01-04 21:16:07
377
原创 Vue v-model数据双向绑定
作用：数据双向绑定注意：绑定的是表单控件实现了计算器功能 代码与效果如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content..
2022-01-04 21:09:18
107
原创 Vue 事件修饰符
.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身（比如不是子元素）触发时触发回调(就是你不理我我也不理你的意思).once 事件只触发一次...
2022-01-04 21:03:20
94
原创 Vue 跑马灯简易效果
代码与效果图如下！<!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.0">...
2022-01-04 20:58:02
67
原创 Vue v-on
v-on 进行事件的绑定，我们用的最多的是click事件绑定简写@实现跑马灯的效果跑马灯简易效果<script> let vue = new Vue({ el:'#box', data:{ msg:'我是4我是3我是2我是1', timer:'null' }, methods:{ start(){ c
2022-01-04 20:55:28
53
原创 Vue v-bind
v-bind 界面元素属性值的绑定括号里不加引号的都是data里的数据读取如果想使用字符串需要加上引号里面可以写表达式里面也可以调用定义好的方法，拿到的是方法的返回值
2022-01-04 20:52:38
143
原创 Vue插值表达式、v-cloak、v-text、v-html
插值表达式{{ *** }}，可以在前后插入一些内容 v-text：会替换掉元素里的内容 v-html：可以渲染html界面
2022-01-04 20:49:42
113
原创 Vue.js的代码结构
引入vue.js 写视图层，我们要展示的内容 实例化Vue()data：存放数据 el：这个控制是哪块视图 methods：放我们的方法 注意：都是通过this对象去拿的，通过this也可以调用方法。写方法的时候我们需要注意this的指向问题。 ...
2022-01-04 20:47:22
106
原创 Vue中 MVC与MVVM的区别
MVC 是后端的分层开发概念;MVVM是前端视图层的概念主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model、View、VM ViewModel;
2022-01-04 20:45:23
321
原创 Vue框架和库的区别
框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。例如：node中的express库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。例如：从Jquery 切换到 Zepto 例如：从EJS切换到 art-template...
2022-01-04 20:40:23
354
原创 set、map与模块化
Set 和 WeakSet用法Set是ES6给开发者带来的一种新的数据结构，你可以理解为值的集合。我们平时见到的数组Array也是一种数据结构，但是Set跟其他数据结构不同的地方就在于：它的值不会有重复项。set的基本用法Set的用法： var s = new Set(); console.log(s); //打印结果：Set {}Set本身是一个构造函数，你可以理解为一个类，使用的时候需要用new来创建一个实例。以上的案例就是这样创建出一个Set结构，我们打印出来看看，控制台输出
2021-12-23 20:05:35
666
原创 Promise 中reject 和 catch 处理上有什么区别
reject 是 Promise 的方法,而 catch 是 Promise 实例的方法” reject 是用来抛出异常，catch 是用来处理异常 reject 是 Promise 的方法，而 catch 是 Promise 实例的方法 reject后的东西，一定会进入then中的第二个回调，如果then中没有写第二个回调，则进入catch 网络异常（比如断网），会直接进入catch而不会进入then的第二个回调...
2021-12-23 18:59:20
1378
原创 Set与Map的区别
1.Map是键值对，Set是值的集合，当然键和值可以是任何的值；2.Map可以通过get方法获取值，而set不能因为它只有值；3.都能通过迭代器进行for...of遍历；4.Set的值是唯一的可以做数组去重，Map由于没有格式限制，可以做数据存储5.map和set都是stl中的关联容器，map以键值对的形式存储，key=value组成pair，是一组映射关系。set只有值，可以认为只有一个数据，并且set中元素不可以重复且自动排序。SetSet对象允许你存储任何类型的值，无论.
2021-12-23 18:28:32
17841
3
原创 forEach、for in、for of三者区别
forEach、for in、for of三者区别forEach 更多的用来遍历数组for in 一般常用来遍历对象或jsonfor of数组对象都可以遍历，遍历对象需要通过和Object.keys()for in循环出的是key，for of循环出的是value...
2021-12-22 20:27:50
464
原创 迭代器与生成器
Proxy的实现先定义一个对象，含有name属性，值为“张三”,创建一个代理对象pro，对象person的操作都交给代理对象pro，这不，看最后一句代码，如果你要读取person对象的name属性，就要用pro.name，而不是person的name。我们看到的结果是：“李四“而不是person对象重点张三，因为代理过程中，get方法实现了拦截的作用，不管你读取什么属性，我都返回”李四“。newProxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象，handler参数.
2021-12-22 20:23:57
74
原创 Symbol数据类型
(1)、Symbol介绍在介绍Symbol之前，我们简单介绍一下JavaScript的数据类型：JavaScript有6中数据类型，分别是：String字符串类型；Number数字类型；Object对象类型；Boolean布尔值类型；Null空值；Undefined 未定义；这6种类型写过代码的同学都不会陌生，它们都有各自的用途。而ES6给我们带来一种全新的数据类型：Symbol。每一种全新的事物的诞生都是为了解决某种问题。Symbol的初衷：解决对象的属性名冲突。从上面代码案例看到..
2021-12-21 21:59:08
1397
原创 函数与箭头函数
函数与Symbol 完成变量值的互相交换 利用symbol对数组去重 箭头函数this指向 利用symbol对数组去重 箭头函数this指向 掌握数字类型新用法 掌握对象新用法 掌握箭头函数 掌握拓展运算符 熟练运用symbol类型 1.数字类型的用法(1)、传统写法在ES5中，我们存在几个全局函数 isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，对于这些...
2021-12-21 21:57:02
252
原创 函数与Symbol
函数与Symbol利用symbol对数组去重 箭头函数this指向 掌握数字类型新用法 掌握对象新用法 掌握箭头函数 掌握拓展运算符 熟练运用symbol类型 1.数字类型的用法(1)、传统写法在ES5中，我们存在几个全局函数isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，对于这些全局函数的使用很简单，就拿isNaN函数来举例。ES5中的写法是：以上两种写法均可，isNaN是全局函..
2021-12-21 21:43:59
214
原创 数据类型新用法与解构赋值
解构赋值(1)、什么是解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值（Destructuring）。关于给变量赋值，传统的变量赋值是这样的：将数组的元素值1，2，3分别赋值给变量a，b，c，结果也是如我们所愿，赋值成功，这是一种传统的赋值方式。变量的解构赋值：注意到了吗？赋值的代码大大减少了，不需要分别把变量a，b，c分别声明定义和赋值，只需要将变量a，b，c作为一个数组的元素，然后将数组[1,2,3]赋值给数组[a,b,c]即可.
2021-12-20 20:28:22
165
原创 es5和es6的区别
ES61.块级作用域 关键字let, 常量const2.对象字面量的属性赋值简写（property value shorthand）3.赋值解构4.函数参数 - 默认值、参数打包、 数组展开（Default 、Rest 、Spread）5.箭头函数 Arrow functions(1).简化了代码形式，默认return表达式结果。(2).自动绑定语义this，即定义函数时的this。如上面例子中，forEach的匿名函数参数中用到的this。6.字符串模板 Templat..
2021-12-20 20:18:17
51
原创 jQueryHTML与插件
目录：注册事件委托事件事件对象eventeach()方法jQuery.each()函数用于遍历指定的对象和数组jQuery 对HTML的设置与捕获text()、html() 以及 val() 的回调函数jQuery 对HTML的页面尺寸操作width() 和 height() 方法innerWidth() 和 innerHeight() 方法outerWidth() 和 outerHeight() 方法scrollTop() 和 scrollLeft() 方法jQuery添...
2021-12-16 20:40:22
139
原创 jQuery基础
jQuery整体结构图jQuery介绍(1)、JavaScript与jQuery比较js: 1、入口函数只有一个，window.onload浏览器兼容性：非常令人头疼，比如textContent虽然作为标准方法但是只支持IE8+以上的浏览器 DOM错综复杂，实现简单的效果很麻烦 代码容错性差，出错后导致后面的代码不执行jQuery: 1、市场占有率稳步上升，代码比较少，功能强大2、DOM比较强大，事件处理，完全解决了浏览器的兼容性问题3、ajax操作（比较好）...
2021-12-15 20:46:43
59
原创 面对对象
温馨提示：本章概念性的东西比较多目录一、对象二、回顾创建对象的四种方法三、构造函数和实例对象的关系四、构造函数的问题五、原型六、额外的一些技巧七、改变this指向的方法什么是对象！万物皆对象！一、对象（1）对象是单个事物的抽象一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的链接也可以是对象。当一个实物被抽象为对象。实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。（2）对象是一个容器，封装了属
2021-12-14 20:12:41
386
原创 正则表达式
目录一、正则概念二、正则的组成三、创建正则对象四、正则匹配五、正则提取六、正则替换七、HTML5的web存储一、正则概念（1）正则表达式的定义正则表通常被用来检索、替换那些符合某个模式（规则）的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、以及这些特定字符的组合，组成一个”规则字符串“，这个”规则字符串“用来表达字符串的一种过滤逻辑。（2）正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑（匹配）
2021-12-14 19:42:20
539
原创 函数高级应用
一、函数的定义方式(1)、函数声明function fn(){console.log('this is a function')}(2)、函数表达式var fn = function(){console.log('赋值表达式函数')}(3)、内置构造函数的形式varfn3=newFunction("num1","num2","returnnum1+num2");console.log(fn3(2,3));推荐使用第二种形式，第三...
2021-12-12 19:02:42
546
原创 面向对象继承
一、原型{Prototype}（花括号的原型是隐藏的链接）是一个隐藏的链接，用户无法直接访问该对象。这个隐藏的链接也是一个对象。因此，有三种方法可以在JavaScript中创建对象，并且每种方法都可以创建原型链接。目的：1、节省内存空间，2、实现数据共享原型链：实例与原型的链条称作原型链二、原型的指向是否可以改变原型对象的constructor属性指向构造函数本身Student.prototype=newPerson("小王",18);console.lo...
2021-12-10 20:56:37
278
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人