- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 小知识点总结
JS变量之前的+号 比如 if (+comment === 1) 这个+什么意思 可以理解为Number(value)会将其按照Number函数的规则转换为数值或者NaN,规则大概如下:Boolean:true返回1,false返回0数据值,直接返回null,返回0undefined,返回NaN对于字符串,将其转换为十进制...
2019-07-24 11:21:06
155
转载 学习es6基础
学习es6主要途经的阮一峰老师的ECMAScript 6 入门变量的解析赋值用处: 交换变量的值。 对我而言最有用的是提取json数据。 3. 我们都知道函数只能返回一个值,如果要返回多个,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。 ...
2019-07-08 11:38:19
228
转载 深入理解js的prototype以及prototype的一些应用
转载:https://www.cnblogs.com/loveyoume/p/6139681.html上一篇讲了js的prototype概念,在这里回顾一下prototype的定义: prototype是函数的一个属性,并且是函数的原型对象。引用它的必然是函数,这个应该记住。 但是,很奇怪,各位看官,你有没有看过类似下面这样引用prototype的js代码:function ...
2018-10-07 17:07:03
230
转载 NaN问题
1. 在indexOf判断中,NaN和空对象{}均返回-1。2.判断NaN的几种方法在JavaScript中,有6个假值,分别为:false,0,null,“”,undefined,NaN。其中前五个的判断都十分简单,直接使用严格相等“===”判断即可,但NaN的特殊性在于它不等于自身(1) isNaN()方法问题就在于这个函数总会隐式的将参数中的值转换成数字再做判断,这样就在判断...
2018-10-07 16:34:34
479
转载 js的函数的按值传递参数(实例讲解)
js的函数传参的方式是按值传递,正常情况下,改变函数参数的值,并不会对函数外部的变量造成影响。例如:? 1 2 3 4 5 6 'use strict'; var list = [1, 2, 3]; list.forEach(function(item) { item ++; }); ...
2018-10-02 21:22:00
377
转载 jQuery
第一章 认识jQueryjQuery强调的理念是写得少,做得多(write less,do more),其具有链式操作方式、隐式迭代、行为层和结构层的分离等诸多优点。获取jQuery的最新版本:http://jquery.com/1、默认情况下jQuery用$作为自身的快捷方式,并且以下两种形式等价:1 $(document).ready(function(){2 //代...
2018-08-30 10:45:59
522
原创 jQuery对象与DOM对象的相互转换
一. jQuery->DOMjQuery提供了两种方法将一个jQuery对象转换为DOM对象,即[index]和get(index)。1.var $cr = $("#cr"); jquery对象var cr = $cr[0]; DOM对象2.var $cr = $("#cr");var cr = $cr.get(0)二. DOM->jQuery对于一...
2018-08-29 13:34:39
270
原创 css,js,jQuery二级菜单
css:把二级菜单的display设置为none,开始的时候不让他显示,当鼠标划过一级菜单时hover时间设置二级菜单的display属性为block.js:开始二级菜单display默认为none,给一级菜单设置一个onclick事件,函数的参数为二级菜单的类名或者id,判断二级菜单的display属性是否为block,是的话改为none,反之改为block.通过标签名(TagName)...
2018-08-29 13:26:20
225
转载 内联元素为什么可以设置宽高
原则上来说:内联元素是不能设置高度宽度的,如果要设置就需设置 display:block等,但是img input等内联元素却可以设置height width但某些元素通过设置float属性也可以有宽和高,比如span元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<span&g...
2018-06-13 20:40:37
2767
原创 样式化表格
小贴士:使您的表格标记尽可能简单,并且保持灵活性,例如使用百分比,这样设计就更有响应性。使用 table-layout: fixed 创建更可预测的表布局,可以通过在标题width中设置width来轻松设置列的宽度。使用 border-collapse: collapse 使表元素边框合并,生成一个更整洁、更易于控制的外观。使用<thead>, <tbody>和<tf...
2018-06-06 21:52:47
218
原创 水平导航栏之间的间隔问题
今天做了一个水平的导航栏,发现导航栏之间有间隔,于是百度了一下发现这是因为inline-block 元素在页面上创建的空格换行符,就像几个字之间的空格,这样的空隙也许会破坏我们的水平导航菜单布局。最后有解决方案首先展示一下导航栏有间隔的代码<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
2018-06-05 18:48:57
15367
原创 line height
今天被line height折磨惨了,我知道它与height相同时,可以实现单行文字的垂直居中,但今天实施地时候发现了很多小问题。<!DOCTYPE html> <head> <title></title> <style> p{ font-size: 20px; line-height: 200px; ...
2018-06-04 20:20:47
326
原创 继承与文字旋转
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link href="son.css" rel="stylesheet" /> </h
2018-06-03 13:24:15
122
转载 框模型,盒子模型(Box Model)
在制作css样式之前,先来准备一份HTML结构代码,如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link href="css/box.css" rel="styles
2018-06-01 20:24:46
875
原创 line-height与垂直居中
行高还有一个特性,叫做垂直居中性。(把line-height值设置为height一样大小的值可以实现单行文字的垂直居中。这句话确实是正确的,但其实也是有问题的。问题在于height,height是多余的。)把line-height设置为您需要的box的大小就可以实现单行文字的垂直居中。...
2018-06-01 15:36:37
887
1
转载 创建首个html5页面
<!doctype html>每种浏览器内部都有许多的渲染模式,比如html和xhtml等等,我们制作的网页需要告诉浏览器如何用正确的方式去渲染它。上行代码就告诉浏览器要用标准,兼容的模式来解析渲染这个HTML页面。<html> <head> </head> <body> </body><...
2018-05-31 23:22:13
5396
原创 简单简历(无css)
<!DOCTYPE html><html> <style> header{ background-color: cadetblue; text-align: center; color: white; padding: 5px; } nav { line-height: 88px; height: 610px;...
2018-05-29 16:04:23
270
原创 IFE学习前言
说起为什么会学习前端,这个问题就有点意思了。本来个人的初衷是学习UI的,学习了一段时间,也能称得上熟练掌握PS和AI。自己也试着做出自己的作品,自我感觉还是不错,可是越接触得多越来越感觉自己创意不够。正好想起一句话:不会前端的UI设计师不是一个好的设计师。hhhhh,于是想着要不转换一个方向?于是在W3Cschool上面开始了正式的前端学习。事实也证明我的选择是正确的,我对前端越来越感兴趣。(热爱...
2018-05-29 13:54:36
290
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人