javascript
文章平均质量分 63
豆i浆
我知道自己帅 ,别夸我 我面红
展开
-
javaScript --- 如何生成新数组
方法一:Array.oflet arr = '1,2,3,4,5'// Array.of 等于 Array.prototype.oflet array = Array.of(1,2,3,4,5);console.log(array);// [1,2,3,4,5]方法二:new Arraylet array = new Array(5);array[0] = 1;array[1] = 2;array[2] = 3;array[3] = 4;array[4] = 5;console原创 2020-10-04 19:38:21 · 1525 阅读 · 0 评论 -
javaScript --- 循环语句
while说明:只要指定条件为 true,循环就可以一直执行代码块。使用场景:while循环常用于那种不知道循环次数是多少的情况,比如让用户循环输入一个整数,直到输入某个特殊的字符为止,你根本没法直到这个循环会进行的次数。示例:while (条件) 语句; // 或者 while (条件) 语句; //举例:var i = 0; while (i < 100) { console.log('i 当前为:' + i); i = i + 1; }适用范围:普通条件循原创 2020-10-03 17:03:43 · 607 阅读 · 0 评论 -
jQuery -- touch事件之左右切换元素
效果预览: 全部代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-原创 2017-06-27 21:16:09 · 531 阅读 · 0 评论 -
javaScript -- touch事件详解(touchstart、touchmove和touchend)
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员传达一些信息新转载 2017-06-27 21:26:30 · 44081 阅读 · 2 评论 -
HTML5游戏开发之 -- lufylegend. js猜拳游戏(竖屏)
效果预览: 代码部分:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scala原创 2017-08-17 14:08:01 · 1012 阅读 · 0 评论 -
javascript封装函数仿jQuer选择器(日常基本够用)
因为不想写那么多的document.get…..所以就封装了一个玩意,于是乎,他就诞生了。和jQuery当然差很多了,不过作为日常娱乐,小小的方便 还是可以的,在不能用jq又能用js的DOM时候,就可以派上用场了~~~~用法:id选择器 (id前面必须加#号)getDom('#id');class选择器 (class名前面必须加 . )getDom('.class');name选择器 (前面必须加原创 2017-12-05 10:19:35 · 729 阅读 · 0 评论 -
JS --- 动态显示目标数字(排名,金额等数字动态化显示可适用)
效果预览: js部分:$(function(){ //最终需要显示的数字 var count = 10000000; //获取数字的长度 var countLen = count.toString().length //根据数字长度设置对应的初始值 switch(countLen) { case countLen &...原创 2018-02-09 16:32:02 · 2591 阅读 · 0 评论 -
jQuery --- 利用input标签flie属性实现图片上传(单文件选取/可删除已选图片)
效果预览: 每一行都有注释,宛如妈妈的唠叨,再也不怕看不懂代码了~~~~想了解input的其他属性点这里想知道URL.createObjectURL()详细内容点这里js部分:<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"...原创 2018-02-11 14:39:09 · 2348 阅读 · 0 评论 -
微信小程序 --- 日历效果
效果预览: wxml部分:<view class='box1' style='width: {{ sysW * 7 }}px'> <view class='dateBox'>{{ year }} - {{ month}}</view> <block wx:for='{{ weekArr }}'> <view style...原创 2018-02-27 13:50:02 · 19651 阅读 · 6 评论 -
微信小程序 --- 星级评价效果
效果预览: wxml代码部分:<view class='topMaxBox'> <view class='topLeft' style='width: {{ imgW }}px; height: {{ imgW }}px; flex: {{ imgW }}px 0 0;'> <image src='http://img02.tooopen.com/images/20150928/to原创 2018-03-20 15:35:22 · 1809 阅读 · 0 评论 -
javaScript --- 解决(webview/微信浏览器/页面刷新/页面后退/URL重置页面刷新)AJAX页数重置问题
效果如下:代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport&am原创 2018-08-03 10:55:08 · 1610 阅读 · 0 评论 -
jQuery --- 解决蒙层/遮罩层下面内容可以滚动问题
出现蒙层/遮罩层的时候 加入这段代码页面就不能滚动了$('body).css('overflow-y','hidden'); 蒙层/遮罩层消失需要回复页面滚动加入这段代码即可$('body).css('overflow-y','scroll');...原创 2018-08-03 11:29:28 · 2263 阅读 · 4 评论 -
javaScript --- Error 对象的详解
Error:一个一般性的异常。Error 的构造:new Error();new Error(message);参数: message:一条可选的错误消息,用于提供关于该异常的细节。返回: 一个新构建的 Error 对象。如果指定 message 参数,则该 Error 对象将它用做它的 message 属性值。其他情况下,它将使用一个预定于的默认字符串作为该...转载 2018-09-06 14:14:32 · 2811 阅读 · 0 评论 -
jQuery -- touch事件之滑动判断(左右上下方向)
js代码:$("body").on("touchstart", function(e) { // 判断默认行为是否可以被禁用 if (e.cancelable) { // 判断默认行为是否已经被禁用 if (!e.defaultPrevented) { e.preventDefault(); } }转载 2017-06-27 21:12:52 · 29684 阅读 · 0 评论 -
滚动加载图片(懒加载)实现原理
一、什么是图片滚动加载?通俗的讲就是:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。二、为什要使用这个技术?比如一个页面中有很多图片,如淘宝、京东首页等等,如果一上来就发送这么多请求,页面加载就会很漫长,如果js文件都放在了文档的底转载 2017-07-02 22:51:12 · 2605 阅读 · 0 评论 -
JavaScript 内置对象属性及方法集合
1.Date 属性(1): constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 方法(43): getDay() 返回一周中的第几天(0-6) getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位 getFullYear() 返回完整的4位年份数 getMonth() 返回月份数(0-11) getD转载 2017-02-15 17:15:27 · 495 阅读 · 0 评论 -
DOM树知识点梳理
为什么会提到Dom树呢,或许它对于我们很好地理解网页各个元素,标签和控件搭配,以及各种js,css等的加载会有一些帮助。笔者在工程中遇到了一些小问题,本质就是dom树的东西掌握的不扎实。所以借此来梳理一下。1.HTML DOMok, 我们先来看一下W3school中怎么解释这个概念和结构的。W3school是一个很不错的网站,很适合初学者和基础不扎实的人。HTML DOM 定义了访问和操作 HTML转载 2017-02-16 10:19:45 · 254 阅读 · 0 评论 -
js,jq,css多方面实现简易下拉菜单
效果图预览一 、css实现html代码部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html+css下拉菜单</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </hea原创 2017-05-13 10:26:31 · 512 阅读 · 0 评论 -
js,jq,css多方面实现简易Tab切换
通过css , js , jq三个方式分别实现简易的Tab切换效果效果图预览:一、css实现html和css部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{原创 2017-05-13 10:57:07 · 725 阅读 · 0 评论 -
九种原生js动画效果
在做页面中,多数情况下都会遇到页面上做动画效果,我们大部分做动画的时候都是使用框架来做(比如jquery),这里我介绍下如何让通过原生的js来实现像框架一样的动画效果!1、匀速动画效果说明:匀速动画就是动画的效果从开始到结束每次执行的速度都是一致的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3转载 2017-05-16 20:58:13 · 351 阅读 · 0 评论 -
DOM0级、DOM2级跨浏览器兼容写法
“` removeHandler: function(element, type, handler) { if(element.removeEventListener) { element.removeEventListener(type, handler, false); } else if(element.detachEvent) { e原创 2017-05-13 13:34:28 · 367 阅读 · 0 评论 -
js,jq,锚点 分别实现返回顶部
效果预览:锚点实现:锚点效果生硬,用户体验差,但没兼容性问题<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ display: block;原创 2017-05-20 12:03:04 · 542 阅读 · 0 评论 -
js,jq 右下角广告窗
效果预览:JQ:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;原创 2017-05-20 15:43:10 · 348 阅读 · 0 评论 -
HTML5本地储存--利用storage事件实时监听Web Storage
在事件处理函数中,触发事件的事件对象(event参数值)具有如下几个属性 event.key 属性:属性值为在 session 或 localStorage 中被修改的数据键值。 event.oldValue 属性:属性值为在 sessionStorage 或 localStorage 中被修改的值。 event.newValue 属性:属性值为在 sessionStorage 或原创 2017-06-16 14:17:51 · 17230 阅读 · 2 评论 -
JS定义类的六种方式详解
在前端开发中,经常需要定义JS类。那么在JavaScript中,定义类的方式有几种,分别是什么呢?本文就JS定义类的六中方式说明如下(案例说明):1、工厂方式function Car(){ var ocar = new Object; ocar.color = “blue”; ocar.doors = 4; ocar.showColor = function(){转载 2017-05-22 16:04:43 · 606 阅读 · 0 评论 -
jQuery -- touch事件之轮播图效果
废话不多说,下面放代码,注释很详细,不怕看不懂效果图预览:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-原创 2017-06-28 14:56:31 · 2475 阅读 · 2 评论 -
jQuery简易表单验证插件(可链式操作)
一款简易的表单验证插件,第一次写这种插件还有很多不足,希望以后可以完善的更好,兼容为IE9+效果预览: 文件压缩后的大小以及响应时间: 插件使用说明:1. html基本结构<div class="yz_form"> <form action=""> <ul> <li> <span>用户名:</span>原创 2017-06-22 18:01:41 · 531 阅读 · 0 评论 -
JS如何调用函数内部变量?
两种方法:1、添加return返回值var a = 5;function xxx(){ var a = 10; return a;}var b = xxx();//这里的b就是102、闭包var a = 5;function xxx(){ var a = 0; var ten = function(){ a = 10; retu转载 2017-02-02 11:03:08 · 6858 阅读 · 0 评论