JS实现随机验证码

验证码 验证码有很多种类,有图片,字符串,短信…首先,我们一般不能使用JS来实现验证,要不用户可以直接禁用JS,跳过验证,而且客户端实现的都是不安全的。这里我们使用JS来模拟验证码。 生成一个随机四位数的验证码 需求:随机生成一个包含字母或数字的四位数验证码 思路 思路一 我们...

2019-01-08 10:55:35

阅读数 38

评论数 0

响应式布局过时了吗?

响应式布局 Responsive design,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 响应式布局不是趋势? 我们看到大型电商,直播平台,问答类网站,都会开发一套PC端和一套独立的移动端,比如 某东桌面...

2019-01-07 20:56:53

阅读数 32

评论数 0

移动web--滚动(可以滑动的)导航栏的制作

滑动的导航栏 有时候导航栏的长度过于长,我们为了界面的美观和用户体验,会将导航栏在一行(或则一列)显示,超出部分隐藏,而且不用管内容的长短,有利于前后台数据的交互,大部分情况是:在移动web网站中,容器中的ul过长,我们通常会将ul超出容器的部分隐藏 移动网站上的横向导航栏 某直播平台的横...

2019-01-05 21:14:36

阅读数 28

评论数 0

移动web点击事件--tap的封装

基础知识点的了解 https://blog.csdn.net/weixin_41105030/article/details/85763149 先来看一个例子,和我封装的tap代码 HTML <ul> &a...

2019-01-04 14:48:13

阅读数 34

评论数 0

移动web点击事件touch和事件对象--常用知识点解析

解释touch touch是移动端的触摸事件 而且是一组事件 touchstart 当手指触摸屏幕的时候触发 touchmove 当手指在屏幕上滑动时触发:move事件是持续触发 touchend 当手指离开屏幕的时候触发 touchcancel 当被迫终止滑动的时候...

2019-01-04 11:10:10

阅读数 32

评论数 0

JS实现某东移动web轮播图

移动web轮播图 参考实例,可以从中保存轮播图的图片,这里我们放入uploads的文件夹下,将八张图片一次改为l1.jpg,l2.jpg… https://m.jd.com/ HTML 这里要放入十张图片,因为手指滑动的时候要从第一张滑动到最后一张,是无缝滑动,当然可以用原生的...

2019-01-03 18:24:00

阅读数 5404

评论数 14

Web API--网络接口

online 当浏览器能够访问网络, 并且navigator.onLine的值被设为true时, online事件被触发 ononline ononline 事件在浏览器开始在线工作时触发。 offline 当浏览器失去网络连接时,offline事件被触发。并且navigator.onLin...

2019-01-01 15:05:56

阅读数 24

评论数 0

JS操作文件(FileReader读取--node的fs)

JS读取文件 FileReader FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 文档 FileReader 事件和方法 事件处理 FileReader.onabort...

2019-01-01 11:57:32

阅读数 45

评论数 0

stellar.js 视差滚动插件

视差滚动插件 视差滚动(Parallax Scrolling)指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术 主要核心就是前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充。 下载地址 https://github.c...

2018-12-31 15:51:00

阅读数 39

评论数 0

Ajax异步请求--readyState

概述 XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个: readyState 状态描述 状态描述 0 UNSEND 代理对象已经被...

2018-12-28 10:48:13

阅读数 32

评论数 0

art-template模板引擎的简单使用

下载 git clone https://github.com/aui/art-template 没安装git的可以直接打开网址下载,下载完后使用lib文件夹下的template.js 文本文档 art-template 简单渲染 HTML代码–script里面的标签的type不能让其解析为js...

2018-12-26 20:36:10

阅读数 19

评论数 0

JS正则表达式中常用的方法

正则常用的符号知识点 限定符 * 表示前面的表达式出现0次到多次{0,} + 表示前面的表达式出现一次到多次{1,} ? 最少0次,最多一次(可以阻止贪婪模式){0,1} {} 更加明确的表示前面的表达式出现的次数 其它 . 表示的是除了 \n以外的任意一个字符 [] 表示范围...

2018-12-24 11:22:58

阅读数 23

评论数 0

JS递归--你不知道的匿名递归函数细节

递归 递归函数必须能够引用它本身 递归是函数自己调用自己 一般都需要一个结束的条件 递归的认识 写出一个数的阶乘 function fn(n){ if(n===1){ return 1 } return n*fn(n-1) } cons...

2018-12-23 17:50:37

阅读数 35

评论数 0

闭包

JS闭包 闭包是函数和声明该函数的词法环境的组合 从本质上讲,闭包是外部函数和内部函数链接的桥梁;也就是在一个作用域中可以访问另一个作用域的变量,外部函数作用域可以被内部函数所访问 闭包特点:延展了函数的作用域范围 闭包的认识 未闭包 function fn(){ var n = ...

2018-12-23 16:28:36

阅读数 17

评论数 0

apply && call && bind三者的区别和联系

apply && call && bind三者的区别 apply 只有两个参数 - 第一个参数 :设置函数内部this的指向;第二个参数:是一个数组 使用的方式 function fn(x, y) ...

2018-12-23 11:08:18

阅读数 18

评论数 0

swiper not define

swiper的一些错误以及解决 开源,免费,强大的触摸滑动插件 发现swiper未定义 swiper使用方法 下载地址 先新建.html测试一下我们的轮播图是否可用,按文档去正确引入 接着我们是否引入的是swiper-4.4.2\dist\js这个目录下的文件,引入的应该是dist下的js,...

2018-12-05 20:46:52

阅读数 25

评论数 0

REM适配方案--布局

页面布局 流式布局 适用页面特点:一般使用于–左侧固定+右侧自适应;左右固定宽度+中间自适应 通俗来讲容器百分比自适应 需求:左边宽高不变,右边宽度随着屏幕变化自适应 <div class="box"> ...

2018-12-05 16:30:45

阅读数 31

评论数 0

如何编译.less文件(less.js)

有多少种方式可以将.less文件转换为.css文件 Less给 CSS 加点料!Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言,因为 Less 和 CSS 非常像,学习很容易。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是...

2018-12-03 14:59:22

阅读数 37

评论数 0

小程序生活类休闲类项目实战(使用美团数据)

小程序项目实战@[TOC] 小程序项目实战(使用美团数据) 这是生活小程序项目的实战,只供学习和参考,不做任何商业用途 托管地址[https://gitee.com/mycodegitxuewh/miniProgram_life] 先上图 不做交互逻辑也可以锻炼自己界面的美化,布局,提高自己的...

2018-12-02 21:52:47

阅读数 53

评论数 0

webpack初学者第一版

webpack的配置信息 nrm的使用 npm i nrm -g 全局安装nrm(提供常用的下载包地址,真正使用的装包工具还是npm) nrm ls 查看清单列表(查看镜像地址,所谓镜像地址,就是从[https://registry.npmjs.org ](官网)原版复制过来,方法和名称是一...

2018-11-14 21:44:21

阅读数 2097

评论数 1

提示
确定要删除当前文章?
取消 删除
关闭
关闭