diaohaolou4102-CSDN博客

转载 npm 镜像配置

npm 默认registry：https://registry.npmjs.org/npm中文文档：https://www.npmjs.cn淘宝 NPM 镜像：https://npm.taobao.orgCNPM：https://cnpmjs.org永久使用：　　npm config set registry URL　(URL 即为需要设置的镜像站点地址...

2019-08-16 11:25:00 217

转载 React搭建项目（全家桶）

安装React脚手架：npm install -g create-react-app创建项目：create-react-app appapp：为该项目名称启动项目：cd appnpm start项目创建完成，目录如下：安装 Ant Design：API Docsnpm...

2019-06-04 10:11:00 203

转载原生JS 将canvas生成图片

核心代码：<script type="text/javascript"> // Converts image to canvas; returns new canvas element function convertImageToCanvas(image) { var canvas = document.createElement("canva...

2019-03-07 15:59:00 657

转载原生 JS 的 Base64 转码

JavaScript 原生提供两个 Base64 相关的方法：btoa()：任意值转为 Base64 编码atob()：Base64 编码转为原来的值注意：这两个方法不适合非 ASCII 码的字符，会报错。要将非 ASCII 码字符转为 Base64 编码，必须中间插入一个转码环节：encodeURIComponent()　　该方法会转码除了语义字符之外的所有...

2019-02-24 14:26:00 177

转载 Array对象常用方法

不改变原数组：1、concat() 连接两个或多个数组不改变原数组返回被连接数组的一个副本2、join()把数组中所有元素放入一个字符串不改变原数组返回字符串3、slice()从已有的数组中返回选定的元素不改变原数组返回一个新数组4、toString()把数组转为字符串不改变原数组返回数组的字符串形式5、map()将数组的所...

2019-02-21 09:59:00 104

转载 CSS 鼠标样式

设置鼠标指针放在一个元素边界范围内时所用的光标形状，需要对元素的css属性cursor进行设置。cursor属性可能的值：default默认光标（通常是一个箭头）auto默认。浏览器设置的（user agent stylesheet）光标。crosshair光标呈现为十字。pointer光标呈现为指示链接的指针（一只小手）...

2019-02-18 15:56:00 88

转载 npm install --save 和 --save-dev的区别

--save(-S) 会把依赖包名称添加到 package.json 文件 "dependencies" 键下--save-dev(-D) 则添加到 package.json 文件 "devDependencies" 键下"dependencies"是运行时依赖，"devDependencies"是开发时的依赖。"dependencies"下的模块，是发布后还需要依赖的模块。...

2019-02-01 15:10:00 124

转载利用Chrome浏览器的开发者工具截取整个页面

①打开Chrome浏览器的开发者工具：　　快捷键： command + Alt + I （Mac）、 Ctrl + shift + I （Windows）　　或者：鼠标右键 -> 弹出菜单中选择 "检查" 选项。②打开命令行：　　快捷键：command + shift + P （Mac）、Ctrl + shift + P （Windows）③输入命令：Capt...

2018-07-08 20:55:00 189

转载实时监听input输入框value的变化：

HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化oninput 事件在用户输入时触发。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。提示：该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， on...

2018-07-07 10:22:00 907

转载 input file实现多选，限制文件上传类型，图片上传前预览功能

限制上传类型 & 多选：① accept 属性只能与 <input type="file" /> 配合使用。它规定能够通过文件上传进行提交的文件类型。② multiple 属性规定输入字段可选择多个值。示例：<!-- image/* 所有图片 image/png png图片 image/jpg ...

2018-06-29 08:09:00 450

转载开发工具配置

WebStorm 设置：忽略node_modules文件夹：Preferences > Editor > File Types > Ignore files and folders: node_modules; 支持ES6语法：Preferences > Languages & Frameworks > JavaSc...

2018-06-28 10:21:00 69

转载 Vue 组件

定义组件名的方式有两种：①使用 kebab-caseVue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case例如<my-component-name>②使用 PascalCa...

2018-06-26 08:47:00 104

转载 Vue中$refs的用法

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods<!DOCTYPE html><html lang="en"><h...

2018-06-25 08:16:00 162

转载 HTML5 网页漂浮窗广告 JavaScript逻辑 - demo

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <script type="text/javascript" src="http...

2018-06-24 08:21:00 238

转载 Java日期格式化参数对照表

SymbolMeaningPresentationExampleGera designatorTextADyyearNumber2009Mmonth in yearText &...

2018-06-23 17:52:00 331

转载 HTML5 拖放、交换位置

设置元素为可拖放draggable 属性设置为 true: <img draggable="true" />拖动什么 - ondragstart 和 setData()dataTransfer.setData() 方法设置被拖数据的数据类型和值: function drag(e) { e.dataTransfer....

2018-06-21 16:19:00 265

转载 Mac快捷锁屏设置

Mac快捷锁屏设置：1.安全性与隐私-通用：进入睡眠或开始屏幕保护程序-->“立即”。2.桌面与屏幕保护程序- 触发角：启动屏幕保护程序注：第二步中触发角可以设置四个角中的任意一个角，鼠标滑到设置的那个角屏幕就会锁定。转载于:https://www.cnblogs.com/WEB-PHP/p/8536312.html...

2018-03-09 21:09:00 153

diaohaolou4102的博客