• 【前端笔记】? JavaScript 基础

    1. 什么是 JavaScript JavaScript 是一门广泛用于浏览器客户端的脚本语言 由 Netspace 公司设计,当时跟 Sun 公司合作,所以名字起得像 Java 业内一般简称 JS 2. JS 的常见用途 1 》能进行 HTML 的 DOM 操作 , 也称节点 (标签元素) 操作 。 比如添加、修改、删除节...

    2018-06-24 00:07:18

  • JavaScript入门之JS中的内置对象

    一、数组 1、数组的基本概念 数组是在内存空间中连续存储的一组有序数据的集合。元素在数组中的顺序,称为下标。可以使用下标访问数组的每个元素。 2、如何声明一个数组 ①使用字面量声明:var arr = [];在JS中,同一数组可以存储各种数据类型; eg: var arr = [1,"wu...

    2018-06-24 00:07:15

  • 一个简单的注册页面,基于JS

    ! DOCTYPE html html head meta charset ="UTF-8" title / title / head script src ="js/jquery-1.8.0.min.js" / script script // $(function(){ // $("input[name='uname']").blur(function(){ // var unamestr = $(this).val(); // var regstr = /^[\u4e00-\u9fa5]...

    2018-06-24 00:07:16

  • js画一棵树

    用纯js画一棵树。思路: 1、一棵树的图片,作为页面背景; 2、通过html5中的canvas画布进行遮罩; 3、定时每隔10ms,从下往上清除1px的遮罩; ! DOCTYPE html html head meta charset ="UTF-8" title My JS tree / title style body { width : 1000px ; height : 570px...

    2018-06-24 00:07:10

  • JavaScript 30 - 2 学习笔记

    学习JavaScirpt30的笔记! 有意思! 2------- CSS clock 效果是这样的.... 这是改良过后的 版本.... 话不多说,直接来看代码。 首先是html部分 div class ="clock" div class ="clock-face" div class ="hand hour-hand" / div div class ="hand min-hand" / div div c...

    2018-06-24 00:07:14

  • JS实现页面内跳转

    使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id): 在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法: 1 var oneTop = $("#aa" ).offset().top; 2 jQuery("html", "body").anima...

    2018-06-24 00:07:08

  • [js高手之路] 我的开源javascript框架gdom - 选择器用

    gdom框架是我开发的一款dom和字符串处理框架,目前版本是1.0.0. 使用方法跟jquery是差不多的, 会用jquery就会用gdom, 目前 1.0.0版本的选择器 完全支持CSS3选择器 .没有做IE的低版本兼容。 gdom下载地址:https://github.com/ghostwu/gdom gdom选择器有两种写法: G(...

    2018-06-24 00:07:05

  • JavaScript基础进阶之数组方法总结

    数组常用方法总结: 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。 1 个 连接数组的方法: concat () 2 个数组转换为字符串的方法: join ()、 toString () 6 个增删数组元素的方法: pop ()、 push ()、 shift...

    2018-06-24 00:07:07

  • 仿万科底部的新闻滑动特效

    仿万科底部的新闻滑动特效: !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title仿万科的底部的新闻滑动特效/title style * { padding: 0; margin: 0; } #subject { position: relative; width: 80%; height: 165px; background: skyblue; margin: 200px auto...

    2018-06-24 00:07:01

  • JS笔记:Array方法整理

    一、增加 1.push() 语法:arrayObject.push(newele1,newele2,…,neweleX); 功能:将push中的参数添加到arrayObject的尾部 返回值:把指定的值添加到数组后的新长度 例: var arr = [8,7,5,2,8,4,3]; var arrLen = arr.push("u","r","g"); console.log(arrLen); //10 co...

    2018-06-24 00:06:53

2