你，若盛开的专栏

原创 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `webpack` npm ERR! Exit s

webpack打包时，报如图错误问题产生的原因：webpack版本过高，可以自行降低版本或是采用如下方案：运行npm i -dev，安装一下开发环境下的依赖即可，随后再执行需要运行的命令，例如：npm run dev...

原创 vue项目中eslint报“error Extra semicolon semi”错误的解决

使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。解决方案如果希望 eslint 不检查分号这一项，在项目根目录下找到.eslintrc.js文件，为rules 属性新增配置：'semi': 0特别说明：如果我们希望在每个 js 代码每一个表达式的结尾都以分号结尾，则在 rules 字段增加配置： ‘semi’: [“error”, “always”] ，否则 eslint 会给出错误提示。...

原创 【vscode代码格式化】Prettier - Code formatter插件实现

1、安装扩展 Prettier - Code formatter2、希望实现vue的格式化可以额外添加插件 vetur3、在配置文件中加入如下代码，可以实现用户保存代码时即格式化具体规则可以根据代码风格自行更改，官方配置文档地址：https://prettier.io/docs/en/configuration.html // tab 大小为2个空格 "editor.tab...

原创 unknown option ‘--variant=xxx‘

unknown option '--variant=xxx'

原创 CSS中nth-child 选择除最后两个之外的子元素

css选择除最后两个之外的子元素

原创 css画间距可控制的虚线

css画间距可控制的虚线

原创 改变antd-mobile中Modal的进入方式

改变antd-mobile的Modal的进入方式

原创 【css】大事件哀悼。借助filter全网置灰

【css】大事件哀悼色，全网置灰，借助filter

原创 css取消浏览器input自动填充样式

css取消浏览器input自动填充样式

原创 css实现背景模糊且加蒙版

css实现背景模糊

原创 antd输入框禁止输入特殊字符

【代码】antd输入框禁止输入特殊字符。

原创 css选中最后几个子元素

css选中最后几个子元素

原创 如何用手机访问电脑本地的localhost

手机访问电脑本地的localhost

原创 如何解决VsCode保存代码之后出现格式化

VsCode编辑器保存

原创 【谷歌】CSS设置滚动条样式

CSS设置滚动条样式

原创 【富文本编辑器】利用wangEditor编写的React富文本编辑器组件

富文本编辑器

原创 IE11全屏下无法滚动

解决ie11的兼容问题

原创 从远程git仓库里的指定分支拉取到本地【本地不存在】

git命令

原创 css3横向滚动

/*段落中文本不换行*/white-space: nowrap;/*设置横向滚动*/overflow-x: scroll;

原创 js手写深拷贝

function deepClone(obj) { if(obj === null || typeof obj !=='object') return obj if(obj instanceof Date) return new Date(obj) if(obj instanceof RegExp) return new RegExp(obj) let newObj = new obj.constructor() for (let key in

原创 常见附件的后缀

// 视频类 const videoSufix= ["avi","wmv","mpg","mpeg","mov","rm","ram","swf","flv","mp4","wma","rm","rmvb","flv","mpg","mkv"] // 音频 const audioSuffix = ["wav","midi","cda","mp3","ape","flac","ogg","aif","aiff","mid","wma","ra","vqf"].

原创 js文件名去除后缀名

name.substring(0, name.lastIndexOf("."))

原创 【antd】Dropdown、Popconfirm保证使用滚轮会与原对象不分离脱离

核心代码getPopupContainer={triggerNode => triggerNode.parentNode}<Dropdown placement={"bottomRight"} getPopupContainer={triggerNode => triggerNode.parentNode} overlay={()=><Menu onClick={this.onClickMenu}>

原创 【Antd】Table内容强制刷新

借助key的不同来实现 <Table key={Math.random()*10} ...

原创 【Antd】InputNumber只能输入整数

<InputNumber min={0} max={9999} parser={text=>/^\d+$/.test(text)text:0}/>补充：也可以使用precision，对输入的内容做保留0位小数处理<InputNumber min={0} max={9999} precision={0}/>

原创 【antd】为Table指定key值

原创 【white-space】可用于antd-mobile中Toast组件中文本换行

// 和pre-wrap基本相同，但是保留所有空白，每个保留的空白的地方都能因为太长而自动换行white-space: break-spaces;

原创 onblur用于控制用户离开当前页面的应用

// window失去焦点时，记录一次切屏window.addEventListener('blur', this.cutScreen)

原创 Antd中 Select中在placeholder不生效

当给Select中value赋值后，placeholder会失效，最有效的方法：没有值时value设值为undefined的是时候，placeholder就好啦

原创 【动态生成带水印的图片】利用canvas.toDataURL 将图片转为base64

canvas.toDataURL(type, encoderOptions);1、type【可选】 图片格式，默认为 image/png，可选格式：“image/webp”,“image/jpeg”,“image/png”。其中png图片最大，jpeg次之，webp最小，可以用于压缩图片2、encoderOptions【可选】在指定图片格式为 image/jpeg 或 image/webp的情况下，可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围，将会使用默认值 0.92。可以通过数值大.

原创 web存储的方式

原创 face-api.js、webcamjs实现人脸比对

import React, { Component } from 'react';import * as faceapi from 'face-api.js';import * as webcamjs from 'webcamjs';import { Button } from 'antd';class FaceCompare extends Component { // 初始化摄像机 _initCamera = async () => { await faceapi.nets

原创 face-api.js、webcamjs循环拍照识别人脸数量

import React, { Component } from 'react';import * as faceapi from 'face-api.js';import * as webcamjs from 'webcamjs';import { Button } from 'antd';class FaceRecognition extends Component { // 初始化摄像机 _initCamera = async () => { await faceapi.

原创 超简单的借助face-api.js、webcamjs实现人脸拍照、图片上传

import React, { Component } from 'react';import * as faceapi from 'face-api.js';import * as webcamjs from 'webcamjs';import config from '@/services/config.js';import { Button } from 'antd';class FaceRecognition extends Component { // 初始化摄像机 _initC

原创 antd-mobile 选择器PickerView的使用

jsximport React, { PureComponent } from 'react';import { PickerView, Button, Toast } from 'antd-mobile';import { Icon } from "antd";import func from '../../util/commonFunc';import { hashHistory } from "react-router";import styles from './style1.le.

原创 empty 与 not 选择器

>p:first-child:not(:empty) + div{ audio { margin-top: 10px!important; } } >p:first-child:empty + div{ audio { margin-top: 10px!important; } }

原创 写专门针对ios设备的css

@supports(-webkit-touch-callout:none) { /*针对IOS的css*/}

原创 超长字符强制换行

word-break: break-all;未使用前使用后

原创 如何选择直接子元素中第一p为空的元素

/* 子元素中第一p为空时 */ >p:first-child:empty { height: 48px; }

原创 mac上禁用复制粘贴

document.onkeydown = (event)=>{ /* windows上禁用 ctrl + c*/ if (event.ctrlKey && window.event.keyCode == 67) { //禁用ctrl + c 功能 return false; } /* windows上禁用 ctrl + v*/ if (event.ctrlKey && window.event....