CSS5:移动端页面(响应式)

2018-06-17
阅读 6 分钟
6.8k
如果手机端和PC端页面差别很大,就不要写响应式,不要写@media 就直接将两个页面拆开成两个文件就可以了.关于判断是手机端你还是PC端,就交给后端来做只有一些新闻站点和博客站点用响应式,因为布局简单,响应式足够

CSS4:icon全解

2018-06-16
阅读 4 分钟
2.5k
CSS4:icon全解 1.img法 1.1如何在psd文件里扣出图层里的图标 右键选中这个图层 右击这个图层,把这个图层放到新文件 点击图片的trim按钮,自动切图到最小再调整一下画布大小,将图片设置为长宽一样导出PNG即可 在页面里,PNG图片会默认保持比例,所以只要设置宽高的其中一种就可以了抠图的前端现在基本没有了.属于落后的技术 ...

CSS2:宽度与高度疑难点解析

2018-06-15
阅读 6 分钟
3.4k
CSS2:宽度与高度 如果你的CSS代码里经常出现height和width属性,说明你对宽度与高度理解的不够深 1.文档流(Normal Flow) 翻译很烂,应该为普通流,或者常规流. 1.1DIV的高度 1.1.1字体高度与行高 字和字之间是通过基线对齐的 行高与font-size 默认行高是字体设计室写进去的.不同字体行高不一样,跟字体设计有关系.字体的建议...

CSS1:CSS难学与好学,CSS学习方法

2018-06-14
阅读 1 分钟
4.5k
CSS1:CSS学习方法1.CSS难学与好学1.1CSS为什么难学CSS 属性很多,难以一次性记下来CSS 属性之间互相影响,难以完全掌握CSS 核心概念都写在文档中,但是如果不熟悉一些英文词汇,很难短时间看完 CSS 文档CSS 升级很快,如果学得太慢,会很有挫败感1.2CSS为什么好学CSS 常用套路并不多,不外乎布局、居中、文字省略、位置...

实现二级菜单的滑动出现与消失(解决dispaly与transition冲突问题)

2018-06-14
阅读 4 分钟
2.7k
因为transition和display有冲突,只要dispaly,transition就不起作用,在开始css,变display为block,然后setTimeout设置为1秒后,在改变其他的css,如opcity或right等可以过渡的css

DOM事件模型

2018-06-13
阅读 3 分钟
2.3k
DOM level3没有对事件进行修订,所以DOM事件模型的标准就是DOM level2 制定的标准规定了事件捕获event capture事件冒泡event bubbling事件取消event cancelation

立即执行函数、轮播图

2018-06-11
阅读 12 分钟
1.8k
轮播图 1DOM一些题目详解 题目: 前端教材都在互联网上. 现在为了节省时间,要学js就在阮一峰javascript上面学 js高程只适合当工具书,如果哪里不清楚,或者想深入,就去看js高程,比如面向对象想深入学习,就去看js高程. 全局变量,window里面本身就有的不能用.比如parent,不然会覆盖 1.1立即调用函数,使用局部变量 全局变量容...

简化版自己实现jQuery、this、arguments、闭包、原型链

2018-05-27
阅读 11 分钟
2.8k
简化版自己实现jQuery 1. == 与=== 尽量不要用 == 规则太复杂 用===只需要注意两点,1.NaN===NaN,false,2.所有对象===也都是false,因为地址不一样. 2.自己写jQuery与用jQuery {代码...} 01_myjQuery1.js {代码...} UseJquery.js {代码...} 3.this 和 arguments {代码...} 其中 asThis 会被当做 this,[input1,input2] 会...

JavaScript函数

2018-05-27
阅读 6 分钟
2.1k
JavaScript函数 面试考点比较密集参考阮一峰JavaScript函数我的博客:关于作用域,变量提升,函数提升的个人理解笔记 1.函数的五种声明方式 1.1 具名函数 var 声明一个变量,七种数据类型function 声明一个函数,是个特例不写return自动加上return undefined {代码...} 1.1.1 关于console.log() console.log()返回undefined c...

DOM API

2018-05-26
阅读 3 分钟
2k
Document Object Model文档对象模型在文档与对象做一个模型映射,就是文档对象模型把文档变成对象的模型.就是DOMElement元素, Text 文本.Document是html标签的父元素.只要看到一个节点,浏览器就构造出来一个对应的对象,放在内存中.页面中的节点通过构造函数变成对象,想要操作节点,就操纵对象相应的API就行了

JS中ArrayAPI学习笔记

2018-05-26
阅读 9 分钟
2.2k
栈,堆,栈里面存一个window/global对象的地址,指向对内存,堆内存存一个hash表.里面有标准库.标准库里有Object()函数,String()函数,Number(),Boolean().这篇文章记录Array(),Function()

(个人笔记)在给在线简历添加js特效过程中遇到的问题及解决方法 二

2018-05-26
阅读 5 分钟
2.2k
(个人笔记)在给在线简历添加js特效过程中遇到的问题及解决方法 二 github预览 点击菜单滚动动画首页 {代码...} tween.js库(缓动动画) 缓动函数速查表tween.js库GitHubcdnjs搜索tween引入 {代码...} tween.js一个网站的教程 基本使用指南 {代码...} 张鑫旭简便用法 张鑫旭的文章如何使用tween.js,且衍生了自己的animation...

(个人笔记)在给在线简历添加js特效过程中遇到的问题及解决方法 一

2018-05-10
阅读 6 分钟
1.8k
元素的 scroll 事件处理函数。语法 element.onscroll = functionReference 参数 functionReference是一个函数的引用。当该元素滚动时,会执行该函数。

在页面未加载完之前显示loading动画

2018-05-09
阅读 4 分钟
6.7k
在页面未加载完之前显示loading动画 这里有很多比这篇博客还优秀的loading动画源码 我还参考这篇博客 loading动画代码demo 我的demo预览 {代码...} 加入到实际页面的使用方法 {代码...}

原型链二:Function的原型链问题

2018-05-09
阅读 2 分钟
5.2k
理解关于Function的原型链问题 关于Function的原型链问题的一些个人粗略理解,欢迎指正错误的地方 可以看这篇文章:[链接] 要理解Function的原型链的问题首先深入理解__proto____proto__的含义是 实例对象指向实例原型!! 实例的原型对象就是构造函数.prototype例如 {代码...} 所以: 每一个JavaScript对象(除了 null )都具...

原型链一:原型与原型链

2018-05-09
阅读 6 分钟
2.1k
把toString()和valueOf()等函数单独存放在一个对象里,原来对象里的toString()和valueOf()只存地址,指向这个地址

JS笔记五:标准库(简单记录)

2018-05-09
阅读 3 分钟
1.3k
JS里的对象(标准库) 几个全局对象,全局方法的学习记录 详细教程参考阮一峰的js教学:标准库 全局对象window 全局对象window不管在哪个网页,都能访问一个对象,window标准里叫glabol全局函数,就是在任何地方都能用的函数 如果是window的属性或者方法,可以不加window. 左边为node和window都有的属性或对象,右边是只有window...

JS笔记四:作用域、变量(函数)提升

2018-05-05
阅读 8 分钟
3.4k
关于作用域,变量提升,函数提升的个人理解 参考: 阮一峰的JavaScript参考教程2.7函数部分 思否上一篇关于作用域,提升的博客 一篇关于作用域和提升的个人博客 MockingBird博客作用域和变量提升 颜海镜的博客 大部分例子代码都引用的原文章内容,如侵权,联系删除 其中会穿插[函数声明的方法],[函数覆盖],[函数是一等公民]的...

JS笔记三:类型转换、内存与引用的面试题、深拷贝、垃圾回收

2018-05-01
阅读 5 分钟
2.2k
null和undefined没有toString方法,只能用''+null将null转化为字符串.这是与String()的不同这个错误:不能读toString方法,说明没有这个api

JS笔记二:JS历史、数据类型、for in遍历对象、typeof的BUG

2018-04-29
阅读 2 分钟
2.7k
JavaScript学习笔记二 个人学习笔记 参考阮一峰的JavaScript教学 学习笔记二是对学习笔记一的补充 JavaScript历史 ECMAscript是JavaScript标准 ES 5 新增特性汇总-方应航知乎专栏(15个小变化)ES 6 新增特性汇总-方应航知乎专栏 以后一年一次ES 7(2016)只增加了两个特性,ES 8(2017)只增加了10个特性 ES5-->ES6功能最多...

JS笔记一:null与undefined、NaN、选择结构

2018-04-28
阅读 5 分钟
3.6k
个人学习笔记 参考阮一峰的JavaScript教学 2.1-2.2章 变量 1变量的声明和赋值,是分开的两个步骤,上面的代码将它们合在了一起,实际的步骤是下面这样。 {代码...} 如果只是声明变量而没有赋值,则该变量的值是undefined。undefined是一个 JavaScript 关键字,表示“无定义”。2如果变量赋值的时候,忘了写var命令,这条语...

纯JS实现KeyboardNav(学习笔记)二

2018-04-21
阅读 4 分钟
1.9k
纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无icon或未设置网站 按键盘上相应的按键进入对应网站 鼠标放上去可...

纯JS实现KeyboardNav(学习笔记)一

2018-04-18
阅读 6 分钟
1.8k
纯JS实现KeyboardNav(学习笔记)一 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无icon或未设置网站 按键盘上相应的按键进入对应网站 鼠标放上去可编辑并保存网站,除了初始网站,用户编辑的网站...

CSS居中完全指南

2018-04-14
阅读 5 分钟
4.9k
本文总结CSS居中,包括水平居中和垂直居中.本文相当于CSS决策树,下次再遇到CSS居中问题时有章可循. 参考Centering in CSS: A Complete Guide和【基础】这15种CSS居中的方式,你都用过哪几种 本文的引用归原作者所有. 代码在线演示工具JSbin使用指南

HTML拾遗

2018-04-01
阅读 8 分钟
2.5k
这篇博文用来记录我在写html的时候遇到的不清楚的、没有理解的、未能察觉的、反复使用搜索引擎查询的点和一些总结性的知识。方便查阅。不定期更新。 这篇博文内容来源为网络,包含自己的理解总结,欢迎在评论区指出错误。 文章引用的内容版权归原作者所有,侵权删除。

HTTP入门(三):使用Nodo.js脚本实现简易服务器

2018-03-23
阅读 5 分钟
2.6k
本文通过简单的Node.js脚本模拟服务器请求与响应原理。 本文主要目的是对学习内容进行总结以及方便日后查阅。 本文所引用的图片和文字版权归原作者所有,侵权删。 如有错误请在下方评论区指出,欢迎积极讨论。

HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

2018-03-22
阅读 1 分钟
19.5k
本文简单总结HTTP的请求与响应。 本文主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考HTTP文档(MDN)。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有,侵权删。 如有错误请在下方评论区指出,欢迎积极讨论。

HTTP入门(一):在Bash中curl查看请求与响应

2018-03-22
阅读 3 分钟
8.8k
本文简单总结HTTP的请求与响应。 本文主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考HTTP文档(MDN)。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有,侵权删。 如有错误请在下方评论区指出,欢迎积极讨论。

Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源代码

2018-03-15
阅读 2 分钟
5.3k
本文简单介绍Hexo+GitHub 搭建博客。本文主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考Hexo官方中文文档。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有,侵权删。 如有错误请在下方评论区指出,欢迎积极讨论。

Hexo+GitHub 搭建个人博客(一):安装、配置和第一篇博客

2018-03-15
阅读 2 分钟
2.8k
本文简单介绍Hexo+GitHub 搭建博客。本文主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考Hexo官方中文文档。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有,侵权删。 如有错误请在下方评论区指出,欢迎积极讨论。