08 2020 档案

摘要:1.属性选择器 2.css3结构伪类选择器n也可以是关键词 even是偶数 odd是奇数 选择div下面第一个span div后面加空格 <style type="text/css"> div span:nth-child(2){ background-color: pink; } </style> 阅读全文
posted @ 2020-08-28 12:32 哈喽诗涵 阅读(337) 评论(0) 推荐(0)
摘要:1.Node开发 1.1 Node是什么 Node是一个基于Chrome V8 引擎的JavaScript代码运行环境 2. Node运行环境搭建 2.1 Node.js运行环境安装 官网:https://nodejs.org/en/ · LTS = Long Term Support长期支持版 稳 阅读全文
posted @ 2020-08-28 12:31 哈喽诗涵 阅读(147) 评论(0) 推荐(0)
摘要:移动端基础 兼容移动端主流浏览器,处理webkit内核浏览器即可。 移动端调试方法 · Chrome DevTools(谷歌浏览器)的模拟手机调试· 搭建本地web服务器,手机和服务器一个局域网内,通过手机访问服务器。· 使用外网服务器,直接IP或域名访问 1.移动web开发之流式布局 1.1 视口 阅读全文
posted @ 2020-08-27 12:22 哈喽诗涵 阅读(226) 评论(0) 推荐(0)
摘要:1.jQuery 基础选择器 1.2 jQuery 层级选择器 1.3 隐式迭代 遍历内部DOM元素(伪数组形式存储)的过程叫做隐式迭代 简单理解:给匹配到的所有元素进行循环便利,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便调用。 1.4 jQuery筛选选择器 1.5 jQuery 阅读全文
posted @ 2020-08-27 12:11 哈喽诗涵 阅读(335) 评论(0) 推荐(0)
摘要:1.jQuery 事件注册 2.jQuery 事件处理 2.1 事件处理on() 绑定事件 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 $(function(){ $("div").on({ mouseenter:function(){ $(this).css("background 阅读全文
posted @ 2020-08-27 12:09 哈喽诗涵 阅读(108) 评论(0) 推荐(0)
摘要:1.1常见的JavaScript库 · jQuery· Prototype· YUI· Dojo· Ext JS· 移动端的zepto 这些库都是对原生JavaScript的封装,内部都是用JavaScript实现的 2.jQuery 下载 官网:http://jquery.com 版本: · 1x 阅读全文
posted @ 2020-08-26 10:24 哈喽诗涵 阅读(186) 评论(0) 推荐(0)
摘要:1.触屏事件touch 常见的触屏事件 1.2 触摸事件对象(TouchEvent) 触摸事件对象重点三个常见对象列表 当手指离开屏幕的时候 就没有了touches 和 targetTouches 列表 但是会有 changedTouches用的多的是targetTouches <script ty 阅读全文
posted @ 2020-08-20 20:08 哈喽诗涵 阅读(155) 评论(0) 推荐(0)
摘要:1.元素偏移量offset系列 · 获得元素距离带有定位父元素的位置· 获得元素自身的大小(宽度高度)· 注意:返回的数值都不带单位 offset 系列常用属性 <script type="text/javascript"> var father = document.querySelector(' 阅读全文
posted @ 2020-08-18 20:11 哈喽诗涵 阅读(138) 评论(0) 推荐(0)
摘要:1.BOM概述BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行 交互的对象,其核心对象是window。 1.2 BOM的构成 BOM比DOM更大,它包含DOM。 2.window对象的常见事件 2.1 窗口加载事件 window.onload 阅读全文
posted @ 2020-08-15 16:31 哈喽诗涵 阅读(201) 评论(0) 推荐(0)
摘要:1.事件高级 1.1 给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式 方法监听注册方式 · w3c标准 推荐方式· addEventListener()它是一个方法· IE9之前的IE不支持此方法,可使用attachEvent()代替(非标准 不建议使用)· 阅读全文
posted @ 2020-08-14 13:04 哈喽诗涵 阅读(140) 评论(0) 推荐(0)
摘要:css3模拟三角效果 div{ /*用css边框可以模拟三角效果 1.宽度高度为0 2.4个边框都要写,只保留需要的边框颜色,其余的不能省略,都改为transparent 3.为了照顾兼容性,加上font-size:0; line-height:0; * */ width: 0; height: 0 阅读全文
posted @ 2020-08-14 12:29 哈喽诗涵 阅读(615) 评论(0) 推荐(0)
摘要:1.API和Web API总结 1.API是为程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠结内部如何实现。2.Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。3.Web API一般都有输入和输出(函数的传参和返回值),Web API很多都是方法(函数 阅读全文
posted @ 2020-08-13 14:15 哈喽诗涵 阅读(190) 评论(0) 推荐(0)
摘要:1.1 JS的组成 JavaScript语法(ECMScript)、页面文档对象模型(DOM)、浏览器对象模型(BOM) 1.2 变量本质 本质:变量是程序在内存中申请的一块用来存放数据的空间。 js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的 js是动态语言 变量的数据类型是可以 阅读全文
posted @ 2020-08-10 15:51 哈喽诗涵 阅读(233) 评论(0) 推荐(0)