- 博客(18)
- 收藏
- 关注
RSS订阅原创 js预编译
众所周知javascript是解释性语言，主要特点为解释一行执行一行。而在js运行时会进行三件事：1语法分析 2.预编译 3.解释执行语法分析会在代码执行前对代码进行通篇检查，以排除一些低级错误预编译发生在代码执行的前一刻解释执行顾名思义就是执行代码我先给大家举几个预编译的小例子： var a = 123;console.log(a)；此时他返回的值会是123；...
2019-11-11 20:07:23
195
1
原创 jQuery选择器
基本选择器：基本选择器是常见的选择器，也是最简单的选择器，通过对于类，id，标签来查找。$("#id") //选取id，单个元素$(".class")$(“p”)$("*")$(“div,p,p.myclass”) //多个元素层次选择器：jquery层次选择器是通过html元素之间的层次关系来获取特定的元素。比如后代元素和相邻之间的元素。也可以用jquery方法next（）查找...
2019-10-08 19:04:31
118
原创 前端网页设计的单位
1.背景介绍我们为什么要选择合适的网页设计单位随着Web的发展，对新的解决方案的需求也会继续增大，对网页的要求更高。网页设计单位是涉及到我们布局的效果，使用不同的单位会对最终的demo，会有影响。现在都是要求响应式设计，需要适配各种设备，电脑，手机，平板。如果单位不合适，可能在这个设备显示良好，那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发，设计。2.知识剖析1、pxpx就是pi...
2019-09-25 20:38:47
813
原创 CSS3 3D效果理解
刚接触完css3的3D变换，感觉确实十分华丽，趁着热乎劲，把感想和理解记录下来。如有不对，欢迎指正。CSS3中提供了2D和3D两种变换方式，所谓的变换主要就是位移和旋转，2D和3D的区别大概就是有没有Z轴方向的变换，仅此而已。所以，为了后面更好的理解3D变换，我们先说一说2D的变换。translate()和rotate()上面两种方法是2D变换的常用方法，一个对应位移，一个对应旋转，当然还...
2019-09-25 17:03:03
187
原创 label标签在H5中的应用
一、label标签的作用label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单内容上。在HTML中标签不会向用户展示任何特殊内容,它的作用是把自己与其他标签"绑定"起来，也可以说是与其他元素关联到一起，粗暴点说就是 有一腿。与其他标签关联的方式与其他元素关联的方式有两种1、显式联系：显式联系通过的 “for” 属性和目标标签的 ID 来完成2、...
2019-09-19 16:36:29
1031
原创 const let var的用法与区别
我们先分别看一下它们的用法：1.const定义的变量不可以修改，而且必须初始化。const b = 2;//正确// const b;//错误，必须初始化console.log(‘函数外const定义b：’ + b);//有输出值// b = 5;// console.log(‘函数外修改const定义b：’ + b);//无法输出2.var定义的变量可以修改，如果不初始化会输出un...
2019-09-16 11:42:38
96
原创 对象与this的归纳
OOP：程序中用对象来描述现实中的一个具体事务对象：封装了一个事务的属性和功能的程序结构，对象有自己的属性，属性的属性值可以为任意的内容,当属性值为函数的时候，我们称为方法。当属性值为对象的时候，称为子对象为什么用OOP和现实中人的想法非常接近，便于大程序的维护对象用来做什么？内存中同时存储多个数据和功能的存储空间什么时候用？今后开始写程序之前，都要先用对象，描述好要操作东西的属...
2019-08-26 19:55:36
138
原创 JS中内置对象的归纳
在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i=“aaa”)，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如var str=“我不是一个真的对象”;alert(str.length); //str被暂时包装成一个String对象，可调用该对象的属性和方法不...
2019-08-26 19:46:16
154
原创 JS document常用方法总结
document.getElementById(id);返回对拥有指定id的第一个对象进行访问document.getElementsByName(name);返回带有指定名称的节点集合document.getElementsByTagName(tagname);返回带有指定标签名的对象集合document.getElementsByClassName(classname);返回带有...
2019-08-19 18:54:49
1229
原创 闭包与原型链的理解
简单闭包的理解：function A(){function B(){console.log(‘Hello Closure!’);}return B;}var C = A();C();// Hello Closure!这是最简单的闭包。有了初步认识后，我们简单分析一下它和普通函数有什么不同，上面代码翻译成自然语言如下：定义普通函数 A在 A 中定义普通函数 B在 A 中返回...
2019-08-19 16:42:20
882
原创 2048小游戏
游戏开始界面：游戏结束界面：主要运用的知识点：display的用法，数组和二维数组，for循环的循环遍历，函数，if…else与switch…case条件语句，随机数，对象，return主要的思维方式：首先构造不同的函数来设置游戏的不同状态和所需功能，其次熟练使用二维数组来进行随机赋值，unicode码的上下左右移动，然后只要做出一个向左移动的游戏状态，剩下三种的右、上、下移动只需要改变...
2019-08-12 16:14:57
431
原创 用JS写小鸟飞行的游戏
为了方便审阅，我直接将css与js部分代码块写在了HTML中。游戏开始界面：游戏过程：游戏玩法：点击游戏界面，小鸟会上浮，如果不点击小鸟会坠落死亡，同时也不能撞击柱子，二者其一都会 game over！游戏思路：运动的物品：小鸟（上升与坠落），柱子（移动），草坪（无缝滚动），分数（小鸟每过一个柱子分数加一）小鸟其实只做了上升与下降的运动，柱子与草坪的向左移动。代码如下： ...
2019-08-08 21:31:34
1819
3
原创 JS前期一些知识点整理
变量类型5种基本类型：unll，undefined，boolean，number，string1种复杂类型：object5种引用类型：Array，Object，Function，Date，RegExp3种基本包装类型：Boolean，Number，String2种单体内置对象：Global，Mathundefined：没有定义的变量，var声明没有初始化的变量 typeof 可...
2019-08-05 15:08:53
103
原创 一些常用正则表达式
一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$...
2019-08-05 10:09:39
127
原创 数组的基础知识以及一些算法题
创建数组1: 常规方式:var myCars=new Array();myCars[0]=“Saab”;myCars[1]=“Volvo”;myCars[2]=“BMW”;2: 简洁方式:var myCars=new Array(“Saab”,“Volvo”,“BMW”);3: 字面:var myCars=[“Saab”,“Volvo”,“BMW”];合并数组 - concat...
2019-07-30 10:24:51
608
原创 JS基础知识整理
1.浏览器的内核内核：负责页面内容的渲染 内容排版引擎 -- 解析的是HTML/CSS 脚本解释引擎 -- 解析JS根据内核对浏览器的分类 浏览器 内核名 排版引擎 脚本解释引擎 IE Trident -（内核自带） Chakra Firefox Gecko ...
2019-07-22 21:30:59
67
转载 10个JS常见算法题目
1、冒泡排序调优（从小到大排序）2、输出九九乘法表3、输出水仙花数4、1–10的阶乘和5、输出1900年至2100年中的所有闰年6、输出10–100之间的所有素数7、1，2，3，4四个数字,能组合成多少种互不相同且没有重复的三位数8、取出四位数中的各个位上的数字9、猴子吃桃问题10、用星号输出菱形。源码如下： js算法题目练习 &...
2019-07-22 17:30:34
6211
原创 盒子模型的通俗化理解
我们先来将我们可爱的盒子放到桌子上，那么盒子到桌子边缘的距离我们可以理解为边距，就是为所谓的margin。边距为零的时候就意味着盒子边和桌子边重叠。我们可以通过给盒子设置margin-top来让我们的盒子离开桌子上边缘，同样的还有margin-left、margin-right、margin-bottom几种方式让忙碌的纸盒离开其他边缘，这种情况是嵌套。并列情况下道理也一样。现在我们已经可以利用...
2019-07-15 18:41:02
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人