Web前端
「已注销」
人生终须一次妄想,带领我们去那从未到过的地方
展开
-
box-align与box-pack的使用
参考:box-align:http://www.w3school.com.cn/cssref/pr_box-align.aspbox-pack:http://www.w3school.com.cn/cssref/pr_box-pack.asp注意: 需要对齐的元素的父元素dispaly的值必须为boxbox-align值为center时,子元素为垂直居中box-pack 属性规...原创 2018-08-24 22:05:23 · 950 阅读 · 0 评论 -
Array.sort()
参考:Array.sort | MDNsort()方法默认排序是全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的 KaTeX数学公式 语法;增加了支持甘特图的mermaid语法1 功能;增加了 多屏幕编辑 Markdown...原创 2019-08-13 09:44:30 · 298 阅读 · 0 评论 -
HTML元素垂直居中的方法
方法一条件:父元素为block或者inline-block并且高度不为min-height,子元素为inline或inline-block使用一个元素撑开其父元素,并设置其vertical-align:middle,其它行内元素遍可垂直居中HTML代码: <div id="root"> <div class="box">IFC</d...原创 2019-08-12 17:24:23 · 309 阅读 · 0 评论 -
BFC简单总结
如何产生BFC:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context参考:https://www.jianshu.com/p/0d713b32cd0d1.BFC内部的浮动元素不会乱跑2.和浮动元素产生边界...原创 2019-08-12 15:10:11 · 138 阅读 · 0 评论 -
JavaScript事件类型
参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event参考:https://developer.mozilla.org/zh-CN/docs/Web/Events参考:https://www.runoob.com/jsref/dom-obj-event.html原创 2019-08-12 10:29:50 · 159 阅读 · 0 评论 -
React-Native
原文:https://blog.csdn.net/yy11534/article/details/79608533转载 2019-08-15 17:24:54 · 186 阅读 · 0 评论 -
react-redux小例子
1.定义Action的类别export const ADD = 0;export const SUB = 1;2.定义Action的生成器import { ADD, SUB } from "./action-type";export function addCreator(num = 1) { return { type: ADD, data: num ...原创 2019-08-07 11:18:25 · 188 阅读 · 0 评论 -
Redux异步Action
参考:https://github.com/react-guide/redux-tutorial-cnimport { applyMiddleware, combineReducers, createStore } from "redux";function thunkMiddleware({ dispatch, getState }) { console.log("Enter thu...原创 2019-07-23 15:14:37 · 162 阅读 · 0 评论 -
Webpack搭建React环境
1.所需要的包"devDependencies": { "@babel/core": "^7.5.4", "@babel/preset-react": "^7.0.0", "babel-loader": "^8.0.6", "css-loader": "^3.0.0", "html-webpack-plugin": "^3.2.0", "rea...原创 2019-07-14 19:26:22 · 137 阅读 · 0 评论 -
Nodejs配置cnpm
1.配置npm全局模块的存放路径a.在Node安装目录里(我是D盘)新建node_global和node_cache两个文件夹b.改变npm配置:打开cmd输入一下命令npm config set prefix "D:\ProgramFiles\nodejs\node_global"npm config set cache "D:\ProgramFiles\nodejs\n...原创 2019-03-28 20:07:22 · 2263 阅读 · 0 评论 -
CSS字体图标
下载一个字体图标这里以阿里巴巴矢量图标库为例选择自己需要的图标,并添加入库下载代码下载到本地解压后文件内容如图所示将字体引入CSS文件@font-face { font-family: "email"; src: url('./fonts/iconfont.eot'); src: url('./fonts/iconfon...原创 2019-01-06 22:46:53 · 753 阅读 · 0 评论 -
meta标签的属性
<meta>标签的属性charset声明当前文档所使用的字符编码,一般设置为utf-8content包含http-equiv或name的属性值,具体取决于所使用的值name此元数据包含的名称与content属性包含的值相关联。name的属性值列表为:application-name,定义正运行在该网页上的网络应用名称author,就是这个文档的作者名称,可以用自...原创 2019-09-23 21:21:44 · 356 阅读 · 0 评论