- 博客(17)
- 收藏
- 关注
RSS订阅原创 JavaScript控制台显示时间
function clock() {console.clear();now = new Date();h = now.getHours();m = now.getMinutes();s = now.getSeconds();console.log("%c" + h + ":", m + ":", s);}//每到一秒时，清空console,并显示当前时间。//console...
2018-11-27 11:08:41
2795
原创 Chrome中console对象的用法，以及debug技巧
1 显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.
2018-11-24 21:08:41
2672
转载 css grid布局fr单位理解
转自 fr 简介及实例网格布局支持弹性尺寸（flex-size），这是一个很好的自适应布局技术。fr是一个相对尺寸单位，表示剩余空间做等分，此项分配到的百分比(如果只有一个项使用此单位，那就占剩余空间的100%，所以多个项联合使用更有意义)弹性尺寸使用fr尺寸单位，其来自 “fraction” 或 “fractional unit” 单词的前两个字母，表示整体空间的一部分。css代码示例...
2018-11-19 15:56:27
5171
转载 onmousewheel跟onscroll的区别
onmousewheel事件以下摘自http://help.dottoro.com/ljmracjb.phpBrowser support:IE，火狐，opera，sarafi，chromeOccurs when the contents of an element have been scrolled.This event is only fired on elements that...
2018-11-03 16:21:29
292
原创 transform transition transilate translation的区别和联系
transform、transition、 translate、 translation四个英语单词长得太像，我这个英语渣必须好好区分一下。translation: 中文为 翻译translation: 即不是css属性，也不是属性值transform: css 属性名transition : css 属性名translate: css属性值transition 设置元素 –...
2018-11-03 13:08:18
2252
原创 JavaScript经典进阶：javascript – 9宫格 – 拼图
实现过程中，遇到的问题Array.from(array-like)：可以将类数组转换为数组toDataURL 需要开启http服务，才会正常工作什么是h5 : 基于原生js驱动的网页解析标准，它给我们提供了一系列新的APIdrawImage()方法的使用：dataTrdataTransfer()方法的使用：toDataURL()方法的使用：前后端分离： 前端负责数据渲染，后端只提供数...
2018-10-27 18:58:24
4197
原创 跨域Ajax的原生JavaScript实现及原理
服务端 api.php// 服务端动态拼接一段js脚本，让脚本在页面中执行$id = $_GET['id'];//取得页面get请求中的参数id的值//定义一个数组，该数据最后一个元素从发起请求的页面传递过来$arr = array(1, 2, 3, 4, 5, $id);header('Content-Type: text/javascript');//这里如果echo一个...
2018-10-20 23:45:43
191
原创 VS code编辑器用法
快速生成带有数字序列的divdiv{$}*5 按下tab键：<div>1</div><div>2</div><div>3</div>
2018-10-17 13:10:35
324
原创 Webpack 4.XXX 配置文件webpack.config.js和package.json【使用方法总结】
第一部分：package.json 配置scripts 字段 package.json 里面的scripts 字段值里，添加三个字段：其中字段名可以根据自己的喜好来指定 "scripts": { "dev": "./node_module
2018-09-12 03:14:12
3018
原创 在create-react-app脚手架中：【使用React-router4】
React-router4 基础知识React-router4 是什么？ React-router4 是官方推荐的路由库，它和 之前的版本 不兼容，是一次重大的更新。React-router4 能做什么？React 开发单面应用必备，践行路由即组件的概念。React-router4 重要概念： 动态路由、Route、 Link、 Switch。React-router4 特点：学习一次...
2018-08-28 09:09:37
1274
原创 在create-react-app脚手架中：【使用React-Redux让代码最优雅的呈现】
和往常一样，本文的所有文件—-仍然是基于 create-react-app脚手架 创建的项目的 ./src/ 文件夹下//index.jsimport React from 'react';import ReactDOM from 'react-dom';import { createStore, applyMiddleware } from 'redux'; import...
2018-06-20 17:49:19
2375
原创 在create-react-app脚手架中：【Redux和Redux-thunk 处理异步函数】
问题是这样的，之前我们调用 store.dispatch(action) 时，action都是一个类似 {type: 'string'}的对象，或者是 执行一个 action 创建函数。因为 redux 的机制，它会自动处理这样的对象。 现在如果 store.dispatch(action) 里面传递的不是一个类似 {type: 'string'}的对象，而是一个异步函数。那么 sto...
2018-06-20 14:41:23
397
原创 在create-react-app脚手架中：【Redux和React结合使用】
在上文《 在create-react-app脚手架中：【单独使用Redux】》中，我们只在./index.js 文件中，就完成了store工作原理的测试。 那么React和Redux如何结合使用呢，还是在上文环境下开始在./src/ 文件夹下新建三个文件 index.js index.redux.js app.js//index.jsimport React from...
2018-06-20 13:12:51
1192
原创 在create-react-app脚手架中：【单独使用Redux】
create-react-app my-react-redux-appcd my-react-redux-app删除src文件夹下所有文件，新建./src/index.js文件，执行npm start启动项目 import React from 'react'; import ReactDOM from 'react-dom'; import { createStore } from...
2018-06-19 16:21:17
509
转载 优快云-markdown编辑器-Useage(默认)
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法 - 代码块高亮 - 图片链接和图片上传 - LaTex数学公式 - UML序列图和流程图 - 离线写博客 - 导入导出Markdown文件 - 丰富的快捷键快捷键加粗 Ctrl + ...
2018-06-17 11:14:08
571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人