自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 ant-design-vue@1在线主题编辑器实现

:: tip本文介绍工作中碰到的需求,需要基于vue2、ant-design-vue@1版本和less实现使用了ant-design-vue组件库的项目在线配置主题。其中核心就是html支持直接引入,可以使用less.modifyVars修改变量动态编译。

2024-08-26 14:00:50 511

原创 a-select vModel时placeholder不显示问题

问题描述:select 组件绑定了v-model和placeholder,v-model的value默认值为空字符串或者null时,select组件的placeholder属性不显示。placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。因为在ant-design-vue中,当组件绑定了v-model且绑定值初始化时,值不再是空,即时初始化值为’'也视为有值,所以placeholder自然就不会显示。其实两个方案是一个原理,初始化成undefined未定义就好啦。

2024-06-18 10:29:55 575

原创 Cesium1.116开启地形照明报错TypeError: Cesium.createWorldTerrain is not a function

代码如图,运行报错TypeError: Cesium.createWorldTerrain is not a function。原因是:版本 107 中出现了一些重大更改,这些更改在。其中许多与 Promise 和异步操作的处理有关。并且必须使用await。

2024-05-07 10:15:49 889

原创 CSS属性计算逻辑

首先,假设在 HTML 中有这么一段代码,在 body 中有一个 h1 标题:

2024-04-07 10:09:13 844

原创 reFlow和rePaint

浏览器为了避免连续的多次操作导致布局树反复计算,比如第一行修改了元素宽度,第二行修改了元素高度,第三行修改了其他尺寸,浏览器会合并这些操作,并放到消息队列,等 JS 代码全部完成后再进行统一计算。但是代码书写过程中,我修改完可能需要立即获取当前的最新宽度,此时当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息,浏览器在反复权衡下,最终决定当有获取属性的代码时立即 reFlow。,此时能拿到网络返回的HTML字符串文本,接下来开始浏览器渲染的8个大步骤。

2024-04-03 12:01:02 1010

原创 TS基本概念

ts基本理论概念

2023-08-17 17:04:50 942

原创 element中El-form-item嵌套popover显示问题

【代码】element中El-form-item嵌套popover显示问题。

2023-02-08 15:55:32 1157 1

原创 git工作常用命令

git提交文件,本来是首字母小写的文件,改成大写,git提交之后,放到linux报错。手动更新package-lock.json。git忽略和查看已经被忽略的文件。远程某分支已经删除,本地还存在。本地某一个文件修改不需要提交。

2022-11-07 16:55:20 325

原创 vue-quill-editor 在vue2中禁用和启用

vue-quill-editor 在vue2中禁用和启用

2022-08-08 11:21:04 1018 1

原创 前端 浏览器 IndexDB

前端 浏览器 IndexDB

2022-07-13 14:46:04 270

原创 PWA之server-worker

前端页面性能优化,页面缓存方案PWA之server-worker

2022-07-13 14:22:22 279

原创 node+ECS云+mysql+pm2

node+ECS云+mysql+pm2

2022-07-13 14:02:03 115

原创 window10的navicat远程连接CentOS7的msyql8

window10的navicat远程连接CentOS7的msyql8

2022-07-13 13:58:09 174

原创 读张鑫旭老师的《CSS世界》总结

css特性

2022-07-13 10:19:14 264

原创 2021-08-13 css-项目布局的时候左侧菜单和内容高度不一样 怎么对齐呢?

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> span{ width: 300px; display: inline-block; } </style></head><body> <div style="overflow: hidden;"> <div .

2021-08-19 10:51:27 145

原创 2021-08-13 css 炫酷的loading图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l.

2021-08-19 10:51:13 332

原创 2021-08-13 css-js-炫酷的原生选项卡切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l.

2021-08-13 14:48:00 225

原创 2021-08-13 今年你家商品有优惠券吗

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l.

2021-08-13 14:46:25 112

原创 2021-08-13 js-有时候也需要原生js解析地址栏参数的哟

// 获取地址栏参数function getQueryString(name) { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)') let r = window.location.search.substr(1).match(reg) if (r != null) { return unescape(r[2]) } return null}// 调用getQueryString('id'

2021-08-13 14:44:09 108

原创 2021-08-13 js-商品图片放大镜?

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>放大

2021-08-13 14:43:16 80

原创 2021-08-13 js-你还在为不同浏览器兼容问题而烦恼吗

// 创建一个对象,封装兼容的DOM 2级 事件处理函数 的添加/删除,获取事件对象,阻止事件冒泡,取消默认行为// 对象下只包含属性和方法,属性用于存储数据即变量,方法用来书写功能语句,即函数。var eventUntil = { // 兼容添加事件处理函数 addHandler: function(dom, type, fn) { if (dom.addEventListener) { dom.addEventListener(type, fn

2021-08-13 14:40:49 118

原创 2021-08-13 canvas+js超好看的随机验证码呀

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.

2021-08-13 14:39:27 127

原创 2021-08-13 canvas 超好看的动态粒子背景

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&lt

2021-08-13 14:37:10 382

原创 2021-08-13 cavas实现旋转五角星

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> canvas { border: 1px solid #000; } </style></head><body> .

2021-08-13 14:32:25 196

原创 2021-08-13原生div+css实现下拉菜单

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS下拉菜单实例模块</title> <style> body, ul, li {

2021-08-13 14:29:33 217

原创 算法-翻转整数

翻转整数给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。示例:示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21思路32位的整数,取值范围为Math.pow(-2, 31) - (Math.pow(2, 31) - 1)超出取值范围 返回0两种方案js方法翻转1实现const resolve = (x) => { if (typeof x !=='numbe

2021-07-09 15:44:40 151

原创 eleemntui的输入框回车导致页面刷新弹框关闭

一、问题描述element的弹框里面放一个input,当一个form元素中只有一个输入框时,回车时会触发浏览器提交事件,导致页面刷新,弹框关闭二、解决办法<el-form @submit.native.prevent>三、兼容方案如果弹框里面的input正好想绑定回车事件,如果用的是elemetui的el-input,@keyup.enter.native="方法名"...

2021-02-25 16:04:02 1035 1

原创 算法-斐波那契数列

什么是斐波那契数列数据这个数列有关十分明显的特点,那是:前面相邻两项之和,构成了后一项。f(0) = 0f(1) = 1f(n + 1) = f(n) + f(n-1)实现console.log(f(1450));//可以计算到1450位,不溢出普通递归 function fib (n) { if (n === 0) return 0 if (n === 1) return 1 return fib(n - 1) + fib(n - 2)} ...

2020-10-26 10:59:35 89

原创 webpack4搭建项目环境

webpack发展史在没有ajax和jQuery之前,前端是不存在打包这个说法的,js没有大规模使用,只做简单的时钟、mp3等效果,直接弄一个js文件引入就行 之后,人们开始使用iframe和flash等于服务器通信,因为这两种方式太过于tricky(棘手),直到google退出gmail的时候,人们发现了XMLHttpRequest,也就是AJAX,从此开始,前端出现了jquery等各种插...

2020-02-17 14:09:03 174

原创 css实现元素居中

定位 + top:50% + translateY(-50%) 父元素text-align:center;子元素display:inline-block; 浮动加相对定位实现.兼容性强,扩展性强。实现原理复杂 父元素的父元素相对定位,父元素绝对定位left为50%,子元素左浮动,相对定位,right为50% 弹性盒居中:display:flex; C3的fit-conte...

2020-02-17 14:08:33 100

原创 Python基础-数据类型-字符串和编码

一、简介龟叔 Guido van Rossum 在1989年圣诞节期间编写的一个编程语言。 Python为我们提供了非常完善的基础代码库,覆盖了网络、文件、GUI、数据库、文本等大量内容,被形象的称为‘内置电池’。 Python的定位:优雅、明确、简单 Python的缺点:运行速度慢,代码不能加密 安装Python,去https://www.python.org/downloads/w...

2020-02-17 14:08:22 132

原创 python的list和tuple-条件判断-循环-dict&set

一、list和tuplelist缺点:查找和插入的时间随着元素的增加而增加;list优点:占用空间小,浪费内存很少。list和tuple是Python内置的有序集合,一个可变,一个不可变。根据需要来选择使用它们。 list有序列表 tuple不可变列表二、条件判断简单的if else if else的判断 判断和input的结合 ...

2020-02-17 14:08:06 458

原创 获取link链接样式(非行间样式)的方法

javascript中获取非行间样式的方法我们都知道一般在javascript中获取样式一般用的是nodeObj.style.attr这个属性的,但是这个属性只能获取行间样式非行间样式比如写在样式表中的样式那么用nodeObj.style.attr获取就是一个空字符。今天我们来介绍下要获取节点计算后的样式就是不一定写在行间样式的方法。1:window.getComputedSty...

2020-01-14 11:48:52 416

原创 http理论

跨域资源共享(CORS)是一种机制 http是tcp/ip协议族的子集tcp/ip协议族tcp/ip协议族分为:应用层、传输层、网络层、数据链路层 为什么分层:如果互联网只由一个协议统筹,某个地方需要改变设计时,就必须把所有部分整体替换掉。而分 层之后只需把变动的层替换掉即可。把各层之间的接口部分规划好之 后,每个层次内部的设计就能够自由改动了。 应用层 决定了向用户提供应用服务...

2020-01-14 11:48:14 216

原创 基础的HTML+css+js

HTML1.HTML 指的是?您的回答:超文本标记语言(Hyper Text Markup Language)2.Web 标准的制定者是?您的回答:万维网联盟(W3C)3.在下列的 HTML 中,哪个是最大的标题?您的回答:<h1>4.在下列的 HTML 中,哪个可以插入折行?您的回答:<br>5.在下列的 HTML 中,哪个可以添加背景...

2020-01-14 11:47:08 414

原创 数据的扁平化处理

递归方式扁平化处理数据:4、数据的转化:

2020-01-14 11:41:59 2546

原创 socket和webSocket

webSocket使用场景社交聊天、实时弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育实况更新、视频会议/聊天、共享实时位置、在线教育、智能家居等。它们的共同点:都要求高实时性webSocket的诞生最开始的轮询polling每隔一段时间就询问一次,每次发送请求都会有http的header缺点:耗流量、耗CPU改进版长轮询long polling客户端发送...

2020-01-14 11:39:48 170

原创 js小技巧

一、移动端多行文本省略 无效问题// 多行文本省略@mixin ellipsis_duo($n) {display: -webkit-box;-webkit-line-clamp: $n;word-break: break-all;text-overflow: ellipsis;overflow: hidden;/*! autoprefixer: off */ 加上...

2020-01-14 11:38:40 161

原创 在react中使用类vue的路由

项目目录 eslint规范 路由优化 /src/router.js 类vue的方式定义路由,dynamic做路由懒加载 import { Router, Route, Switch } from 'dva/router';import dynamic from 'dva/dynamic' // 路由和models懒加载,按需加载import routes from './r...

2020-01-14 11:35:11 367

原创 阿里云ESC服务器之nginx使用

一、安装nginxyum list | grep nginx 命令查看nginx是否存在于ECS上 vim /etc/yum.repos.d/nginx.repo 编辑nginx的配置文件 yum install nginx 之后就可以安装nginx了,安装完用nginx -v查看版本二、nginx基本配置文件在使用yum安装完Nginx后,需要知道系统中多了那些文件,它们都安装到了...

2020-01-14 11:31:22 1019

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除