常用的用于操作 css 的方法 目录 1 注册css自定义属性if ('registerProperty' in CSS ) { CSS.registerProperty({ name: '--color', syntax: '<color>', // 此处可以表示列表 syntax: '<transfo...
angular ViewChild ContentChild 系列的查询参数 官方说明官方文档在调用 NgAfterViewInit 回调函数之前就会设置这些视图查询。元数据属性:selector - 用于查询的指令类型或名字。read - 从查询到的元素中读取另一个令牌。所支持的选择器包括:任何带有 @Component 或 @Directive 装饰器的类字符串形式的模板引用变量(比如可以使用 @ViewChild('cmp') 来查询 ...
angular 键盘事件绑定与过滤 方便的angular按钮绑定如<input (keyup.enter)="keyUpSearch($event)" value="按下回车键触发"><input (keyup.;)="keyUpSearch($event)" value="按下;号键触发">官方文档:https://www.angular.cn/guide/user-input#key-...
vue slot 复用 话不投机半句多,直接上代码有3步第一步:创建渲染slot的组件 重要第二步:为slot添加父组件数据(props) 重要第三步:使用第一步:创建渲染slot的组件首选创建一个单文件组价,由于我们是使用的slot(父组件传进来的),所以,我们只需要创建js文件即可,而不用创建.vue文件// slot.jsexport default { name: 'Slot...
angular中文文档的滚动条样式 个人感觉angular中文文档的滚动条样式非常棒,于是乎就扒了下来https://www.angular.cn/body::-webkit-scrollbar { /* 定义了滚动条整体的样式 */ height: 6px; width: 6px}body::-webkit-scrollbar-track { /* 轨道部分 */ -we...
css fixed 失效问题解法 https://stackoverflow.com/questions/11258877/fixed-element-disappears-in-chrome开启css硬件加速,transform: translateZ(0);更好的办法是: 调整布局,把父元素的absoluate 属性去掉转载于:https://www.cnblogs.com/daowangzhizhu-pt...
node 常用模块及方法fs,url,http,path http://www.cnblogs.com/mangoxin/p/5664615.htmlhttps://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501504929883d11d84a1541c6907eefd792c0da51000首次接触node,赶紧把...
React-router4 简单总结 官方文档读到这里,大概明白了React-router是专门为单页面设计的,,我只能说多页面格外的不方便首先这个是基本的套路import React from 'react'import React from 'react-dom'import { BrowserRouter as Router, Route, // 这是基本的路由块 Link, // 这...
2018年 js 简易控制滚动条滚动的简单方法 首先是es2015 的新apiElement.scrollIntoView() // 滚动到最上方 等同于 dom.scrollIntoView(true) Element.scrollIntoView(false) // 滚动到最下方文档地址![https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollInt...
React-router4 第四篇 Custom Link 自定义链接 直接贴代码虽说我这么懒的人应该不会自定义标签,何必呢,,但是我还是看了官方的例子直接抄过来,exact 属性:根据我的测试,这个属性应该和路由的精确匹配有关有关,当值为true时,路由是会精确匹配的,当不写这个属性,或者值为false时,路由总会存在一个,即两个路由会并存根据官方的例子,还学到一个知识点:即:当路由未被匹配时,match的值为null,即match的值不会冲突,...
handsontable 常用 配置项 笔记 import React, { Component } from 'react';import HotTable from 'react-handsontable';import HandsontablePro from 'handsontable-pro'; // 这个对象下有handsontable的下很多方法class ExampleHandsontable exten...
React-router4 笔记 第一次看React-router发现根据阮一峰老师教程老报错,,完全一样的代码还是报错,,然而到最后才发现自己安装的版本太高了!由于菜鸟比较新,npm install react-router 这样一安装,安装的是react-router4,好吧,然后去百度react-router4的教程,然而只发现一篇react-router3和react-router4对比的文章,react-r...
POST application/json 适用于传递多层的json 本来以为自己写了那么多post请求,ajax已经难不住了呢,结果现实无比的残酷,后台换成了java,发多层级的json,后台就取不到了,虽然到最后还是配置正确了,。。记录下来,引以为戒,axios.post("POST", "/URL", this.state.datas, {headers: {"Content-Type": "application/json"}}) ...
react 子元素修改父元素值的一个偏方,虽然简单,但是不建议用, this.state.obj = { name: "小明"}<Zizujian obj={this.state.obj} />// 子组件这样修改父元素的值// 我们知道js的对象的类型的属于引用类型// 所以,我们这个把一个对象传到子组件上,由于是一个对象,所以改变对象内部的值会映射到父对象上!!!!!之前在angular里传递对象就是这样传递的,都...
保存一份自己常用的packjson 这里是一份专门针对react的插件配置,有:es5的转换器,有ie的promise垫片,有蚂蚁金服的anth,还有用于消息通信的pubsub订阅发布系统,虽然现在不用了。。。。用于发请求的axios,还有css-loader,style-loader 这两个合作用于在js中引入css{ "name": "react-webpack", "version": "1.0.0...
写一份简单的webpack2 的配置文件,无比简单 这是一份自己用到的webpack2的配置写法,从看webpack2开始,发现自己越来越懒了,现在html文件都不想自己写了,直接自己生成。。。哈哈,这次是可以无比完美的导入css啦开发的时候在命令行输入webpack-dev-server --inline --hot在上线时使用webpack -p-p 的意思的顺便压缩代码。。。var webpack = require(...
使用 gitbook 写东西 会了markdown 不会用gitbook怎么可以呢先安装 npm install gitbook -gnpm install gitbook-cli -gcli使用代码是客户端的意思,要牢记-g同等于-global 是全局安装的意思gitbook 使用代码 初始化 : gitbook init会生成 几个文件SUMMARY.md是目录文件,在里面写目录结构和链接到...
让 div中的div垂直居中的方法!!同样是抄袭来的(*^__^*) 同样 ,水平居中很简单,给子div设置margin:0px auto;垂直居中也不难::给父div设置display:table-cell;vertical-align:middle;重点是display:table-cell;虽然是表格的属性,但是却无比强大,无比方便,子元素未知长宽高的时候使用无比合适转载于:https://www.cnblogs.c...
React-router4 第九篇 Ambiguous Matches 模糊匹配 https://reacttraining.com/react-router/web/example/ambiguous-matches看了官方的例子,我准备把阮一峰老师的代码再粘贴一次。。!!转载于:https://www.cnblogs.com/daowangzhizhu-pt/p/6674589.html...