- 博客(32)
- 收藏
- 关注
RSS订阅原创 自定义虚线
自定义虚线 用过渡的方法width: 100%;height: 1px;//单个过渡过程background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);//单个过渡宽度background-size: 16px 1px;background-repeat: repeat-x;效果
2022-04-28 13:58:24
151
原创 踩坑 antd 3.0 DatePicker 时间区间 日期禁用错误解决方案
antd 3.0 DatePicker 时间区间 日期禁用错误解决方案import React, { PureComponent } from 'react';import XMIcon from '@/components/PhoenixUI/XMIcon';import { Col, Form, Row, Icon, Radio, Button, Tooltip, message, DatePicker } from 'antd';import TrimInput from '@/compone
2021-12-03 11:37:47
1468
原创 antd踩坑， DatePicker disabledDate设置时间禁用时，无法选择当天时间
把 showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }} 改成 showTime={{ defaultValue: moment('23:59:59', 'HH:mm:ss') }}第一次点击 时间框不能选择当天时间，选择后一天，然后就可以选择当天了
2021-12-02 15:19:29
1955
原创 文字超过两行自动隐藏显示省略号
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2021-09-15 17:11:54
74
原创 react 子传父 子组件this传给父组件
子组件componentDidMount() { const { onRef } = this.props; onRef(this); }父组件组件传ref<CourseEdit {...this.props} onRef={ref => (this.child = ref)} />此时的this.child就是子组件的thisonSave(this.child.state.studentCks);...
2021-09-02 14:50:55
150
原创 npm yarn
npm uninstall -g vue-clinpm install -g @vue/cliyarn global remove vue-cliyarn global add @vue/cl
2020-10-16 10:59:48
53
原创 git merge push 出现 fatal: refusing to merge unrelated histories解决方案
原文地址：https://blog.csdn.net/u012145252/article/details/80628451
2020-09-22 00:43:35
111
转载 HTML中& nbsp； & ensp； & emsp；等6种空格标记
HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格( & nbsp; )是常规空格的宽度，可运行于所有主流浏览器。其他几种空格( & ensp; & emsp; & thinsp; & zwnj;& zwj;）在不同浏览器中宽度各异。& nbsp;它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果
2020-09-09 09:33:21
5795
1
原创 nodejs简易爬虫，简单易懂，json数据不再发愁
nodejs简易爬虫使用nodejs实现简易爬虫主要会使用到三个nodejs包一、先来简单介绍一下这三个包1. superagentsuperagent： 主要是用在服务端发送 http 或者 https2.cheeriocheerio ： 把页面解析，并返回一个类似于 jQuery 选择器一样的函数3.fsfs : 这个包是node自带的一个包，无需下载直接饮用即可，主要是用来操作文件和文件夹的二、下面使用者三个包完成某电商网站
2020-09-05 16:53:52
428
原创 master -＞ master (non-fast-forward)
master -> master (non-fast-forward)报错一般git出现这个错误时，一般是出现在新创建的仓库，并且是第一次进行提交时我的理解是因为你在gitee或者github创建仓库时使用了初始化文件，导致git认为你的仓库是就仓库，而你的仓库是新的仓库。或者你在创建新仓库时忘记执行初始化操作 git init 指令导致的解决方法使用指令git push --你的仓库地址强行将你的代码提交到你仓库注意： 该方法只适用于第一次提交新建仓库使用，否则会覆盖之前仓库的内容
2020-08-28 09:15:01
2075
原创 typescript入门学习，小白不迷路
typescript学习typescript简介typescript类型typescript函数typescript对象typescript基本数据类型安装及使用typescript安装typescript
2020-08-22 20:14:35
653
原创 canvas剪切实现刮刮乐效果
完整代码实现原理：通过入栈出栈 保留原来的图片 每次按下都绘制新的图片 因为裁切，每次的图片进行叠加，就组成了刮刮乐的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2020-08-21 21:32:16
135
原创 canvas快速入门（五）canvas变形
canvas变形canvas变形主要分为三部分平移 ctx.translate(200,200);旋转 ctx.rotate(Math.PI/180*45);缩放 ctx.scale(0.5,0.5);下面是一些小案例及功能演示平移（ctx.translate()）这里先介绍一下入栈和出栈入栈 : ctx.save() 首先将结果进行保存出栈 ：ctx.restore() 将刚刚存取的红色拿出来对第三个设置为红色 //绘制三个等同的矩形块 ctx.fillS
2020-08-21 20:59:24
301
原创 canvas快速入门（四）canvas的文本，图片及canvas实现视频截屏功能
canvas文本填充文本ctx.fillText("ABC",100,100);参数字体内容字体位置x字体位置y字体宽度（可不设置，超过最大宽度会挤压）填充字体边线（空心字）ctx.strokeText("ABC",100,100); 设置字体ctx.font="46px 宋体"; 参数字体大小字体样式设置字体方向ctx.direction="ltr";参数文字从 左向有写(ltr) 还是 从右向左写(rtl)文本对齐方式 ctx.textAli
2020-08-21 20:33:11
168
原创 canvas快速入门（三）canvas实现笔触绘画案例
实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> canvas{
2020-08-20 22:29:26
385
1
原创 canvas快速入门（二）
canvas笔触线条 ctx.lineCap = "round"//超出去的圆角 butt 未出头的 squre 出头的链接处 ctx.lineJoin = "bevel"// 平角 round 圆角 miter 尖角设置边线的宽度 ctx.lineWidth = 5;设置边线颜色 ctx.strokeStyle = "red" 填充颜色 ctx.fillStyle = "#FFDD88"绘制路径 ctx.beginPath()
2020-08-20 21:52:15
345
1
原创 git快速上传项目，让项目不迷路
git代码托管本地代码创建基本结构推送到远程仓库;配置全局环境 : 仅需配置一次就可以了;配置指令 :git config --global user.name "你自己的用户名"git config --global user.email "你自己的qq邮箱"如何查看配置是否成功 : C:/user/用户名/.gitconfig 配置文件，永久存在于你的电脑上;建立本地仓库 :代码存在计算机的某个位置git仓库文件夹叫做 .git 隐藏文件夹指令 : git init;提示 : I
2020-08-19 22:54:40
520
原创 canvas快速入门(一)绘制简单的 矩形 圆形
设置canvas绘板<canvas width="400" height="300"></canvas>获取canvas元素 var canvas = document.querySelector("canvas");获取绘板var ctx = canvas.getContext("2d");设置背景色 ctx.fillStyle = "red";绘制矩形// 参数 绘制的位置ctx.fillRect(0,0,200,200);擦掉部分矩形
2020-08-19 21:53:27
278
原创 CSS3常见样式总结
设置弹性盒模型box-sizing : border-box注意设置怪异模式之后，border不会把盒子撑大设置怪异模式之后，padding不会把盒子撑大限制textarea 禁止改变大小resize : none;设置外边线outline-width : 2px;//设置外边框轮廓宽度outline-style : solid;//设置外边框样式transition : all 0.5s;//过渡效果outline-offset : 30px;//设置外边框轮廓outline-
2020-08-19 21:40:22
211
原创 CMD常用指令
cd + 路径 ： 切换路径至当前路径dir ：查看当前所在目录的文件和文件夹。cls :清除窗口pwd ： 显示当前路径，打印工作目录工具名 -v ：查看当前工具的版本号ipconfig : 查看本地IP地址ping +地址 ：查看该地址知否可以连通netstat ： 查询电脑中开启的端口列表...
2020-05-25 10:54:21
286
1
原创 使用promise解决ajax异步问题
使用promise解决ajax异步问题基本代码结构 new Promise((resolve, reject) => { $.ajax({ url: "./hello.php", data: { keyword: "hi", }, success(data) { // 成功，传data给resolve的回调 resolve(data); }, fail(error) {
2020-05-20 20:57:14
313
3
原创 ES6中 async 与await的使用
ES6中 async 与await的使用async用于修饰函数await用于修饰promise对象await必须配合async使用async修饰的函数返回值为promise 对象async与await使用的基本结构 async function testFunc(){ console.log('testFunc执行了.....'); return new Promise((resolve, reject)=>{ resolve();
2020-05-20 20:42:11
114
原创 promise异步队列化
promise异步队列化promise异步队列化，使代码更简洁，可读性更高1.常见的异步程序主要有定时器事件绑定AJAX2.promise的使用首先需要创建一个promise对象，promise对象中有两个参数，若成功就调用resolve方法，失败调用reject方法 const promise = new Promise((resolve, reject)=>{ console.log('promise的函数执行了...'); // 执行异步操作
2020-05-20 13:24:14
416
原创 Ajax原理及封装
Ajax原理第一步：创建XMLHTTPRequest对象 var xhr = new XMLHttpRequest();第二步：配置 xhr 对象xhr.open("请求方式" , "请求地址");第三步：发送请求xhr.send( null );第四步：响应接收 xhr.onreadystatechange = function(){ // console.log(1)...
2020-03-29 20:35:01
110
原创 JS编写数字字母混合验证码
数字字母混合验证码(数字+大写字母+小写字母)首先我们要确定数字、大写字母和小写字母在unicode编码中的范围 :48 ~ 57 数字65 ~ 90 大写字母97 ~ 122 小写字母;然后我们封装一个生成范围随机数的函数并测试 function getRandomInt( min , max ){ return min + parseInt( Math....
2020-03-08 23:52:50
1284
原创 Math对象常见的一些API及使用方法
今天给大家介绍一下简单又实用的Math对象1.Math.ceil() 向上取整向两侧整型数中较大的数进行取整正数时 var num = 1.1; num = Math.ceil(num); console.log(num); // 2负数时 var num = -0.9; num = Math.ceil(num); console.log(num...
2020-03-08 23:11:18
213
原创 CSS清除浮动的8大方法
CSS清除浮动的8大方法及使用环境 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。为了解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还是有一些问题。下面总结8种清除浮...
2020-02-25 23:39:32
73
原创 浏览器内核以及代表作品
Trident 代表作：IE 元老级内核之一，由微软开发，并于1997年10月首次在ie 4.0中使用，凭借其windows垄断优势，Trident市场占有率一直很高。然而垄断并非，没有竞争就没有进步，长期以往，Trident内核一度停滞不前，更新缓慢，甚至一度与W3C标准脱节。2011年，从ie 9开始，Trident开始支持HTML5和CSS 3，因此我们也经常会看到有些网站在浏览时...
2020-02-23 16:49:42
1565
原创 对BFC的深层理解及应用
一、什么是BFC呢？BFC 即 Block Formatting Contexts (块级格式化上下文)自译： 如果BFC的盒子相当于985,211的高校，普通的盒子就是普通的大学
2020-02-23 14:01:16
247
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人