原生js
此鱼非闲鱼也
烦恼像根葱,往里一看全是空!
展开
-
原生js实现倒计时
倒计时的实现倒计时是web开发中常见的组件, 请完成second和render两个函数, 完成倒计时的显示部分1、 second函数的输入为整数, 返回 { day: Int, hour: Int, min: Int, second: Int }2、 render函数的输入为second函数的输出, 将数据在页面对应的DOM元素上显示出来, 格式如html所示3、 如果day为0, 隐藏对应的DOM元素, 否则显示( 请直接使用已经实现的css代码)4、 数值不足两位, 前面补充0<!DO原创 2021-07-30 23:20:29 · 336 阅读 · 0 评论 -
js中的深拷贝与浅拷贝-基本数据类型、数组、对象的拷贝
说深拷贝与浅拷贝之前,先来看一看js中有哪些数据类型,有助于对后面知识的理解。结合前辈们及自己的理解总结了一下,如有出入,欢迎指正!1、js中包含两种不同数据类型的值:基本类型和引用类型。基本类型值指的是简单的数据段,包括es6里面新增的一共是有6种,具体如下:number、string、boolean、null、undefined、symbol。引用类型值指那些可能由多个值构成的对象,只有...原创 2020-02-23 16:21:49 · 343 阅读 · 0 评论 -
微信小程序开发-自定义组件、数据获取方式、视图渲染(二)
data-*嵌入自定义数据使用 data-* 属性来嵌入自定义数据。也就是说这个data-*是可以用来存储数据的,data-的后面跟着自定义的变量名,比如data-name、data-pwd等等,后面再赋值,这个值就会被存储起来。获取数据时通过js来实现。 <!--data-id给button添加一个自定义属性id,值为3 --> <button data-id="3" catch:tap="fn">点击触发事件 </button> {{message}}原创 2020-06-08 22:18:20 · 1075 阅读 · 0 评论 -
原生js-数组
在程序中,为了处理方便,把具有相同类型的若干变量,按照有序的形式组织起来,就形成了数组。数组可分为一维数组,二维数组,还有多维数组。在程序中合理使用数组,使程序结构更整齐,使复杂的运算简单化。1、数组的定义数组是存储1个或多个数据的容器,是一组内存空间,这组内存空间的名字叫做数组名2、数组特点1)通常用来批量处理数据2)对其存储的数组元素没有什么限制,无论是数量还是类型。注意:通过下标...原创 2020-02-04 19:40:27 · 320 阅读 · 0 评论 -
原生js-字符串
1、创建字符串1)传统的方式通过new关键字来创建一个String对象String对象来处理字符串var s = new String("abcdef");console.log(typeof s);//object注意:如果不加new关键字,单独使用String值,只是将值转为字符串2 ) 字面量的方式var str = "dkhchab7875";console.log(t...原创 2020-02-04 21:40:07 · 349 阅读 · 0 评论 -
原生js-前端页面生成验证码
要求:每次刷新页面,都会输出一个六位数的验证码 (字母和数字组成),且每次 刷新验证码都随机变色方法一:css代码: html代码: <div id="mycode"></div> <button id="change" onclick="downChange()">换一个试试</button> js代码: <script...原创 2019-10-12 23:39:35 · 453 阅读 · 1 评论 -
原生js-运算符
1、算数运算符(+,-,*,/)+ 表示加法运算符注意:任何数据类型的数据与字符串拼接,都会自动转化为字符串类型var a =null;a=1+2; //输出3a=6; //输出6a=6+“5”; //输出65,出现字符串拼接的情况-表示减法运算符a=10-5; //输出5a=2-‘a’;//输出NaN:特殊标识符,表示该结果不是数字,它自身不等于自身* 表示乘法运算符a=...原创 2020-02-01 18:22:50 · 142 阅读 · 0 评论 -
原生js-循环语句
1、while循环语句当条件为真时,继续循环,否则退出循环语法:while(条件){循环体;增量;}实例:输出1-100之间十位为7的数(嵌套if语句)var x = 1;while (x<=100){if (parseInt(x/10)==7) { //商为7 parseInt()将数据转化为整型的输出console.log(x);}x++;}输出结果:70...原创 2020-01-31 11:21:34 · 239 阅读 · 0 评论