- 博客(17)
- 收藏
- 关注
原创 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
2703
原创 Chrome中console对象的用法,以及debug技巧
1 显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.
2018-11-24 21:08:41
2598
转载 css grid布局fr单位理解
转自 fr 简介及实例网格布局支持弹性尺寸(flex-size),这是一个很好的自适应布局技术。fr是一个相对尺寸单位,表示剩余空间做等分,此项分配到的百分比(如果只有一个项使用此单位,那就占剩余空间的100%,所以多个项联合使用更有意义)弹性尺寸使用fr尺寸单位,其来自 “fraction” 或 “fractional unit” 单词的前两个字母,表示整体空间的一部分。css代码示例...
2018-11-19 15:56:27
4965
转载 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
265
原创 transform transition transilate translation的区别和联系
transform、transition、 translate、 translation四个英语单词长得太像,我这个英语渣必须好好区分一下。translation: 中文为 翻译translation: 即不是css属性,也不是属性值transform: css 属性名transition : css 属性名translate: css属性值transition 设置元素 –...
2018-11-03 13:08:18
2039
原创 JavaScript经典进阶:javascript – 9宫格 – 拼图
实现过程中,遇到的问题Array.from(array-like):可以将类数组转换为数组toDataURL 需要开启http服务,才会正常工作什么是h5 : 基于原生js驱动的网页解析标准,它给我们提供了一系列新的APIdrawImage()方法的使用:dataTrdataTransfer()方法的使用:toDataURL()方法的使用:前后端分离: 前端负责数据渲染,后端只提供数...
2018-10-27 18:58:24
4106
原创 跨域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
152
原创 VS code编辑器用法
快速生成带有数字序列的divdiv{$}*5 按下tab键:<div>1</div><div>2</div><div>3</div>
2018-10-17 13:10:35
265
原创 Webpack 4.XXX 配置文件webpack.config.js和package.json【使用方法总结】
第一部分:package.json 配置scripts 字段 package.json 里面的scripts 字段值里,添加三个字段:其中字段名可以根据自己的喜好来指定 "scripts": { "dev": "./node_module
2018-09-12 03:14:12
2951
原创 在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
1242
原创 在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
2321
原创 在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
349
原创 在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
1143
原创 在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
491
转载 CSDN-markdown编辑器-Useage(默认)
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法 - 代码块高亮 - 图片链接和图片上传 - LaTex数学公式 - UML序列图和流程图 - 离线写博客 - 导入导出Markdown文件 - 丰富的快捷键快捷键加粗 Ctrl + ...
2018-06-17 11:14:08
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人