@陈序员-CSDN博客

只需要在我们的pages.json中配置 "lazyCodeLoading": "requiredComponents ",这条语句就OK了,再重新打开微信开发这工具就没有了,如果还有可以重新运行项目,目前我的是这样解决的.,运行成功打开微信开发者工具时,会有一个报错,看着很烦。使用HBuilderx开发。

2023-01-31 09:54:26 4367 3

原创 DOM基础程序

三、文本框获得焦点时，里面的默认文字隐藏，焦点离开文本时显示文字。六、页面上有N张图片,单击任意一张，body背景图片也随之更换。2：复选框中有一个未选中，全选按钮选中状态也消失。1：点击nav a标签，都把样式改为灰色。1：点击全选按钮，其他所有复选框都被选中。一、页面密码框点击眼睛显示密码功能。五、鼠标放入列表上变颜色。二、关闭广告与打开广告。2：当前的这个a变色。

2022-10-10 10:28:56 133

原创 JavaScript基础

高级语言的程序不能被计算机识别，需要经过翻译器转化为机器语言，也就是1和0；- 编程语言和标记语言的区别，编程语言有很强的逻辑是主动的，标记语言不向计算机发出指令是被动的；

2022-09-30 09:42:43 306

原创 JS函数的定义与调用的几种方法

先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject对象。定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。定义一个函数，设置一个变量名保存函数，这时this指向到window对象。

2022-09-29 16:28:10 584

12345678 123456789 上面两种方式是创建对象的两种基本方式，他们的原型就是 Object123456789101112 从上面代码中我们可以看出来，工厂模式实际上就是借助函数，内部返回使用第一种方式（ new Object()）创建的对象。优点：可以很方便的创建相似对象。缺点：没有解决对象识别的问题，即怎样知道一个对象的类型。1234567891011 构造函数可以创建特定类型的对象，像 Object , Array 这样的原生构造函数，在运行时会自动出现在执行环

2022-09-27 18:57:17 263

原创超详细的 JS 数组方法

数组是一种特殊的变量，它能够一次存放一个以上的值。- 在数组中可以存放任意类型的元素。

2022-09-26 09:50:51 120

原创运算符和流程控制

运算符也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号，常见的运算符：算数运算符，递增和递减运算符，比较运算符，逻辑运算符，赋值运算符。概念：算术运算使用的符号，用于执行两个变量或值的算术运算。加(+)、减(-)、乘(*)、除(/)、取余(%)取余(%):返回除法的余数。注意：浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。// 结果不是 0.3，而是：0.30000000000000004。

2022-09-22 18:52:29 182

原创 JavaScript基础介绍

avaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如：用户名的长度，密码的长度，邮箱的格式等。但是，有的同学可能会有疑问，这些验证，后端不也可以进行验证吗？确实，后端程序的确可以进行这些验证，但你要清楚，在1995年那个年代，网速是非常慢的，向后端发送一个请求，浏览器很久才能得到响应，那这无疑是一种非常不好的用户体验。

2022-09-20 19:53:18 111

原创 less（超级详细）

目录一、less简介1、less是css的预处理语言1.1、 Css短板1.2、预处理语言的诞生2、安装使用less3、注释二、变量1、普通变量2、变量作为选择器或者属性名3、变量作为url4、变量延迟加载三、嵌套规则1.基本嵌套规则2.&的使用四、混合1.普通混合（会编译到原生css中）2.不带输出的混合3.带参数的混合4.带参数并且有默认值的混合5.命名混合6.匹配模式7.arguments变量五、运算六、避免编译七、继承 less是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言，

2022-09-18 11:46:38 2476

原创某公司面试题HTML 和 CSS（面试题二）

px 和 em 都是长度单位，区别是，px 的值是固定的，指定是多少就是多少，计算比较容易。在页面加载的时候，link 会同时被加载，而@import 引用的 CSS 会在页面加载完成后才会加载引用的 CSS ,@import 只有在 ie5 以上才可以被识别，宽度(width)、高度(height)、内外边距的上下都不可设置，内外边距的左右可设置，其大小就是里面文字或图片的大小。BFC（块级格式化上下文），页面上的一个隔离的独立容器，一个创建了新的 BFC 的盒子是独立布局的，盒子内元素的布。

2022-09-14 19:00:26 217

原创某公司面试题HTML 和 CSS（面试题一）

设置 display 属性为 none，或者设置 visibility 属性为 hidden设置宽高为 0，设置透明度为 0，设置 z-index 位置在-1000em。：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。是加粗的，不要认为这是 html 的表现，这些其实 html 默认的 css 样式在起作用，所以去。从 IE6 开始，引入了 Standards 模式，标准模式中，浏览器尝试给符合标准的文档在规范。

2022-09-13 14:19:31 296

原创前端八种常用布局

2、通过justify-content: center;4、通过transform: translate(-50%,-50%);2、通过tical-aline：middle；2、通过text-align：center；3、设置该元素的偏移量，值为50%减去宽度/高度的一半。2、2、通过外边距的方式使该容器的左边有100px。2、通过外边距的方式使该容器的左边有100px。3、或者通过 centent来实现。3、宽度减去左列的宽度。3、设置该元素的偏移量，值为50%3、设置该元素的偏移量，值为50%

2022-09-12 18:13:21 413

原创有意思的弹性盒子

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。一个元素可以同时是弹性容器和弹性元素设置父元素flex后，子元素上的浮动，vertical-alin将失效。display:inline-flex 设置为行内的弹性容器。-要使用弹性盒，必须先将一个元素设置为弹性容器。是弹性元素（弹性项）

2022-09-09 14:32:23 126

原创抖音上很火的3D立体动态相册实现代码!

今天这篇博客就分享下前端代码如何实现3D立体动态相册。赶紧学会了，来制作属于我们程序员的浪漫吧！先上效果图，来引起下你们的兴趣。

2022-09-08 21:00:54 3262 1

原创你没有见过的6个创意CSS链接悬停效果

我们将赋予它与链接背景渐变的隐藏部分相同的颜色，并将其放置在实际链接下方，使其看起来像一个合适的。这是一个有趣的例子，我们在悬停时将链接的文本与其他一些文本交换。将鼠标悬停在文本上，链接的文本会随着新文本的滑入而滑出。如果我们将它直接应用到链接的悬停，我们会使链接本身全宽，这会在屏幕上移动它。我们还将给它绝对定位，这样我们就可以控制它使其成为实际链接的全宽，同时偏移它，使它在。在他的演示中，背景颜色从链接后面的左侧进入，然后在鼠标移出时从右侧退出。高一点，这样它看起来就像，你知道的，一个下划线。

2022-09-06 20:28:27 2824

原创 html 多余的文字显示为省略号

在html中如果要把多余的文字显示为省略号，那么有以下几种方法。

2022-09-02 16:15:02 7700 2

原创 css3（3D转换，过度）

CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。如果未指定的期限，transition将没有任何效果，因为默认值是0。rotateX()方法，围绕其在一个给定度数X轴旋转的元素。rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。CSS3 允许您使用 3D 转换来对元素进行格式化。

2022-09-01 20:43:31 109

原创 CSS3（边框，圆角，背景，2D转换）

包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，则默认为0，参数为负表示向相反方向倾斜。用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如 Photoshop。CSS3中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。CSS3以前，背景图像大小由图像的实际大小决定。scale（2,3）转变宽度为原来的大小的2倍，和其原始大小3倍的高度。不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。我们不得不在每个角落使用不同的图像。...

2022-08-31 19:57:34 159

原创 css实现点击内容切换div

有用的到的地方可以直接复制代码，可以直接使用哦~也可以用来点击切换照片，只需要把，下面div里面文字内容换成img就可以了.

2022-08-29 20:09:56 4068

原创表格和列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以开始。

2022-08-25 19:48:16 133

原创前端代码书写规范

PNG 与 GIF 格式，优先考虑使用 PNG 格式,PNG格式允许更多的颜色并提供更好的压缩率。图像颜色比较简单的，如纯色块线条图标，优先考虑使用 PNG8 格式，避免不使用 JPEG 格式。1.HTML标签名、类名、标签属性和大部分属性值统一用小写，基本所有的HTML代码使用小写。图片文件： `.png` _(PNG-24)_ `.jpg` _(压缩率8-12)_尽量不使用PNG格式，PNG8 色位太低，PNG24 压缩率低，文件体积大。压缩文件： `.tar.gz` `.zip``.rar`

2022-08-24 17:12:22 539

原创 CSS绘制各种各样的形状图形

我们在编写前端代码时，经常会遇到各种各样的形状图形（如：边框对话框，三角形，平行四边形、圆角边框、圆形、四叶草、花瓣等），除了用背景图片（css雪碧图或css精灵图+定位引用）和插入img图片的方法，我们还可以用css边框、圆角（border-radius）、渐变和定位的方法结合使用，绘制各种各样的形状图形。

2022-08-19 20:10:37 1565

原创 CSS3 背景

CSS3 中包含几个新的背景属性，提供更大背景元素控制。background-color 设置一个背景颜色设置背景不重复设置背景图片的位置。

2022-08-18 20:38:30 362

原创 CSS 伪类和伪元素

n 选中所有的子元素2n/even 偶数2n+1/odd 奇数anchor伪类如图：未访问时颜色如图：鼠标移动到链接的颜色如图：鼠标点击颜色。

2022-08-17 19:31:43 453

原创定位（position）

2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；（2）占有原来位置（体现相对定位特点）,不会脱离文档流，元素性质也不会发生变化；2、设置绝对定位后，元素的性质就会发生变化，就不会再区分块还是行内了。-当元素的position属性设置为sticky时，则开启了元素的粘滞定位。3、设置绝对定位后，如果不设置偏移量，元素的位置也不会发生变化。元素的position属性设置fixed时，则开启了元素的固定定位。（3）固定定位不占有原来的位置，即脱离标准流，更改元素的性质。...

2022-08-16 20:02:57 358

空空如也

空空如也