andanghui2862-CSDN博客

转载 JS-实现横向手风琴

横向手风琴--鼠标悬浮某一张图片，图片显示，其他图片影藏。<div class="content"> <ul> <li class="current"><img src="./img4/1.jpg" alt="" height="400"></li> ...

2019-09-25 09:33:00 663

转载 Js-带进度条的轮播图

带进度条的轮播图--原生JS实现实现了图片自动轮播，左右按钮实现图片左右转换，下方原点或者缩小图点击选择其中的某一张图片，然后有红条实现图片的进度。<div class="content"> <div class="box1"> <ul class="box1_1"> ...

2019-09-25 09:27:00 868

转载 canvas-八卦图和时钟实现

八卦图：<body>canvas id=" myCanvas" width=" 500" height= ”600"></canvas><script>//获取到画布元素let myCanvas = document.getElementById( "myCanvas );//通过画布元素获取到上下文(画笔)let...

2019-09-14 15:08:00 209

转载 JS-闭包练习

首先，第一个输出，因为前置运算，i要先参与输出，然后再自增，所以输出为0第二个输出，因为f1和f2是不同的函数，不共享i变量，所以输出也为0第三个输出，因为是f1，共享i，所以i加了1，输出为1let foo = function(){ let i = 0; return function(){ console.log(i++);...

2019-09-08 20:18:00 198

转载 JS-上下文练习

/*** 因为JS没有块级作用域，if里面的foo又是以var形式声明的，所以会被提升上去，* 被赋值为undefined，之后undefined代表false，所以会进入if语句块，* foo被赋值为10，所以下面会打印输出10*/var foo =1;function bar(){ console.log(foo); // und...

2019-09-08 20:10:00 117

转载 JS实现抽奖

九宫格随机抽奖功能实现：在选择的时候方格的轮转速度先慢后快再慢的效果代码如下： <div class="container"> <div class="block1 block">小米笔记本</div> <div class="block2 block">iPhoneX</div>...

2019-08-29 23:58:00 622

转载 JS 发送弹幕

JS实现弹幕的发送 <div class="box1"> <div class="box2" style="width: 600px;height:400px"> </div> <input placeholder="发送弹幕"/><button...

2019-08-29 23:44:00 369

转载 js实现轮播图

功能：图片自动转换，左右箭头点击实现图片切换，小圆点也能实现图片切换HTML:<div class="contenter"> <ul> <li><img src="./img/1.jpeg" alt="" width="640" height="480"></li> ...

2019-08-29 23:36:00 83

转载 JS-完数

完数完全数（Perfect number），又称完美数或完备数，是一些特殊的自然数。它所有的真因子（即除了自身以外的约数）的和（即因子函数），恰好等于它本身。如果一个数恰好等于它的因子之和，则称该数为“完全数”。比如6=1+2+3。let newnum1 = 0; for(let num1=1;num1<=10000;num1++){ ...

2019-08-20 09:26:00 373

转载 js-回文数

回文数设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。//回文数let readline = require("readline-sync"); console.log("请输入数字："); let num = parseInt(readline.question("")); let newNum = 0; ...

2019-08-20 09:18:00 258

转载 JS-逻辑运算符的与，或，非

JS-逻辑运算符的与，或，非1.非所谓非，就是取反，非真即假，非假即真。非运算符不仅仅只能用于布尔值，其他数据类型也是可以的，如下:1.如果操作数是一个对象，返回false2.如果操作数是一个空字符串，返回true3.如果操作数是一个非空字符串，返回false4.如果操作数是数值0，返回true5.如果操作数是任意非0数值(包括Infinity), 返回f...

2019-08-19 09:44:00 253

转载 JS-数值转换

JS数值转换JS数值转换的方式有4种：Number()，parseInt()，parseFloat()，数据类型*1或者/1。他们的区别在于：1.Number()：可以将非数值转为数值如果是Boolean值，true和flase将分别被转换为1和0如果是数字，那么就是简单的传入和返回如果是null值，那么返回0如果是undefined，那么返回NaNc...

2019-08-19 09:39:00 244

转载 Js-声明变量

JS声明变量js声明变量的方式有3种：let，const，var1.const如果定义简单数据类型，变成常量，变量值不可以更改。const name="lili";name="lucy";console.log(name);//error2.Var可以重复声明一个变量，并且覆盖变量值，并且定义的变量无论在哪里，都是全局变量。如果var第二次声明同一个...

2019-08-19 09:32:00 102

转载 Html-自适应

自适应使网页能适应不同终端设备的技术。原理是通过检测视口分辨率来判断是什么终端的，PC，手机还是平板。做自适应的网页时，需要在代码中加入“祖传代码”，即通用代码。这是在头部head引入的：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,...

2019-08-12 10:35:00 1006

转载 HTML之盒子变形动画

4个圆形球作圆周运动代码：1 <div class="box">2 <div class="box1"></div>3 <div class="box2"></div>4 <div class="box3"></div>5 ...

2019-08-03 16:22:00 551

转载 HTML之美化盒子

1. 美化盒子1.1. 美化文本1.1.1. 字体大小【font-size】：字符框的高度，可继承，默认值medium，16px。基准字号：浏览器设置的默认字体大小，通常为16px，可更改。预设值medium中等字号large大字体...

2019-08-01 09:27:00 496

转载 HTML实现三角形和旗帜代码

1.三角形1.1html+css<style>*{margin: 0px;padding: 0px;}span{display: block;margin-left: 25%;width: 0px;height: 0px;border: 200px solid transparent;border-bottom-...

2019-07-24 10:26:00 474

转载新学WEB前端

介绍一点关于我对学习前端的一些学习经验和遇到的问题！1.坚持现在编码技术更新的速度日新月异，并且对于纯英文字母的代码来说，我们不是长时间接触并且记忆的话，对于一些难一些的标签和属性是非常容易忘记的，所以我们需要坚持学习，不要求一天都一直学习，但是也必须抽出一定的时间去熟悉代码，直到自己真正的记住。并且在对于前端学习而言，我们也需要去不断的更新自己对于前端的最新技术，不断地更新自己...

2019-07-23 17:37:00 74

andanghui2862的博客