07 2020 档案
js
摘要:学习js MDN为标准 浏览器端js: ECMAScript基础语法 数据类型 运算符 函数。。。。 ES1~ES8 BOM window location history navigator 正则表达式 Date DOM div p span 数据类型 基本数据类型(值类型): Number St 阅读全文
posted @ 2020-07-19 19:49 半夏微澜ぺ 阅读(122) 评论(0) 推荐(0) 编辑
瀑布流
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2020-07-15 16:05 半夏微澜ぺ 阅读(107) 评论(0) 推荐(0) 编辑
js 判断是否有滚动条以及获取滚动条宽度的方法
摘要:document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); 一般情况下,使用 document.body.scrollHeight > window.innerHeight 就 阅读全文
posted @ 2020-07-15 15:59 半夏微澜ぺ 阅读(1145) 评论(0) 推荐(0) 编辑
zepto.js
摘要:zepto的特点: 比jquery体积小。 移动端使用, 是基于模块化的,模块可以打散,可以定制, 是针对高级浏览器的,不需要考虑兼容性代码 jquery是针对pc端的 zepto使用: 第一种方法:zepto模块化,把各个方法分割成单独的文件,需要使用哪个方法,直接单独引入就可以了,但是这样会比较 阅读全文
posted @ 2020-07-14 11:34 半夏微澜ぺ 阅读(293) 评论(0) 推荐(0) 编辑
jquery
摘要:jquery主要封装的方法有: ajax 对xmlhttprequest的封装 post get getJSON getScript load jsonview对返回的数据进行格式化 前端模板template(art-template) <% %> 模板的作用:将数据跟模板进行绑定,然后使用模板去解 阅读全文
posted @ 2020-07-08 21:43 半夏微澜ぺ 阅读(102) 评论(0) 推荐(0) 编辑
实现元素垂直居中
摘要:1 已知元素的高度 父元素 position:relative 子元素: position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -100px; 2 不知道子元素的高度: 父元素 position:relat 阅读全文
posted @ 2020-07-07 15:17 半夏微澜ぺ 阅读(187) 评论(0) 推荐(0) 编辑
浏览器 标准模式和怪异模式
摘要:l浏览器解析css的两种模式:标准模式和怪异模式 标准模式:浏览器按W3C的标准解析助兴代码; 怪异模式:使用浏览器自身的方式解析执行代码,不同的浏览器解析执行的方式不一样,所以称之为怪异模式。 DTD声明定义了标准文档的类型(标准模式解析文档类型),忽略DTD将使网页进入怪异模式 怪异模式区别: 阅读全文
posted @ 2020-07-07 14:44 半夏微澜ぺ 阅读(335) 评论(0) 推荐(0) 编辑
cookie session ajax
摘要:cookie cookie是服务器给客户端发送的一个小纸条,第一次访问服务器,服务器可以向客户端发送一个cookie,可以往这个cookie里面保存这个数据。客户端浏览器接收到服务器端响应的cookie之后,会保存起来,当我的客户端再去访问服务器的时候,会把这个cookie里面的数据带到服务器 co 阅读全文
posted @ 2020-07-02 18:38 半夏微澜ぺ 阅读(311) 评论(0) 推荐(0) 编辑
React props.children
摘要:它表示组件所有的子节点。在组件内部使用this.props.children,可以拿到用户在组件里面放置的内容。 数据类型PropTypes 如果当前没有子节点,它就是undefined 如果只有一个子节点,数据类型是object 如果有多个子节点,数据类型是Array 可以使用PropTypes进 阅读全文
posted @ 2020-07-01 18:25 半夏微澜ぺ 阅读(512) 评论(0) 推荐(0) 编辑
使用React.lazy报错Import in body of module; reorder to top import/first
摘要:将import语句写在const语句上面即可 react引入报错:Import in body of module; reorder to top import/first一、问题情形想动态引入模块: const Demo = React.lazy(() => import('./jsTest/de 阅读全文
posted @ 2020-07-01 16:42 半夏微澜ぺ 阅读(2737) 评论(0) 推荐(0) 编辑
state 和 props 之间的区别
摘要:setState() 会对一个组件的 state 对象安排一次更新。当 state 改变了,该组件就会重新渲染。 props(“properties” 的缩写)和 state 都是普通的 JavaScript 对象。它们都是用来保存信息的,这些信息可以控制组件的渲染输出,而它们的一个重要的不同点就是 阅读全文
posted @ 2020-07-01 16:14 半夏微澜ぺ 阅读(671) 评论(0) 推荐(1) 编辑
react中使用less sass
摘要:使用scss 早react webpack.config.js中有对sass文件的解析,只需要安装node-sass就只可以直接使用sass 1 安装node-sass npm i node-sass --save-dev 2 创建scss文件 index.module.scss 3 使用 impo 阅读全文
posted @ 2020-07-01 11:42 半夏微澜ぺ 阅读(1827) 评论(0) 推荐(0) 编辑
react中自定义配置文件
摘要:在已有的项目中运行:npm run eject 如果报错,就先运行: git add . git commit -m 'init' 再执行npm run eject 这时在你的项目中就会生成config文件夹,可以根据自己的需要修改配置 删除node_modules文件夹的内容,冲刺你安装 npm 阅读全文
posted @ 2020-07-01 11:03 半夏微澜ぺ 阅读(2814) 评论(0) 推荐(0) 编辑