自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

程序员小翟

余生很短,别让遗憾太长

  • 博客(18)
  • 收藏
  • 关注

原创 NPM私服搭建步骤及使用

在工作中,我们常常会开发很多通用性代码,比如我们用过的UI库、工具类、公用业务逻辑代码等。这时可将这些库发布到npm,需要的项目安装使用即可,但是发布到公网npm无法保证源码的私密性,这时我们就需要使用到私有npm仓库。......

2022-08-01 22:00:00 3203

原创 uniapp中使用echars解决编译后文件过大问题

解决echarts.js文件过大的问题

2022-07-15 12:41:50 1986 1

原创 uniapp中分包配置subPackages、preloadRule使用

pages.json用于uni-app的全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。由于各个小程序平台的限制和优化启动速度。我们可能需要用到分包机制——例如,在微信小程序中生成的单个包大于2M时,无法上传。所以,我们需要使用subPackges和preLoadRule配置进行分包。...

2022-07-15 12:39:21 5533

原创 Promise

Promise使用、Promise回调地狱、Promise封装Ajax请求、Promise.catch、Promise.then

2022-04-01 11:26:36 297 1

原创 HTTP请求消息和HTTP响应消息

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-07-02 12:28:28 223

原创 用CDN方式引入Vue、Axios兼容IE浏览器的ES6语法处理

Vue、Axios 兼容性处理用cdn 方式解决IE浏览器不兼容ES6语法问题引入es6-promise、es6-promise.auto只要在原本引入axios的cdn之前,引入es6-promise、es6-promise.auto<script src="./js/es6-promise.min.js"></script><script src="./js/es6-promise.auto.min.js"></script>引入Vue、

2021-01-13 11:59:57 4288 2

原创 css制作的打勾(√)小图标和可输入的div、span

可输入span、divspan div { text-decoration: underline;}span:before, span:before { content: ' '; white-space: pre;}span:after,div:after { content: ' '; white-space: pre;}<span contenteditab...

2020-03-09 09:29:01 2168

原创 js 屏幕滑到底部自动加载

html, body, ul, li { margin: 0; padding: 0; border: 0; vertical-align: baseline; } body, html { line-height: 1; font-family: "Microsoft YaHei", Arial, Helvetica, sans...

2020-02-24 11:00:09 308

原创 CSS 三大特性

层叠性层叠性指多种CSS样式的叠加,如果一个属性通过两个相同的选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉。比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。样式不冲突,不会层叠div { color: skyblue...

2019-11-12 13:39:47 205

原创 display 显示、visibility 可见性、overflow 溢出

display 显示 display 设置或检索对象是否及如何显示。 display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。 特点: 隐藏之后,不再保留位置。visibility 可见性 设置或检索是否显示对象。 visible :  对象可视 hidden :  对象隐藏 特点: 隐藏...

2019-11-12 12:19:49 168

原创 CSS 4种清除浮动

浮动元素不占有原文档流的位置,它会对后面的元素排版产生影响。清除浮动主要是为了解决父元素因为子元素浮动引起内部高度为 0 的问题。1. 额外标签法优点:通俗易懂,书写方便。<div style=”clear:both”></div>缺点:添加许多无意义的标签。clear 属性清除浮动,基本语法格式:属性值说明left不允许左侧有浮动元素...

2019-11-12 12:18:57 166

原创 Flex 布局 + 原理

Flex 布局原理通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。主轴与侧轴在flex布局中,是分主轴和侧轴两个方向的。同样的叫法有:行和列、X轴和Y轴。默认主轴方向是X轴方向,水平向右。默认侧轴方向是Y轴方向,水平向下。div { display: flex; width: 80%; height: 300px; background-color: pin...

2019-11-08 19:11:31 1738 1

原创 Map 数据结构

map 声明let json = { name: '张三', sex: '男'}var map = new Map();map.set(json,'value');map.set('key',json);Map的key可以是对象也可以是字符串,值也可以是字符串或对象。这都是符合map的语法规范的Map 删 查 取值 清空删除 delete() 方法let...

2019-11-07 18:28:20 186

原创 Proxy 对象进行预处理

Proxy 用于修改方法或对象的默认行为,简单理解为它是函数或对象的生命周期。例如:在处理目标方法或对象前后做一些数据的初始化。Proxy 对象的定义new Proxy({ }, { });第一个花括号:处理对象或方法主体。第二个花括号:Proxy 代理处理区域。代码实例:var pro = new Proxy({ add: function (val) { ...

2019-11-07 18:15:16 335 1

原创 ES6开发环境搭建(Babel把ES6编译成ES5 + live-server服务器)

1.新建项目工程加目录src:书写ES6代码的文件夹。dist:利用Babel编译成ES5代码的文件夹,在html页面需要引入这个文件夹里面的js文件。2.编写src下的index.js 文件3. 初始化项目在安装Babel之前,需要用npm init先初始化我们的项目,在终端输入 npm init -y命令执行完成后,会在项目的根目录生成 package.json 文件可以...

2019-11-05 12:16:38 631 4

原创 Symbol 在对象中的作用

Symbol 声明先来看一下数据类型,在最后看看Symbol如何声明,并进行一个数据类型的判断。var a = new String;var b = new Number;var c = new Boolean;var d = new Array;var e = new Object;var f = Symbol();console.log(typeof (f)); // 控制台...

2019-11-04 17:02:01 405 2

原创 Promise 对象的使用

Promise 对象的出现很好的解决了回调地狱的问题,在使用ES5开发时多层嵌套回调,代码层次过多,很难进行维护和二次开发。那如何使用promise对象,你可以想象他是一种承诺,当它成功时执行一些代码,当它失败时执行一些代码。它更符合人类的行为思考习惯,而不在是晦涩难懂的冰冷语言。Promise 的基本用法先来模仿一个多步操作的过程,就以用户为例,要经过三个步骤。这个过程有一定的顺序,必须...

2019-11-04 16:27:39 153 2

原创 ES6中的Set和WeakSet数据结构

Set 数据结构Set 声明let setArr = new Set(['a', 'a', 'b', 'c', 'd']);console.log(setArr); // 控制台输出 { "a", "b", "c", "d" }Set和Array的区别是Set不允许内部有重复的值,如果有只显示一个,相当于去重。虽然Set很像数组但它不是数组。Set 增 删 查追加 add() 方...

2019-11-02 18:18:53 163 1

空空如也

空空如也

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

TA关注的人

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