- 博客(25)
- 收藏
- 关注
RSS订阅
2原创 微信小程序获取用户信息
wx.getUserProfile(Object object) | 微信开放文档button | 微信开放文档创建wxml部分userInfo nickName用户昵称userInfo avatarUrl用户头像图片的 URL。URL 最后一个数值代表正方形头像大小（有 0、46、64、96、132 数值可选，0 代表 640x640 的正方形头像，46 表示 46x46 的正方形头像，剩余数值以此类推。默认132），用户没有头像时该项为空。若用户更换头像，原有头像 URL 将失效
2021-12-12 13:14:03
544
原创 箭头函数（Arrow Function）
箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。箭头函数的好处 一、 箭头函数语法（1）删掉function关键字加上=>（2）没有参数加括号（3）一个参数可以选择不加（）（4）多个参数必须加（),并且参数之间用逗号分割。二、隐式返回三、箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值。...
2021-12-12 10:39:01
4687
原创 box-sizing
属性定义及使用说明box-sizing 属性定义如何计算一个元素的总宽度和总高度，主要设置是否需要加上内边距(padding)和边框等。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 “border-box”。这样就可以让浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。默认情况下，元素的宽度(width) 和高度(height)计算方式如下：width(宽度) + padding(内边距) + border(边框) = 元素实际宽度height(高度)
2021-12-05 22:51:13
490
原创 实现导航栏下滑线跟随滑动效果
如何实现使用css制作如下效果？创建HTML文件，并在HTML文件下创建无序列表：运行结果如下：导航栏目的 li 的宽度是不固定的当从导航的左侧 li 移向右侧 li ，下划线从左往右移动。同理，当从导航的右侧 li 移向左侧 li ，下划线从右往左移动。实现需求：为ul标签添加样式为li标签增添样式运行结果实现运行效果运行效果完整的DEMO可以戳这里:CodePen Demo -- 不可...
2021-12-05 14:04:40
1329
原创 2021-11-28
一、微信小程序地图组件为了方便微信小程序使用地图的相关功能，微信小程序为我们提供了map组件，通过这个组件，我们可以很简单的引入地图，并且还可以进行个性化地图的开发1、map组件微信小程序提供的地图组件，使用该组件只需要在wxml文件中加入下面的代码 上面这个例子中，我们只是简单的为该组件传入经纬度信息，并且设置缩放级别，当然，map组件还包括以下一些常用的属性属性 类型 说明 是否必填longitude number 中心经度 是latitude number 中心纬度 是scale
2021-11-28 22:35:27
408
原创 jsDOM操作和事件
【DOM树节点】DOM节点分为三大类： 元素节点、 属性节点、 文本节点；文本节点、属性节点属于元素节点的子节点。操作时，均需要先取到元素节点，再操作子节点；可以使用getElement系列方法，取到元素节点。【查看元素节点】1、getElementById：通过id取到唯一节点。如果ID重名，只能取到第一个。getElementsByName()： 通过name属性getElementsByTagName()： 通过标签名getElementsByClassName()： 通过class名
2021-11-28 22:17:01
102
原创 2021-11-21
想要理解this，你可以先记住以下两点：1：this永远指向一个对象；2：this的指向完全取决于函数调用的位置；针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行，而this就是函数运行时所在的对象（环境）。这本来并不会让我们糊涂，但是JavaScript支持运行环境动态切换，也就是
2021-11-21 20:32:37
72
原创 js数组方法
创建数组var arr = new Array(); // 创建一个数组var arr = new Array([size]); // 创建一个数组并指定长度，注意不是上限，是长度var arr = new Array(element0, element1, …, elementn); // 创建一个数组并赋值var arr = [] // 字面量创建数组var arr = Array.of(element0, element1, …, elementn) // 将一组值转换成数组Arr
2021-11-21 20:24:22
126
原创 微信小程序，修改按钮Button尺寸（宽度或高度）
作用域1、什么是作用域（Scope）通常来说，一段程序代码中所用到的名字不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。JS作用域：就是代码名字（变量）作用的范围作用域的目的：是为了提高程序的可靠性，更重要的是减少命名冲突2、JS的作用域的分类（ES6之前）JS作用域可以分为两大类：全局作用域 、局部作用域（函数作用域）（一）全局作用域： 直接编写在 script 标签之中的JS代码，都是全局作用域； 或者是一个单独的 JS 文件中的。...
2021-11-13 11:05:20
8509
原创 JS 全局作用域和局部作用域
作用域1、什么是作用域（Scope）通常来说，一段程序代码中所用到的名字不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。JS作用域：就是代码名字（变量）作用的范围作用域的目的：是为了提高程序的可靠性，更重要的是减少命名冲突2、JS的作用域的分类（ES6之前）JS作用域可以分为两大类：全局作用域 、局部作用域（函数作用域）（一）全局作用域： 直接编写在 script 标签之中的JS代码，都是全局作用域； 或者是一个单独的 JS 文件中的。...
2021-11-13 10:57:03
1552
原创 堆内存和栈内存的区别
堆内存和栈内存的区别如下：1、定义不同堆内存是区别于栈区、全局数据区和代码区的另一个内存区域。堆允许程序在运行时动态地申请某个大小的内存空间。栈内存在函数中定义的一些基本类型的变量和对象的引用变量都在函数的栈内存中分配。2、特点不同堆内存实际上指的就是优先队列的一种数据结构，第一个元素有最高的优先权；栈内存实际上就是满足先进后出的性质的数学或数据结构。栈内存是存取速度比堆要快，仅次于寄存器，栈数据可以共享。3、范围不同堆内存中分配的内存需要程序员手动释放，如果不释放，而系统内存管理器又不自动回收
2021-11-07 23:52:10
13879
原创 创建对象的方式
创建对象的4种方式方式一：通过对象字面量表示法（又称为直接量、原始方式）。object literals方式二：通过new和构造函数Object()、String()等。方式三：用自定义构造函数来初始化新对象。方式四：通过Object.create()方式一：通过对象字面量表示法（又称为直接量、原始方式）object literalsvar obj = {name:“zyx456”};对象字面量是一个名/值对列表，每个名/值对之间用逗号分隔，名
2021-11-07 23:49:35
715
原创 css动画
css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画，下面具体讲一下3种动画的实现方式。transition渐变动画语法 transition:property duration timing-function delay;property:填写需要变化的css属性如：width,line-height,font-size,color等,所有作用与dom样式的属性;duration:完成过渡效果需要
2021-10-31 21:44:26
67
原创 空格符号代码
html空格符号代码 ：一个字符的半角的不断行的空格，如果需要在网页中插入多个空格，可以将“ ”代码写多遍； ：一个字符的半角的空格，也可以将“ ”写多遍来插入多个空格； ：两个字符的全角的空格，也可以将“ ”写多遍来插入更多的空格； ：小于一个字符的空格；说明：单词后面的分号记得带上，是不能省略的，它也是html代码中的一部分。二、为什么要...
2021-10-25 10:46:03
10697
原创 弹性盒子
弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个
2021-10-10 22:38:53
76
原创 网页层级
在css中，可以利用z-index属性来设置层级。z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。（Z-index 仅能在定位元素上奏效）z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。z-index值较大的元素将叠加在z-index值较小的元素之上。对于未
2021-10-10 21:09:11
197
原创 盒子模型
元素是如何显示的在了解盒子模型之前，我们先来了解一下元素是如何显示的。在第二节课中，我们学习了块状元素和内联元素的差异。快速回顾一下，块状元素会另起一行，并占据所有可用的宽度，不管内容有没有。而内联元素会并排显示，宽度紧随内容变化而变化。块状元素通常用在大块的内容上，例如标题，结构元素。内联元素用在小块的内容上，比如将几句话加粗或斜体显示。display属性元素如何显示——例如块状元素，内联元素和其他元素——都由显示属性display决定。每个元素都有一个默认的display属性值。和其他属性值一样，
2021-10-03 21:48:18
142
原创 网页实现圆角
在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在就方便了，用css3里面的 border-radius 属性就可以直接实现。border-radius 是一种缩写方法。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的其主要会有下面几种情形出现：四个值:第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。三个值:第一个值为左上角, 第二个值为右上角和左下角，第三个值为
2021-10-03 21:30:05
690
原创 2021-09-26css浮动
当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。一旦让该div浮动起来，立刻会像inline元素一样产生包裹性，宽度会跟随内容自适应。（这也是通常float元素需要手动指定width的原因）浮动规则浮动元素会被推到他的容器的边缘。任何浮动元素都会出现在他之前的浮动元素的旁边或是下方。如果元素都是左浮动，那么第二个元素将会出现在第一个元素的右边，如果都是右浮动，第二个元素会出现在第一个元素的左边。左浮动的盒子不能出现在
2021-09-26 22:29:50
153
原创 css选择器
什么是选择器呢？每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。类别选择器类选择器根据类名来选择前面以”.”来标志，如：.demoDiv{color:#FF0000;}在 HTML中，元素可以定义一个class的属性。标签选择器一个完整的HTML页面是有很多不同的标签组成，而 标签选择器，则是决定哪些标签采用相应的CSS样式，(在大
2021-09-26 17:11:10
93
原创 单行文本省略
单行文本溢出的省略就决定是你了运行结果：关于overflow: hidden这里我们需要注意到一点：这里的overflow并不是设置为父级元素div的属性，而是p标签的属性，需要和overflow的普通用法区分开来overflow：hidden的普通用法：用在块级元素（例如div）的外层隐藏内部溢出元素overflow: hidden的特殊用法：在上述例子中配合text-overflow: ellipsis;white-space: nowrap;实现p元素隐藏自身的溢出并设置（…）的效果关
2021-09-17 13:26:07
173
原创 web与微信小程序的关系
网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，虽然两者的标签元素各不相同，但是微信小程序里面的标签，按照制作web页面的思想，也可以独立完成微信小程序的页面制作，也就是说，微信小程序里面的标签和html里面的标签作用其实一样，只不过微信小程序里面的标签没有html里面分的那么细，但是将其作用都囊括进来了。CSS 用来描述页面的样子，JS 通常是用来
2021-08-30 12:28:36
1356
原创 微信小程序发展历史
2016年1月11日，2016微信公开课PRO版在广州举行，“微信之父”张小龙首次公开演讲，宣布微信公众号将推出“应用号”，通过公众号完成一些App的部分功能。2016年9月21日晚间，微信官方向部分公众号发出了应用号的内测邀请。2016年9月22日凌晨，微信正式对外声明已经开始内测。2016年11月3日晚间，微信团队宣布：微信小程序正式开放公测。2017年1月9日，微信小程序正式面对C端用户开放，但由于早期小程序数量较少，入口相对较深，因此用户量增长比较缓慢。2017年9月20日，支付宝小程序向
2021-08-30 11:46:54
3323
原创 web前端发展历史
web前端发展历史1948年，Tim Berners-Lee进入由欧洲原子核研究会（CERN）建立的粒子实验室。他在这里接受了一项工作：为了使欧洲各国的核物理学家能通过计算机网络及时沟通传递消息进行合作研究，需要开发一个软件，以便使分布在各国物理实验室和研究所的最新消息、数据、图像资料供大家共享。接受这项任务的Tim Berners-Lee于1982年夏天，成功开发出世界上第一个Web服务器和第一个Web客户机。1983年12月Tim Berners-Lee将他的发明正式命名为World Wide Web
2021-08-30 11:31:40
1832
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人