banliyou9765-CSDN博客

转载插件的使用

学习以及面试过程中，都会着重原生的东西，但实际开发过程中，很少会用原生写项目，一线城市就是vue、react、以及Angular 的使用比较多，jQuery也有，但相对二线城市来说会少一些，但也不是没有。以前的jQuery就是王者，现在jQuery是入门。以前可能需要花很大的精力去学习jQuery，现在知道怎么用即可。市面上有很多基于jQuery的插件，比如轮播图，分页，cook...

2019-09-29 20:23:00 154

转载购物车案例

学习前端以来，一直很好奇像京东，淘宝这种大型网站的购物车是怎么做到统一的，就去搜索了一些资料吧！大致的看了一下，自己实战了下，俗话说的好，读万卷书不如行万里路！购物车只是一个很小的案例，但也可以去动手做一做，感受下过程！积少成多！这案例主要是通过本地储存来实现的，我用了两种方法，一种是cookie，另一种是localStorage。cookie会跟随http发送给服务器，并且有时间限...

2019-09-21 18:48:00 250

转载 ajax交互案例

数据交互是前端很重要的一部分，静态页是基础，而交互才是网页的精髓。交互又分为人机交互和前后端数据交互，现阶段的互联网下，大部分的网站都要进行前后端数据交互，如何交互呢？交互的流程大概就是前端发送数据给后端，后端接送数据，进行处理，将处理后的结果发送给前端，前端接受数据。前端和后端的收和发通过什么呢？前端通过表单和ajax发送数据，接受只能通过ajax；后端(php)通过$_GET[]...

2019-09-13 21:38:00 233

转载瀑布流的实现

现在很多网站都会使用瀑布流的一个效果，什么是瀑布流呢，用在哪些地方呢？大概就是这样的一个效果，一般用于无法保证图片大小的网站。先看下布局+css 1 .cont{margin: 0 auto;position: relative;} 2 .box{float: left;padding: 6px} 3 .imgbox{b...

2019-09-07 22:45:00 124

转载放大镜效果

使用电脑逛淘宝，京东等商城时，将鼠标移入图片中，图片会放大，之前一直在想这种是怎么实现的，前两天刚写出来，纯js实现的，无任何工具库。下面先来看下思路吧！刚学js的时候可能对于布局不是很重要，但学到面向对象编程后，布局就变得很重要了，有时候布局会影响到整体效果；先来看下布局吧！ 1 <div class="photo"> 2 &lt...

2019-09-07 08:37:00 95

转载正则表达式验证表单

正则是用来描述字符规则的，常常用来做表单验证。先说下正则的创建和简单的使用吧！/ / 是正则表达式的标识符创建字面量创建　　 var reg=/a/;构造函数创建　　var reg=new RegExp("a");使用：不能直接使用，需配合方法使用字符：　　　　str.match(reg)　　　　str.replace(reg)...

2019-08-29 22:14:00 248

转载添加、删除、替换以及插入节点的方法

先简单说下每个方法对应的语句和用法obj.appendChild(node)　　把新的子节点添加到指定节点（插入新的子节点（元素）），这么说可能不是很明白，代码可能更清晰哈！node表示的就是要添加的节点。 1 // 获取元素 2 var div=document.getElementById("div1"); 3 // 创造元素，给元素添加些...

2019-08-26 17:33:00 384

转载 JavaScript浮点数运算的精度问题

之前在做浮点数计算时，偶然发现计算结果有误差，度娘了解了下，补充整理了下。误差是什么样子的呢？举例console.log(0.1+0.2); // 0.30000000000000004事实上在很多的编程语言当中都存在着或多或少的精度问题，只不过类似于Java这些语言经历这么多年，已经封装好了很多方法来解决这个问题了。而JavaScript是一门弱类型的语言，从设计思...

2019-08-25 21:53:00 179

转载简易万年历

简易万年历这个案例是比较有意义的，虽然是个小demo，但涵盖的知识是一点也不少啊！需要静下心来好好理解，完全理解下来，就会觉得也没那么难，理解了这个demo，后续很多东西都知道怎么写了。好啦，先上HTMl部分的代码。 1 <body> 2 <div id="tab" class="calendar"> 3 <ul id...

2019-08-25 20:29:00 151

转载数组和字符串的方法整合

js中的数组和字符串有点类似，不是说本质上，而是在遍历，获取时的类似。从标识来说，可以一眼看出那个是数组，那个是字符串；但在使用遍历时，会不经意的将两者混淆，导致方法用错。同时两者的方法又有好几个相同的，但需注意语义，以及有些方法是不会对原数组产生影响的。以下是我整理的一些关于数组和字符串的一些方法，不保证完整性。数组方法arr.push() 可向数组的末尾添加一个或多...

2019-08-24 11:22:00 143

转载数字字母混合的4位验证码

不管是在app注册、登录里，还是在网页注册里，都会看到验证码；那这个验证码要怎么实现呢？通过js有两种方法可以达到这样的效果，下面代码奉上哦！方法一：这个方法比较好理解，首先定义一个数组，将会产生的字母，数值都放进去；有4位就循环4次，每循环一次产生一个随机结果，将每次的结果累加起来存入想要放的位置。 1 var arr=['0', '1', '2', '3', '4', '...

2019-08-22 22:49:00 712

转载随机点名系统

还记得上学的时候被点名的恐惧吗？没办法，刚学完计时器，通过随机点名系统来巩固下知识点，顺便来感受下乐趣！代码奉上！ 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewp...

2019-08-22 21:17:00 376

转载 aabccd统计每个字符出现的次数，结果显示{ a: 2, b: 1, c: 2, d: 1 }；去掉重复的字符，使结果显示abcd...

遍历字符串的方式和遍历数组的方式有点相似，或者说就是相同的。在学习数组的遍历方法之前，可以通过for循环去遍历数组，同样，字符串也可以；字符串跟数组都有一个length的属性。下面代码奉上，个人思路！ 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <met...

2019-08-22 08:21:00 2550

banliyou9765的博客