- 博客(16)
- 资源 (30)
- 收藏
- 关注
原创 自定义ESLint代码检测规则
ESLint 是什么? ESLint 是一个可组装的javascript和jax代码检测工具。 官网ESLint 怎么使用? 1、 在项目根目录创建一个.eslintrc.js文件 2、对Eslint代码检测进行配置module.exports = { // 默认情况...
2019-08-30 17:45:03 819
原创 .editorconfig
.editorconfig 是什么? 在团队开发过程中,同一个项目不同的开发人员可能会使用不同的开发工具,比如Web网页开发,有些开发者会使用WebStorm、sublime、VSCode进行开发,这样会造成代码风格不统一,那么这时候就可以通过editorconfig来使不同的编译器保持同一种风格。.editorconfig 怎么使用? 1...
2019-08-30 09:56:21 577
原创 Cookie
Cookie 是什么? Cookie是一个由浏览器和服务器共同协作实现的规范。它可以记录服务器和客户端之间的状态,比如是否已经登录过了的状态。 服务器向客户端发送一个Cookie,客户端进行保存,当每次向服务器请求数据时都携带这个Cookie。 Cookie的格式为 kay=value;的形式 怎么获取Cookie ?...
2019-08-29 16:37:24 100
原创 在Vue项目中使用driver.js(页面分布引导)插件
driver.js 是什么? driver.js是一个轻量级、无依赖的页面分布引导插件。 GitHub源码 官方介绍及示例driver.js 怎么使用? 1、安装npm install driver.js 2、局部引入import Driver from 'driver...
2019-08-27 13:40:57 4630
原创 Web前端跨域(Access-Control-Allow-Origin)
什么是跨域? https://blog.csdn.net:443/qq_35366269 一个URL地址由协议(https://) + 域名(blog.csdn.net) + 端口号(443) + 资源地址(qq_35366269) 组成,当协议、域名、端口号中任意一个发生改变的时候,就会被当做是不同的源,这时候就会触发跨域的问题。 ...
2019-08-23 11:21:45 5941
原创 Web前端面试题--清除浮动
为什么要清除浮动? 在使用浮动的时候,元素会脱离标准流,会对页面的造成影响,破坏页面的原始结构。那么这个时候就可以清除浮动让元素能能够正常显示。清除浮动的几种方式: 1、使用伪元素来清除浮动(推荐使用) /* 使用伪元素来清除浮动(固定写法) */ .clearfix:af...
2019-08-22 16:26:29 399
原创 Web前端面试题--相对定位和绝对定位的区别
相对定位和绝对定位的区别是什么?绝对定位的特性: 1、当子元素没有父容器时,子元素会依赖body进行定位 2、当父容器中嵌套了一个子元素,此时父容器没有设置定位属性,而子元素设置了定位属性,那么这个子元素会依赖浏览器进行定位,而不会依赖父容器。详见案例1 3、当父容器中嵌套了一个元素,此时父容器设置了定位属性,...
2019-08-22 15:32:01 1520
原创 通过Echarts在Vue项目中绘制一个箱线图
背景: 已知下边缘,下四分位数,中位数,上四分位数,上边缘数据,通过Ecahrts进行绘制具体步骤: 1、安装Echartsnpm install echarts --save 2、在组建中局部引入Echarts import echarts from 'echarts'; 3、使用<template> ...
2019-08-16 10:13:59 2383
原创 ES6 的类中使用单例模式
核心代码:export default class ChartUtil { static getInstace() { if (!ChartUtil.instace) { ChartUtil.instace = new ChartUtil(); console.log('新创建了一个实例'); return ChartUtil.instac...
2019-08-13 16:46:56 1007
原创 Vue3.x运行单个Vue组件
具体步骤1、安装vue serve 的全局扩展npm install -g @vue/cli-service-global2、cd 到这个Test.vue的根目录3、通过如下命令运行vue serve Test.vue效果图:参考:https://cli.vuejs.org/zh/guide/prototyping.html...
2019-08-12 18:05:40 1373
原创 通过Webstorm创建一个Vue3.x项目
1、安装node.js 打开node官网,下载安装包进行安装选择安装路径,直接下一步即可安装完成以后,打开cmd命令窗口,输入 node -v 检测是否安装成功2、安装 vue-cli3 ps:可参考https://cli.vuejs.org/zh/guide/installation.htmlnp...
2019-08-12 17:38:34 5641
原创 JS中string数组和number数组之间快速互转
将string数组转换为number数组 let x1 = ['1','2']; console.log(x1); //["1", "2"] x1 = x1.map(Number); console.log(x1); //[1, 2]将number数组转换为string数组...
2019-08-12 10:44:35 5682
原创 在Vue项目通过echarts-stat 实现Process of Clustering(矩阵过程)图表
具体使用步骤: 1、安装 echarts 和 echarts-statnpm install echarts --save -devnpm install echarts-stat --save -dev 2、在main.js文件中全局引入echarts import echarts from 'echarts' Vue.c...
2019-08-09 11:15:44 5377 1
原创 在Vue项目中动态添加多个不同的组件
核心组件:<template> <div> ============================77、动态添加不同组件============================ <!-- :is="item.type" 根据当前类型加载不同的组件 --> <componen...
2019-08-09 10:19:38 7177
原创 在Vue组件中动态添加选择器
核心代码:<template> <div> ============================75、动态添加选择器 ========================= <ul> <!-- :class="{'now':selectName === item.name}" 表示如果当...
2019-08-02 10:09:58 1808
原创 通过js中的onmousedown、onmousemove、onmouseup事件水平分割窗口
核心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义分割窗口</title> <style> * { margin: 0; ...
2019-08-01 17:30:57 511
CSS3通过@font-face加载字体文件
2024-03-25
CSS3文字阴影text-shadow属性代码示例
2024-03-25
CSS3伪类选择器;例如:E:root、E:not等等
2024-03-25
CSS3 伪元素选择器,例如(E::before、E::after)
2024-03-25
CSS3 属性选择器;属性选择器其特点就是通过属性来选择元素;属性选择器的语法: E:attr;
2024-03-25
uniapp + vue3 + TypeScript + pinia + uviewplus
2023-11-03
Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程 该框架
2023-02-20
DubboAdmin是阿里巴巴管理提供的管理控制台,可以实现服务查询、详情展示、服务测试等功能,借由DubboAdmin可以更好
2023-02-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人