- 博客(37)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序
1.在小程序中如何获取用户信息？（1）小程序为升级前：可使用wx.getUserInfo直接获取用户信息，目前逐渐不能使用该方法了（2.）升级后，可使用以下方法获取用户的账户信息：一，使用button，设置其属性：open-type="getUserInfo" <button open-type="getUserInfo">获取用户信息</button>2.小程序中如何实现分享功能，微信有什么限制？发送给朋友：onShareAppMessage(Object obje..
2022-02-16 19:16:30
922
原创 微信小程序基础入门
一，小程序介绍小程序是什么？不足官方文档 小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 任何一个普通的开发者，经过简单的学习和练习后，都可以轻松地完成一个小程序的开发和发布。 微信小程序的优势和劣势 优势 微信助理，容易推广。在微信中，小程序拥有众多入口，例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量，从而进行转
2022-02-14 20:07:25
626
原创 vue路由使用以及组件扩展
一， 父组件传值子组件接受父组件传值设置props属性就可以接受父组件传值示例：属性继承的特征：父组件的属性会覆盖子组件的属性class和style会进行合并，不会覆盖设置禁用继承加在子组件上的属性，使用了这个属性之后会阻止组件继承父组件的属性，但是class和style除外inheritAttrs: false在组件内可以使用$attrs获取父组件传过来的属性示例：<!DOCTYPE html><html lang=...
2022-01-09 19:21:08
271
原创 VUE-组件以及插槽
一，vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同： 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用 全局组件定义的四种方式和展示数据和响应事件代码段<!DOCTYPE html><html>&
2022-01-07 19:47:50
764
原创 vue生命周期和vue-resource
1、什么是生命周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！2、vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子3、vue生命周期详解：代码段<!DOCTY
2022-01-06 19:49:11
253
原创 vue过滤器和修饰符
一，过滤器概念Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”（|）符指示。官方文档作用在我们页面显示值之前加一层过滤，展示我们过滤后的值注意事项过滤器可以用在两个地方：双花括号插值和v-bind表达式使用语法{{变量 | 过滤器名}} {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是...
2022-01-05 18:46:19
474
原创 VUE-基础使用
1. 什么是vue.js1.Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。2.Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！2. 为什么学习流行框架1.企业为了提高开发效率：在企业4E2D，时间就是效率，效率就是金钱；2.企业中，使用框架，能够提高开发的效率；3.提高开发效率的发展历程：原
2022-01-04 20:13:50
360
原创 set 、map 与模块化
1.Set和WeakSet用法(1)、什么是setSet是ES6给开发者带来的一种新的数据结构，你可以理解为值的集合。我们平时见到的数组Array也是一种数据结构，但是Set跟其他数据结构不同的地方就在于：它的值不会有重复项。(2)、set的基本用法Set的用法：var s = new Set()console.log(s)//打印结果：Set{}Set本身是一个构造函数，你可以理解为一个类，使用的时候需要用new来创建一个实例。以上的案例就是这样创建出一个Set结构，我..
2021-12-23 19:12:26
181
原创 迭代器与生成器
1.Proxy的实现(1)、proxy的实现先定义一个对象，含有name属性，值为“张三”,创建一个代理对象pro，对象person的操作都交给代理对象pronewProxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行为这就是代理Proxy的作用，将一个对象交给了Proxy代理，然后通过编写处理函数，来拦截目标对象的操作。(2)、set方法而上面提到的“编写处理函数“，get方法就是其中一...
2021-12-22 18:51:53
464
原创 函数与Symbol
1.数字类型的用法1.数字类型的用法(1)、传统写法在ES5中，我们存在几个全局函数isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，对于这些全局函数的使用很简单，就拿isNaN函数来举例。ES5中的写法是：以上两种写法均可，isNaN是全局函数，本身就是属于window对象下的一个方法，所以大部分人会使用第一种写法。但是在ES6的标准中，isNaN方法被移植到了Number对象上，也就是原本属于全局对象window下的函数，现在属于Num.
2021-12-21 19:00:54
332
原创 数据类型新用法与解构赋值
1.ECMAScript介绍(1)、ECMAScript是什么？ECMAScript就是JavaScript中的语法规范！ECMAScript是属于国际标准化的语言，所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样，按照它的规定来编程代码。(2)、ECMAScript作用？ECMAScript是JavaScript的组成部分，它很重要，它还有其他作用吗？有的，它还定义了很多重要的东西，比如：语法---解析规则，关键字，语句，声明，操作等；类型---布尔，数字，字符串，对象.
2021-12-20 19:13:15
330
原创 Ajax基础
1.Ajax介绍(1)、老版的请求代web程序最初的目的就是将信息（数据）放到公共服务器上，让所有的网络用户都可以通过浏览器访问。我们一般都是通过以下方式让浏览器发送服务器请求，获得服务器数据1、地址栏输入地址2、特定元素的href或者src属性3、表单提交弊端：这些方案我们很难通过代码的方式进行编程，而且每次请求都会刷新网页。(2)、什么是Ajax异步请求 局部更新1、AJAX(AsynchronousJavaScriptandXML)异步的JavaScript和XML.
2021-12-17 19:33:02
1334
原创 jQuery基础
1、jQuery介绍(1)、JavaScript与jQuery比较js:1、入口函数只有一个，window.onload2、浏览器兼容性：非常令人头疼，比如textContent虽然作为标准方法但是只支持IE8+以上的浏览器3、DOM错综复杂，实现简单的效果很麻烦4、代码容错性差，出错后导致后面的代码不执行jQuery:1、市场占有率稳步上升，代码比较少，功能强大2、DOM比较强大，事件处理，完全解决了浏览器的兼容性问题3、ajax操作（比较好）(2)、什么是jQuery1、jQuery是
2021-12-17 19:16:48
1038
原创 jQueryHTML与插件
一，jQuery事件机制(1)、注册事件bind()、on()方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。$("#header1").bind({mouseover(){$(this).css("background-color","blue");},mouseout(){$(this).css("background-color","black");}})$("p").on("click",function(){alert("段落被点击了。");});(
2021-12-16 20:56:06
1056
原创 正则表达式
一，正则表达式1.正则概念正则表达式的定义正则表达式：正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式，从字符串中获取我们想要的特定部分(提
2021-12-13 18:26:53
371
原创 函数高级应用
一，函数1，函数的定义方式函数声明functionfn(){console.log('thisisafunction')}函数表达式varfn=function(){console.log('赋值表达式函数')}内置构造函数的形式varfn3=newFunction("num1","num2","returnnum1+num2");console.log(fn3(2,3));2，函数的调用方法函数名varfn1...
2021-12-12 16:55:35
700
原创 面向对象继承
一，原型目的：1、节省内存空间，2、实现数据共享原型链：实例与原型的链条称作原型链原型的指向是否可以改变原型对象的constructor属性指向构造函数本身，让学生原型指向人的构造函数。Student.prototype=newPerson("小王",18);console.log(Person.prototype.constructor===Person)//trueconsole.log(Student.prototype.constructor=...
2021-12-10 18:10:54
494
原创 JavaScript面向对象
一，对象到底是什么，我们可以从两个层次来理解1.对象是单个事物的抽象。2.对象是一个容器，封装了属性（property）和方法（method）二，什么是面向对象面向对象不是新的东西，它只是过程式代码的一种高度封装，目的在于提高代码的开发效率和可维护性。面向对象的特征封装性继承性多态性三，创建对象的四种方式// 1. 字面量 var obj = { age: 18 }; // new Object() var obj2 = new Object();...
2021-12-08 18:49:16
414
原创 动画以及封装
js的动画如何实现利用js的事件，配合定时器，或者改变它的样式属性，比如颜色，位置等来完成js动画的封装把你要用到的常用动画自己封装起来（学会封装的思路），函数的本质就是把具有特点功能的代码封装在一起，所以，我们可以将动画中可变化的量当做参数进行封装。一.offset、client、scroll系列offset系列offsetLeft:获取元素距离最左边的距离：(1)、如果父元素没有定位，距离浏览器最左侧的距离(2)、如果父元素有定位，距离父元素最左侧的距离offsetT
2021-12-01 18:30:39
182
原创 DOM节点操作、事件对象与BOM
一，节点操作什么是节点根据W3C的HTMLDOM标准，HTML文档中的所有内容都是节点：整个文档是一个文档节点document每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点节点类型通过noteType属性可以获取节点的类型document的节点类型---9console.log(document.nodeType)；标签的节点类型---1console.log(box1.node...
2021-11-30 18:32:37
332
原创 属性操作与事件
新事件鼠标事件onmouseover鼠标移入事件：在鼠标指针移动到元素上时触发。onmouseout鼠标移出事件：在鼠标指针移出元素后触发onmouseenter鼠标进入事件：在鼠标指针进入到元素上时触发。onmouseleave鼠标离开事件：在鼠标指针离开元素后触发onfocus获取焦点事件：在鼠标光标获取输入框焦点时触发onblur失去焦点事件：在鼠标光标失去焦点时触发。onclick单击事件：在鼠标指针单击时触发ondblclick双击事件：在鼠标光标双击时..
2021-11-26 18:13:32
168
原创 JS DOM操作
一.什么是DOM事件基础文档对象模型（DocumentObjectModel，简称DOM）二.获取元素的方式根据id获取元素vardiv1=document.getElementById("box1");通过类名获取元素varp1Arr=document.getElementsByClassName("p1");伪数组定义1、拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)2、不具有数...
2021-11-25 18:40:37
571
原创 JavaScript内置对象
JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象1.什么是内置对象放置在内部的对象2.Math对象属性：Math.生成随机数Math.floor()向下取整Math.ceil()向上取整Math.round()取整，四舍五入Math.abs()绝对值Math.max()最大值Math.min()最小值Math.sin()...
2021-11-24 19:32:28
599
原创 JavaScript 预解析、对象、错误
单线程记住一句话：JavaScript语言是单线程的区分线程和进程进程是一个工厂，工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人，多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享空间如果是windows电脑中，可以打开任务管理器，可以看到有一个后台进程列表。对，那里就是查看进程的地方，而且可以看到每个进程的内存资源信息以及cpu占有率。为什么JavaScript是单线程的JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么...
2021-11-23 18:24:00
623
原创 数组与函数
1.数组数组的定义所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组获取数组元素数组的取值[0]是数组中的第一个元素。[1]是第二个。数组索引从0开始遍历数组遍历：遍及所有，对数组的每一个元素都访问一次就叫遍历。数组遍历的基本语法：数组中新增元素数组的赋值数组的pus...
2021-11-22 18:19:44
306
原创 JavaScript 流程控制
1.流程控制介绍程序的三种基本结构顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的)分支结构：根据不同的情况，执行对应代码循环结构：重复做一件事情2.分支结构 、if语句 if语句-只有当指定条件为true时，使用该语句来执行代码if...else语句-当条件为true时执行代码，当条件为false时执行其他代码if...elseif....else语句-使用该语句来选择多个代码块之一来执行语法格式:第一种...
2021-11-20 21:19:17
300
原创 JavaScript(JS)变量、数据类型、运算
JavaScript是什么语言可以说：Java服务器端的编程语言，JavaScript运行在客户端(浏览器)的编程语言JavaScript(简称JS)是一种运行在客户端的脚本语言，JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。也可以说，是一门脚本语言、是一门解释性语言、是一门动态类型的语言、是一门基于对象的语言。（不是面向对象）、是一门弱性语.
2021-11-20 21:15:35
133
原创 CSS3弹性布局、响应式布局、PS
1.响应式Web设计-Viewport响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况(1)、什么是Viewportviewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"
2021-11-20 21:11:36
850
原创 CSS3渐变、过渡、转换、动画
1.CSS3渐变(1)、什么是渐变CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用CSS3渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。CSS3定义了两种类型的渐变（gradients）：(2)、CSS3渐变的分类线性渐变（LinearGradients）-向下/向上/向左/向右/对角方向径向渐变（r
2021-11-20 20:59:10
638
原创 CSS3选择器、边框、背景、按钮
1.CSS3概述(1)、CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷动画圆角阴影边框图片…(2)、CSS3现状1、浏览器支持程度差，需要添加私有前缀-webkit-谷歌safari-moz-火狐-ms-IE2、移动端支持优于PC端3、不断改进中4、应用相对广泛2.CSS3选择器CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。C
2021-11-20 20:55:45
136
原创 HTML高级技巧
1.元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！(1)、displaydisplay设置对象是否显示、如何显示。display:none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。..
2021-11-20 20:52:20
300
原创 浮动与定位
1.浮动(1)、标准流这个单词很多人翻译为文档流，字面翻译普通流或者标准流都可以。html语言当中另外一个相当重要的概念----------标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。
2021-11-20 20:47:10
327
原创 CSS三大特性与盒子模型
1.行高的测量行高我们利用最多的一个地方是：可以让一行文本在盒子中垂直居中对齐。做法就是：文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。总结：1.上距离和下距离总是相等的，因此文字看上去是垂直居中的。2.如果行高等于height高度，文字会垂直居中3.如果行高大于高度，文字会偏下4.如果行高小于高度，文字会偏上2.CSS三大特性层叠继承优先级是我们学习CSS必须掌握的三个特性。(1)、CSS层叠性...
2021-11-20 20:39:58
218
原创 CSS选择器与标签的分类
1.复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。(1)、交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。记忆技巧：交集选择器是并且的意思。即...又...的意思比如：p.one选择的是类名为.one的段落标签。(2)、并集选择器并集选择器（CSS选择器分组）是各个选择器通过<strongstyle="colo..
2021-11-20 20:36:36
138
原创 表单类型、多媒体与CSS初始
1.表单的input输入类型HTML5新增了表单的输入类型1.email输入email格式，email类型用于应该包含e-mail地址的输入域。2.url只能输入url格式，url类型用于应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。3.number：只能输入数字4.search：搜索框search类型用于搜索域，比如站点搜索或Google搜索。5.range范围，可以进行拖动，通过value进行取值range类...
2021-11-04 19:41:38
175
原创 表格、表单和H5
1.表格标签表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：在上面的语法中包含三对HTML标签，分别为table、tr、td，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。1、表格属性2.表头表头单元格一般位于表格的第一行或第一列，其文本加粗居中，如下图所示，即为设置了表头的表格。设置表头非常简单，只需用表头标签th</th替代..
2021-11-03 20:18:43
208
原创 HTML基础
一.五大浏览器 1，IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等二.浏览器内核一、渲染引擎它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。一、js引擎JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。三.常见的浏览器内核（四大内核）...
2021-11-03 19:49:19
95
空空如也
如何使用微信小程序实现扫码观看文档
2022-12-17
js for in 的对象如何渲染到页面上去
2022-04-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人