aechi62008-CSDN博客

转载常用的用于操作 css 的方法

目录 1 注册css自定义属性if ('registerProperty' in CSS ) { CSS.registerProperty({ name: '--color', syntax: '<color>', // 此处可以表示列表 syntax: '<transfo...

2019-08-28 13:44:00 252

转载 angular ViewChild ContentChild 系列的查询参数

官方说明官方文档在调用 NgAfterViewInit 回调函数之前就会设置这些视图查询。元数据属性：selector - 用于查询的指令类型或名字。read - 从查询到的元素中读取另一个令牌。所支持的选择器包括：任何带有 @Component 或 @Directive 装饰器的类字符串形式的模板引用变量（比如可以使用 @ViewChild('cmp') 来查询 ...

2019-04-03 23:46:00 364

转载 angular 键盘事件绑定与过滤

方便的angular按钮绑定如<input (keyup.enter)="keyUpSearch($event)" value="按下回车键触发"><input (keyup.;)="keyUpSearch($event)" value="按下;号键触发">官方文档：https://www.angular.cn/guide/user-input#key-...

2019-03-04 23:15:00 657

转载 angular中文文档的滚动条样式

个人感觉angular中文文档的滚动条样式非常棒，于是乎就扒了下来https://www.angular.cn/body::-webkit-scrollbar { /* 定义了滚动条整体的样式 */ height: 6px; width: 6px}body::-webkit-scrollbar-track { /* 轨道部分 */ -we...

2019-03-04 23:12:00 383

转载 vue slot 复用

话不投机半句多，直接上代码有3步第一步：创建渲染slot的组件重要第二步：为slot添加父组件数据（props）重要第三步：使用第一步：创建渲染slot的组件首选创建一个单文件组价，由于我们是使用的slot（父组件传进来的），所以，我们只需要创建js文件即可，而不用创建.vue文件// slot.jsexport default { name: 'Slot...

2019-03-04 23:10:00 269

转载 css fixed 失效问题解法

https://stackoverflow.com/questions/11258877/fixed-element-disappears-in-chrome开启css硬件加速，transform: translateZ(0);更好的办法是: 调整布局，把父元素的absoluate 属性去掉转载于:https://www.cnblogs.com/daowangzhizhu-pt...

2018-03-15 17:52:00 240

转载 nginx 添加response响应头

硬添转载于:https://www.cnblogs.com/daowangzhizhu-pt/p/8575043.html

2018-03-15 17:48:00 1564

转载 2018年 js 简易控制滚动条滚动的简单方法

首先是es2015 的新apiElement.scrollIntoView() // 滚动到最上方等同于 dom.scrollIntoView(true) Element.scrollIntoView(false) // 滚动到最下方文档地址![https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollInt...

2017-12-29 22:16:00 128

转载 handsontable 常用配置项笔记

import React, { Component } from 'react';import HotTable from 'react-handsontable';import HandsontablePro from 'handsontable-pro'; // 这个对象下有handsontable的下很多方法class ExampleHandsontable exten...

2017-10-20 22:22:00 1533

转载使用react-handsontable

新建一个项目create-react-app myProjectcd myProjectnpm install handsontable 或者 npm install handsontable-pro如果想要使用pro版的话。那么npm run eject // 展开配置文件然后在修改config 文件夹下的webpack.config.dev.js 和 w...

2017-10-20 22:08:00 851

转载 node 常用模块及方法fs,url,http,path

http://www.cnblogs.com/mangoxin/p/5664615.htmlhttps://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501504929883d11d84a1541c6907eefd792c0da51000首次接触node,赶紧把...

2017-08-11 13:40:00 263

转载 POST application/json 适用于传递多层的json

本来以为自己写了那么多post请求，ajax已经难不住了呢，结果现实无比的残酷，后台换成了java，发多层级的json，后台就取不到了，虽然到最后还是配置正确了，。。记录下来，引以为戒，axios.post("POST", "/URL", this.state.datas, {headers: {"Content-Type": "application/json"}}) ...

2017-05-15 22:59:00 220

转载 react 子元素修改父元素值的一个偏方，虽然简单，但是不建议用，

this.state.obj = { name: "小明"}<Zizujian obj={this.state.obj} />// 子组件这样修改父元素的值// 我们知道js的对象的类型的属于引用类型// 所以，我们这个把一个对象传到子组件上，由于是一个对象，所以改变对象内部的值会映射到父对象上！！！！！之前在angular里传递对象就是这样传递的，都...

2017-05-15 22:42:00 266

转载保存一份自己常用的packjson

这里是一份专门针对react的插件配置，有：es5的转换器，有ie的promise垫片，有蚂蚁金服的anth，还有用于消息通信的pubsub订阅发布系统，虽然现在不用了。。。。用于发请求的axios，还有css-loader，style-loader 这两个合作用于在js中引入css{ "name": "react-webpack", "version": "1.0.0...

2017-05-15 22:31:00 141

转载写一份简单的webpack2 的配置文件，无比简单

这是一份自己用到的webpack2的配置写法，从看webpack2开始，发现自己越来越懒了，现在html文件都不想自己写了，直接自己生成。。。哈哈，这次是可以无比完美的导入css啦开发的时候在命令行输入webpack-dev-server --inline --hot在上线时使用webpack -p-p 的意思的顺便压缩代码。。。var webpack = require(...

2017-05-15 22:25:00 82

转载 React-router4 简单总结

官方文档读到这里，大概明白了React-router是专门为单页面设计的，，我只能说多页面格外的不方便首先这个是基本的套路import React from 'react'import React from 'react-dom'import { BrowserRouter as Router, Route, // 这是基本的路由块 Link, // 这...

2017-04-06 18:20:00 85

转载 React-router4 第九篇 Ambiguous Matches 模糊匹配

https://reacttraining.com/react-router/web/example/ambiguous-matches看了官方的例子，我准备把阮一峰老师的代码再粘贴一次。。！！转载于:https://www.cnblogs.com/daowangzhizhu-pt/p/6674589.html...

2017-04-06 17:36:00 128

转载 React-router4 第八篇 ReactCSSTransitionGroup 动画转换

https://reacttraining.com/react-router/web/example/animated-transitions动画转换这么高级，其实是又引入了一个组件，没什么特别，import React from 'react'import ReactCSSTransitionGroup from 'react-addons-css-transition-grou...

2017-04-06 17:30:00 90

转载 React-router4 第七篇 Recursive Paths 递归路径

https://reacttraining.com/react-router/web/example/recursive-pathsimport React from 'react'import { BrowserRouter as Router, Route, Link} from 'react-router-dom'const PEEPS = [ { id:...

2017-04-05 18:27:00 161

转载 React-router4 第六篇 No Match 404

https://reacttraining.com/react-router/web/example/no-matchreact-router-dom 又一个新属性 Switch在Switch 的包裹下，如果不填写path属性，那么，所有未定义的路由都会渲染这个组件，顺便把路由传进去import React from 'react'import { BrowserRo...

2017-04-01 15:36:00 387

转载 React-router4 第五篇 Preventing Transitions 防止转换

文档地址：https://reacttraining.com/react-router/web/example/preventing-transitions大概意思就是说：我在这个页面上写东西呢？不小心点到了其他路由上，我们可以做一个提示，来一个弹窗，提示你真的要切换走吗?然后选择确定和取消，关键代码就是<Prompt when={isBlocking} // wh...

2017-04-01 11:12:00 84

转载 React-router4 第四篇 Custom Link 自定义链接

直接贴代码虽说我这么懒的人应该不会自定义标签，何必呢，，但是我还是看了官方的例子直接抄过来，exact 属性：根据我的测试，这个属性应该和路由的精确匹配有关有关，当值为true时，路由是会精确匹配的，当不写这个属性，或者值为false时，路由总会存在一个，即两个路由会并存根据官方的例子，还学到一个知识点：即：当路由未被匹配时，match的值为null，即match的值不会冲突，...

2017-04-01 10:20:00 353

转载 React-router4 第三篇 BasicURL ParametersRedirects (Auth) 谷歌翻译：重定向

依旧是地址https://reacttraining.com/react-router/web/example/auth-workflow上来一步走先导入模块import React, { PropTypes } from 'react'import { BrowserRouter as Router, Route, Link, Redirect, with...

2017-03-31 19:11:00 119

转载 React-router4 第二篇url-params url参数

官方文档以下代码均来自于官方文档上来一步走import React from 'react'import { BrowserRouter as Router, Route, Link} from 'react-router-dom'下一步复制代码const ParamsExample = () => ( <Router> // 在&lt...

2017-03-31 18:46:00 462

转载 react-router4 第一篇

无奈，英语4级没过，只能靠猜了。。首先就是安装了npm install --save-dev reactnpm install --save-dev react-domnpm install --save-dev react-router@4npm install --save-dev react-router-dom不管有用没用先装上！！！新建一个webpack.conf...

2017-03-31 18:20:00 49

转载 React-router4 笔记

第一次看React-router发现根据阮一峰老师教程老报错，，完全一样的代码还是报错，，然而到最后才发现自己安装的版本太高了！由于菜鸟比较新，npm install react-router 这样一安装，安装的是react-router4，好吧，然后去百度react-router4的教程，然而只发现一篇react-router3和react-router4对比的文章，react-r...

2017-03-31 17:52:00 95

转载 ajax 之POST请求，参数序列化

比如，，我们在没有使用jquery的时候，没有$.post来让我们使用，那我们像下面这样直接发送：var params1 = { username: username, passwrod: password };var xhr = new XMLHttpRequest();xhr.onreadystatechange = function (...

2017-02-24 09:46:00 399

转载 angular 1.x 控制器之间互相传递参数

我们要向前方看齐，基于js引用类型的对象就不记了，所以使用基于事件的方式：angular 中 $on,$emit,$boardcast来实现父控制器和子控制器互相通讯，其中$on表示事件监听，$emit表示向父级以上的作用域触发事件，$boardcast表示向子级以下的作用域广播事件。比如父控制器向子控制器中传递参数$scope.$broadcast('rss', para...

2017-02-22 13:50:00 197

转载 dangerouslySetInnerHTMl

dangerouslySetInnerHTMl 是React标签的一个属性，类似于angular的ng-bind；听说这个单词这么长，是故意的，应为有可能不合时宜的使用innerHTML会导致XSS攻击(然而我并不懂什么是XSS)，__htlml: DOM;通常dangerSetInnerHTML(这个糟糕的单词，，这么长。。)是和__html配套使用的，用来在一个标签中插入许多个...

2017-02-10 09:57:00 295

转载 ie8,9不支持indexOf解决办法，纯拷贝

原文在这里，大家快去点啊自从开始工作后，就没有再碰过原型链了，今天遇到ie8不认识indexOf的时候才发现原型这么嚣张，，哈哈把代码粘过来，以后留着看//添加数组IndexOf方法if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/){ var len = t...

2017-01-19 17:35:00 86

转载使用 gitbook 写东西

会了markdown 不会用gitbook怎么可以呢先安装 npm install gitbook -gnpm install gitbook-cli -gcli使用代码是客户端的意思，要牢记-g同等于-global 是全局安装的意思gitbook 使用代码初始化： gitbook init会生成几个文件SUMMARY.md是目录文件，在里面写目录结构和链接到...

2017-01-18 18:01:00 84

转载 markdown

哈哈，我会用markdown了果然，身边有大神就是好，要是没有人给我说，我都不知道还有gitbook的存在，更不知道还有markdown了，妄为自己还写html呢。。语法先整理一下，不然忘了怎么办标题其实就是两个'##',几级标题就是几个'#'列表列表列表是一个'*'号,还可以使用'+','-'123直接就数组后面加一个点就好了'1. 2. 3.'多级...

2017-01-18 17:44:00 82

转载多行文本固定高度垂直居中

　　单行文本垂直居中就是用line-height:框高;多行文本不固定高度垂直居中直接加一个padding就可以多行文本固定高度看下面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2016-07-26 14:12:00 151

转载让 div中的div垂直居中的方法！！同样是抄袭来的(^__^)

同样，水平居中很简单，给子div设置margin:0px auto;垂直居中也不难：：给父div设置display:table-cell;vertical-align:middle;重点是display:table-cell;虽然是表格的属性，但是却无比强大，无比方便，子元素未知长宽高的时候使用无比合适转载于:https://www.cnblogs.c...

2016-07-22 11:01:00 85

转载 div中的img垂直居中的方法，最简单！偷学来的，，，不要说我抄袭啊(^__^)

让div中的img垂直居中，水平居中很简单，用text-align:center;让div中img垂直居中的方法其实也很简单重点是：display:table-cell; 让标签具有表格的属性；vertical-align:middle; 让表格里面的内容垂直居中；这样就完成了！！转载于:https://www.cnblogs.com/da...

2016-07-22 10:55:00 77

转载关于transform-style:preserve-3d的些许明了

父元素要添加属性transform-style:preserve-3d;和transform:perspective(800px);还有相对定位首先设置子元素具有3D属性，然后再设置视角与3D元素的距离，拉开视角才可以看到3D效果！以像素计；；相对定位是为了给子元素绝对定位一个标点；以立方体为例，（其实我只会立方体。。。）子元素便是立方体的各个面了，6个div 便是...

2016-07-22 10:49:00 393

转载转换 transform

转换定义：1、转换是使元素改变形状、尺寸和位置的一种效果2、又称为变形，即，可以向元素应用 2D 或 3D 转换，从而对元素进行旋转、缩放、移动或倾斜3、2D转换：使元素在 X 轴和 Y 轴平面上发生变化，改变其形状、尺寸和位置4、3D转换：元素还可以在 Z 轴上发生变化旋转：Transform:rotate(30deg);顺时针旋转30°；T...

2016-07-12 13:56:00 159

转载计数器counter

今天就讲了2个属性：1、计数器 2、列规则列规则很简单：column-count:3; （列的具体个数） column-width:30px;（列宽）N个浏览器不兼容column-gap:10px;（列之间的缝隙间隔宽度）column-rule（规定列之间的中间分割线宽度、样式和颜色规则）。代码格式如下：首先设置默认值：counter-reset:zhoujianjun 3;...

2016-07-11 17:15:00 249

转载 overflow 在float浮动标签里的作用

overflow可以使浮动元素回归文档流，但是浮动元素却仍然具有浮动的属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>float与overflow</title> <styl...

2016-07-07 18:59:00 120

转载 table-layout 显示规则以及其他一些零碎的东西

首先对中文显示的不够好对中文失效auto是表格的宽和高都会随着内容增多而改变而fixed只会增加表格的高度宽度不会发生改变 table中的td的宽，高会根据内容的多少而变化； fixed：如果内容是中文的话td的宽度固定，高度根据内容的多少而变化，没有限制。如果是英文的话，宽高不变，内容宽度如果超出就会溢出。一，border:外边框；二，verti...

2016-07-07 16:29:00 102

空空如也

空空如也