- 博客(17)
- 资源 (8)
- 收藏
- 关注
原创 React脚手架初始化项目
1、react脚手架意义脚手架是开发现代Web应用的必备充分利用 Webpack,Babel,ESLint等工具辅助项目开发。零配置,无需手动配置繁琐的工具即可使用关注业务,而不是工具配置2、使用react脚手架初始化项目初始化项目,命令: npx create-react-app my-projectnpx 目的:提升包内提供的命令行工具的使用体验原来:先安装脚手架包,再使用这个包中提供的命令现在:无需安装脚手架包,就可以直接使用这个包提供的命令create-react-ap
2021-02-27 16:12:46 259
原创 React.createElement,ReactDOM.render
<!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>Doc
2021-02-27 00:40:16 207 1
原创 vue组件命名方式/使用方式
1、定义组件名的方式有两种:使用 kebab-case当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 。Vue.component('my-component-name', { /* ... */ })使用 PascalCase当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。注意,尽管如此,直接在 DOM (即非字符
2021-02-26 13:56:46 7459 3
原创 echarts雷达图详细参数配置说明
应项目需求需要实现以下效果(当然也是最终的实现):接下来主要关于下面的几个参数进行设置雷达图的圈数雷达图支持绘制的类型:圆形和多角形雷达图在容器中的位置:center决定也就是雷达图中心在容器的位置雷达图每个方向的文字配置雷达图每个方向的文字到雷达图的距离:指示器名称和指示器轴的距离。雷达图中心发出的射线:坐标轴轴线相关设置雷达图每一圈,这个圈的样式: splitLine坐标轴在 grid 区域中的分隔线雷达图每一圈所分割出的区域的样式雷达图每一个焦点的样式10.雷达图每一个圈值,
2021-02-25 19:42:13 12744
原创 LCD字体前端实现(最详细)
LCD字体在前端的实现应项目需求需要实现如图效果(这也是实际效果图),做一个方法总结:具体实现步骤:1、首先到dafont下载你需要的字体,它提供的字体很多不止有LCD字体一种。点击1: 可以看到LCD字体下也有很多不同风格的点击2: 下载,解压2、打开fontsquirrel如图:3、选择最右边的自定义配置,为了尽可能多的兼容各个浏览器,按照以下选择:4、点击最上面的upload fonts 上传刚刚下载好(自己所需的那个)的TTF文件,滑倒下方 点击我同意,然后开始下载。5
2021-02-25 19:12:34 1642 4
原创 padding/margin样式的顺序含义
4种可能的情况,举例说明: padding:10px; 四个内边距都是10px padding:5px 10px; 上下5px 左右10px padding:5px 10px 15px; 上5px 右10px 下15px 左因为缺省与右相等,则为10px padding:5px 10px 15px 20px; 上5px 右10px 下15px 左20
2021-02-25 10:14:39 210
原创 css样式书写顺序
1、现象css样式属性有很多,开发过程中书写顺序对于浏览器渲染其实至关重要,但是大多数我们 都没有在意。2、css按照一定的顺序写的好处1、利于网页加载代码,加快代码加载顺序2、正确的样式顺序有利于查看维护3、正确的样式顺序也是css样式优化的一种方式。3、正确的书写顺序(1)定位属性:position display float left top right bottom overflow clear z-index(
2021-02-24 12:01:19 239
原创 vue中import引入模块时路径使用@符号,vue中路由懒加载的@符号
1、ES6中的重要一个内容就是:模块化1)、export:用户对外输出本模块(前端一个js文件可以理解为一个模块,eg:request.js)变量的接口 。2)、import:用于在一个模块中加载另一个含有 export 接口的模块(这个 js 文件一定要含有 export )。3)、而我们在使用 import 导入一个模块的时候通常这样使用:import util from ‘@/utills/request.js’或者路由懒加载: component: () => import(’@
2021-02-23 17:27:33 1123
原创 v-if和v-show的区别?以及如何进行选择
开门见山:v-if的初始化快,但是切换代价很高;v-show初始化慢。但是切换成本低a.共同点都是动态显示DOM元素b.区别i:实现方式不同 v-if是动态的向DOM树内添加或者删除DOM元素; v-show是通过设置DOM元素的display样式属性控制显示或者隐藏;ii:编译过程不同v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;iii:编译条件不同v-if是惰性的,如果初始条件为假,则什么也不做;
2021-02-19 14:01:36 156
原创 BFC是什么?有什么作用?一篇搞定
BCFBFC的定义新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入BFC的定义新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它
2021-02-18 15:16:10 509
原创 margin塌陷问题
margin塌陷问题1.同级盒子margin塌陷2.嵌套盒子margin塌陷1.BFC设置1.同级盒子margin塌陷方法一: 这一种塌陷处理方式:期望两个盒子的上下间距为200px1、 当设置两个盒子的margin-bottom: 100px; margin-top: 100px;由于塌陷会造成两个盒子的上下间距仅为100px。 如果不想处理可以直接设置两个盒子的margin-bottom: 200px; margin-top: 200px;(注意:如果margin-bottom: 50px;
2021-02-18 10:49:19 573 2
原创 javasript面向对象编程
JavaScript 面向对象编程面向对象介绍什么是面向对象程序中面向对象的基本体现构造函数面向对象介绍什么是对象?Everything is object (万物皆对象)对象到底是什么,我们可以从两次层次来理解。(1) 对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。(2) 对象是一个容器,封装了属性(property)和方
2021-02-07 14:46:49 122
原创 ES6结构赋值,一篇就够
ES6结构赋值1.基础铺垫(传统赋值取值方式)2.结构赋值3.字符串结构4.函数参数自动结构1.基础铺垫(传统赋值取值方式)var a = [1,2]var person = {name:"fanfusuzi",sex:"man"}(1)变量的申明和赋值:可以理解上面的代码分为这两步: var a; a=[1,2] 因为声明变量都会出现变量名的提升(声明变量这句代码会被提升到生效作用于最前面)var声明的是全局变量,而let const声明的是块级作用域(2)以往传统的取值方式 数组
2021-02-07 14:26:31 13614 5
原创 axios中then回调对返回数据赋值是是一个简单的浅拷贝造成的误解
原因: 此时是因为你第一次clone的时候没有输对密码,而git又记录下了这个不正确的密码。所以此时需要: 在Git上清除本地账号密码/保存账号密码解决方案: git中执行以下命令,然后再次进行克隆即可: git config --global credential.helper wincred git credential-manager uninstall...
2021-02-06 19:50:35 2095
原创 Array.prototype.flat() (扁平化数组 )
扁平化数组 Array.prototype.flat方法使用方法总结代码示例使用方法总结1. Array.prototype.flat() 用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。2. 不传参数时,默认“拉平”一层,可以传入一个整数,表示想要“拉平”的层数。3. 传入 参数<=0 的整数将返回原数组,不“拉平”。4. Infinity 关键字作为参数时,无论多少层嵌套,都会转为一维数组。5. 如果原数组有空位,Array.prototype.fla
2021-02-02 11:28:18 680
原创 element的在vue项目中的引入方式
element的引入方式完整引入按需引入完整引入 在 main.js 中写入以下内容: 需要注意的是,样式文件需要单独引入。import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', rend
2021-02-01 15:09:28 272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人