- 博客(25)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 forEach()和map()的区别和理解
1、在文章的开始先给大家介绍一下这两者的共同点，我们通常前者用的次数多一点，比较常见都是循环遍历数组中的每一项每一次执行匿名函数都支持三个参数，数组中的当前项item，当前项的索引index，原始数组input匿名函数中的this都是指window只能遍历数组2、关于forEach()敲黑板：没有返回值！！！！arr[].forEach(function(value,index,array){ ...
2018-05-30 10:58:50
27625
3
原创 用js简单实现京东秒杀倒计时功能
首先给大家看看效果图，因为是做的移动端的，所以放大给大家看看局部就行：关于实现京东秒杀，之前用过其他的方法，今天给大家分享一个原生的方法吧，不会很难.1、倒计时页面结构：<div class="secondkill"> <div class="top"> <span class="red fl">掌上秒杀&am
2018-05-29 20:27:32
20944
12
原创 如何用js调用百度地图api接口
首先，依然是将效果图给大家看一下：操作步骤：1、先百度搜索百度地图api2、登录进去，找到javascript API，下载下来3、然后点击控制台，点应用，新建一个应用，然后就会有一个api4、在javascript页面有很多功能，大家可以根据自己的需求选择，这里我选取的就是地图上那个红点，然后还有就是默认的坐标是北京的经纬度，大家可以自己...
2018-05-25 20:17:20
14622
5
原创 如何用js来控制video播放器
在文章开始前，先给大家看下效果图：在文章开始，给大家先分享一下这个思路：js来控制视频的播放：1、所有的方法和属性都是由video这个dom元素来调用，如果换成其他的则不能实现2、video.paused==true3、video.play();4、video.pause();5、video.duration;video.currentTime();6、video.ontimeUpdate=fun...
2018-05-25 19:52:20
19858
原创 用js来读取本地文件---实现图片预览功能
在之前我有给大家分享过用ajax2.0来实现图片的一个预览功能，今天的话主要是给大家介绍一下如何用原生的js来获取本地文件，并用图片预览功能来给大家举例，大家多上一篇博客感兴趣的话，可以移步该网址：https://blog.csdn.net/qq_42181069/article/details/80332442如何用原生的js来读取本地的文件呢？代码部分：<!DOCTYPE html...
2018-05-25 13:16:34
2314
原创 用css3实现拖拽小案例
首先，给大家看一下拖拽的效果图：代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
2018-05-24 20:26:40
6119
原创 css3中的动画了解一下
首先，在文章开头，想把笔记整理给大家看看，不知道大家对css动画的理解怎么样，如果某个动画有可能执行多次， 就可以把这个动画封装起来 * @keyframes anmiatename {0%{} 50%{} 100%{}} * % 代表的是时间，假如动画执行一次需要1秒，那么50%就代表动画执行到0.5s时的状态， 0% 代表起始位置， 50% 中间位置， 100%...
2018-05-24 20:08:04
214
原创 一个有趣的前端小项目----新手练手小游戏
对于学前端的小伙伴们来说，最难的应该就是Javascript的理解与运用了，很重要，很有用，也很难真的掌握，但是对于这种难啃的骨头，多去啃一啃的话还是很有意思的~~不好意思，一不小心暴露了我吃货的本质，今天给大家分享的是一个小游戏，之前有在github上看见有大神做过一个类似的游戏，然后自己就花了一天的时间写了这个小游戏，废话不多说，先给大家看一下这个游戏的效果图：1、大家看到的实在点击开...
2018-05-24 14:28:17
27918
46
原创 弹性布局理解及应用---骰子小案例
今天要给大家分享的是css3中非常重要的一个知识点-----弹性布局！！！有多重要了，在PC端可能还看不出来有多好用，但是在移动端这个弹性布局会非常非常的好用在给大家分享这个应用小案例之前，先把弹性布局的知识点给梳理一下：7、案例：骰子的实现<!DOCTYPE html><html lang="en"><head> <meta charset=...
2018-05-23 09:21:41
1381
原创 用css3实现一个会飞的小火箭案例
1、css3中我们常用到的一个属性是transform，也就是我们常常所用的缩放，平移，旋转等2D动画，接下来就用这几个变换个给大家做一个小案例，效果图如下：2、html代码：<body> <img src="../img/rocket.png" alt=""></body>3、css代码：<style> html, bod...
2018-05-21 20:17:20
2054
1
原创 用css3实现一个小水杯案例
想必大家对border-radius都不陌生，圆角嘛，经常用来做效果，今天的话会拓展一下这个border-radius的应用----做一个杯子小demo。效果图如下：1、html部分：<body> <div class="cup"> <div class="handle"></div> </div&
2018-05-21 20:02:00
1812
1
原创 css3多重背景小案例
关于多重背景这个css3中很常用的属性，本来没什么可以详细拿出来讲的，但是，昨天，是我们一年一度的520，以及今天是一年一天的521，我这个和代码一起过的小仙女，有脾气了~~~~所以拼个图，来表达一下我此时此刻的心情，效果图如下：代码如下：1、css部分：注意一下多重背景的写法就行，只有一个background,图片的话大家可以自己去找好看的，然后就是中间嵌入的图片要找好坐标，大家可以自...
2018-05-21 19:44:04
693
4
原创 如何用ajax调用省市三级联动插件--Distpicker
1、今天给大家推荐的一个插件是------Distpicker2、首先给大家介绍一下我们调用这个插件的普通写法：2.1 html页面<body> <div class="dispicker"> <!-- container --> <select></select> <!-..
2018-05-21 19:23:02
1474
原创 如何理解浏览器中的js加载？
1、在文章开头，有个问题，浏览器中的js加载是同步加载还是异步加载？ 我们知道ajax是异步加载的方式，但是浏览器中的js加载是同步加载的， 如果载入多个js，有某一个比较耗事的话，就会阻塞页面的载入。2、如何设置让浏览器中的js加载是异步的呢？ 设置了async之后，就会异步加载了<script async src=""></script>3、解...
2018-05-19 21:05:06
688
原创 简单封装分页功能JQuery插件（含源码）
首先，给大家看一下分页的效果图如下：1、页码生成后会有很多页，为了按照常规的显示那几行，就写了如下的函数：<body> <h2>jQ插件的写法</h2> <ul class="pagination"> <li>上一页</li> <li>下一页&am
2018-05-18 21:00:47
233
原创 用正则来实现一个密码强度验证小案例
平常在我们的注册账户的时候经常会有密码强度验证这个功能，今天就用正则的方法来实现这个小功能，案例效果图如下：1、html代码部分：<body> <input type="password" class="password"> <!-- ?? --> <span class="eye">??<
2018-05-17 19:26:38
810
2
原创 使用AJAX实现文件上传时illegal invocation错误的原因及解决方案
1、在我的上一篇博客中，结合Jquery使用ajax2.0的时候出了如下的一个错误，上一篇博客参见地址：https://blog.csdn.net/qq_42181069/article/details/803332562、代码部分：<script>$(function(){ $('input').change(function(){ //使用JQ的ajax...
2018-05-16 11:17:46
45806
4
原创 ajax2.0与JQuery的结合运用实例
1，在前两篇关于ajax2.0的理解与实例博客中，我都是采用的js原生写法，但是在JQuery中，大神们已经封装好了ajax的函数，所以这篇博客主要是围绕着上个例子图片预览来进行的一个拓展，ajax2.0与JQuery的结合运用实例。 js原生参见上一篇博客：https://blog.csdn.net/qq_42181069/article/details/803324422、代码部分2.1&...
2018-05-16 10:42:03
740
原创 ajax2.0的应用实例二之图片预览功能
1、关于ajax2.0版本的理解可以参考上一篇博客https://blog.csdn.net/qq_42181069/article/details/80328831#comments；2、今天的拓展是一个新增图片预览功能的案例，在我们账号更换图片的时候会经常用的到这个技术，点击选择文件更换图片即可在不刷新页面的时候更新图片，案例效果如下图：3、代码解析如下：3.1 表单元素，设置为file格式&...
2018-05-16 09:54:16
290
原创 ajax2.0的理解与应用实例
1、通过一些代码来解释一下ajax2.0版本的运用：<body>//这个form表单的作用就是让我们的ajax2.0能够自动给获取数据 <form action=""> <input type="text" name='userName' placeholder="用户名"> <input type=&a
2018-05-15 21:56:23
1483
2
原创 CSS隐藏元素的五种方法
平常在写代码的时候有比较常用到几种隐藏元素的方法，在参考了许多大神的笔记之后，整理了一下关于隐藏元素的如下五种方法：1、display：none；div { display:none;}display:能将元素真正隐藏，而且隐藏的元素不会占据任何空间，会让人觉得这个元素好像完全不存在。但是该元素是能够被访问到的，可以通过DOM来操作这个元素。2、opacity:0;div { op...
2018-05-15 13:20:43
794
1
原创 测试后台接口Postman进行http接口测试——以图灵机器人接口为例
1、关于图灵机器人接口连接的使用请参见如下网址https://blog.csdn.net/qq_42181069/article/details/802721892、对于Postman的介绍：一款功能强大的网页调试与发送网页HTTP请求的应用3、以图灵机器人为例进行接口检测：第一步：先打开已经建好的机器人第二步：点击机器人进到页面，点击api使用文档第三步：在web API 1.0中找到接口、po...
2018-05-14 20:42:20
4075
2
原创 简易后端开发接口文档的写法——增-删-查-改
# 接口文档## 01.获取分类信息(查)> 获取所有的分类信息1. 地址: http://www.baixiu_my.com/admin/API/01.getAllCategories.php 后面是接口示例2. 方法: get3. 数据 : 无4. 返回的数据格式: { message:"提示信息", data:数据 ...
2018-05-14 19:44:14
4908
3
原创 同源 不同源 及跨域的简单梳理
1、什么是同源？不同源？下面的这三个内容一样 我们称之为同源 ip地址:192.168.13.75 （示例） 端口:80 （示例） 协议:http: 两个同源的页面 是可以互相发送请求的 没有任何的限制反之， ip,端口,协议有任何 一个不一样 就是不同源 不同源的页面之间 不能直接发送请求 ...
2018-05-14 08:51:00
2767
原创 ajax实例之图灵智能机器人简易操作
1、图灵机器人接口：http://www.tuling123.com/2、思路思路(伪代码):创建异步对象 设置请求行 设置请求头 onload回调函数 设置请求主体 3、创建代码环境3.1、先创建好页面按钮<body> <input class="message" type="text" placeholder="请输入你要跟机器人聊天的内...
2018-05-10 19:16:03
1820
如何规范css的命名和书写
2018-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人