js
关注
分享
扫一扫
小博客
111
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
网页贪吃蛇之随机小方块
通过原型来实现效果原型(prototype)的优点：数据能够共享，可以节省空间。//布局 <style> #map{ width: 800px; height: 600px; background-color: pink; position: relative; ...原创 2019-01-17 18:37:42 · 241 阅读 · 0 评论 -
js中的闭包和递归的简单例子
闭包1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而...原创 2019-01-22 18:50:57 · 350 阅读 · 1 评论 -
js简单动画效果
旋转木马轮播图@charset "UTF-8";/*初始化 reset*/blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,text...原创 2019-01-16 19:02:54 · 730 阅读 · 0 评论 -
模仿淘宝购物车
效果图样式*{ margin: 0; padding: 0;}.main{ width: 850px; height: 780px; margin: 10px auto;}p{ font-size: 13px; margin: 20px 0px;}li{ list-style: none;}a { tex...原创 2019-01-21 18:36:42 · 1244 阅读 · 1 评论 -
原生js动画的应用
模仿百度新闻导航栏* { margin: 0; padding: 0 } ul { list-style: none } body { background-color: #333; } .nav {...原创 2019-01-15 18:26:19 · 246 阅读 · 0 评论 -
tab选项卡
第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:原创 2019-01-09 18:57:45 · 286 阅读 · 0 评论 -
js贪吃蛇
贪吃蛇网页：*{ padding: 0; margin: 0; } .dv{ width: 300px; height: 200px; border: 1px solid red; border-radius: 5px; position: absolute; ...原创 2019-01-20 21:14:52 · 491 阅读 · 0 评论 -
轮播图
原生js写的轮播图<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500...原创 2019-01-14 22:55:02 · 129 阅读 · 0 评论 -
简述正则表达式的字符和方法
正则表达式 - 语法正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。正则表达式中的字符字符描述\f匹配一个换页符。等价于 \x0c 和 \cL。\n匹配一个换行符。等价于 \x0a 和 \cJ。\r匹配一个回车符。等...原创 2019-01-23 18:32:09 · 222 阅读 · 0 评论 -
Random-产生随机数
用途几乎模块中所有函数都依赖于基本函数random(),它在半开放范围[0.0,1.0)内产生一个统一的随机浮点数。1.基本使用var num = parseInt(Math.random() * 10);//取0到10之间的整数（但不包括10）2.在指定范围内产生多个不同的随机数var num = parseInt(Math.random() * 50 + 50) //取的是50到...原创 2019-01-07 17:13:47 · 1930 阅读 · 0 评论 -
jQuery的常用动画
html<div id="content"> <input id="testhide" type="button" value="隐藏"> <input id="testshow" type="button" value="显示"> <input原创 2019-02-19 17:52:11 · 238 阅读 · 0 评论