
前端
脑袋不够用的小渣渣
虚负凌云万丈才,一生襟袍未曾开
展开
-
【React问题解决】
Remove untracked files, stash or commit any changes, and try again.很久之前就遇到过这个问题,如今又遇到了,随手一记,以防忘记creact-react-app 构建项目之后,npm run eject 暴露项目配置这是git地址有问题,解决方法原创 2022-07-09 21:52:28 · 262 阅读 · 0 评论 -
CSS垂直居中的7中方法总结
CSS垂直居中的7中方法为了演示,首先创建两个嵌套的 div,然后设置一下大小和背景颜色这样比较容易看出效果。代码如下:// html<div class="outer outer-box"> <div class="inner inner-box"></div></div>// css<style>.outer { height: 100px; width: 100px; background-color: r原创 2022-01-16 23:15:26 · 397 阅读 · 1 评论 -
实现一个loading动画
loading动画:1、使用到的常用函数总结自定义属性:--*来声明变量名,var(--*)来使用,也许你要问了,为什么使用--不用$一类的呢,唉,那不是sass、less两个货用了吗var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。/* 对齐方式 */justify-content: center; /* 居中排列 */justify-content:.原创 2022-01-10 15:04:51 · 310 阅读 · 0 评论 -
Vue暴露的属性和方法
Vue暴露 一些属性和方法Vue 选项对象中还暴露了一些有用的属性与方法。在通过实例对象使用选项对象的属性时,属性前面都需要带上前缀 $,以便与用户定义的属性区分开来。例如:<script> const data = { a: 1 } const vm = new Vue({ el: '#example', data: data }) vm.$data === data // => true vm.$el === doc原创 2021-07-22 22:41:41 · 2905 阅读 · 2 评论 -
对象属性的遍历方法
可以使用Object.entries来遍历一个对象的属性,相比Object.keys,它可以同时访问属性的键和值。const Obj = { label:"name", value:25, age:"798"}Object.entries(Obj).forEach(([key,value])=>{ console.log(key,value);});Object.keys(Obj).forEach((key)=>{ console.log.原创 2021-06-14 11:47:00 · 127 阅读 · 0 评论 -
Echart数据可视化Gid坐标轴详细
mytextStyle={color:"#333", //文字颜色fontStyle:"normal", //italic斜体 oblique倾斜fontWeight:"normal", //文字粗细bold bolder lighter 100 | 200 | 300 | 400...fontFamily:"sans-serif", //字体系列fontSize:18, //字体大小};mylineStyle={color:"#333", //颜色,'rgb(128, 128, 128)'原创 2021-06-05 10:49:28 · 272 阅读 · 0 评论 -
Markdown使用
Markdown使用的符号:井号,星号,大于号,中括号,竖线,横杠,波浪线,反引号# ,*, > ,【】,|,-,~,`井号+ 空格:根据空格的个数显示各标题的大小,如果省事可以使用ctrl+1~6设置各级标题,如下面的1-5级标题星号有多种组成形式星号+空格:实星标记空格+星号+空格 :空心标记星号+文字+星号:文字变为斜体斜体文字星号星号+文字+星号星号:文字加粗加粗文字星号星号星号+文字+星号星号星号:文字斜体加粗*斜体并加粗*星号星号星号原创 2021-05-22 21:29:34 · 1383 阅读 · 0 评论 -
Vue状态管理的初步认识
一、vue状态管理 mutations和action练习// index.vue<template> <div> <h1>首页</h1> {{ count }} <button @click="handleIncrement">+1</button> <button @click="handleDecrease">-1</button>原创 2021-03-28 21:33:55 · 109 阅读 · 0 评论 -
前端基础ES6的更新
一、let 与varlet 与var的另一个重要的区别,就是let声明的变量不会在作用域中被提升。// name会被提升console.log ( name) ; // undefinedvar name = 'Matt ';// age不会被提升console.log ( age) ; // ReferenceError: age没有定义let age = 26;/**声明风格及最佳实践:1.不使用var有了let和 const,大多数开发者会发现自己不再需要var 了。限制自己只.原创 2021-01-26 21:27:55 · 333 阅读 · 0 评论 -
前端vue框架常用难点
一、父子组件的双向数据绑定,所以在子组件是不允许修改父组件的属性的解决办法:在子组件data中定义一个父组件传递过来的副本,再把该副本利用this.$emit("","")给传回去,父组件利用自定义事件接受该值<template> <!-- pagination --> <div class="pagination-container" v-show="total/10 > 1 ">共 {{ total }}条 <el-paginati原创 2021-01-26 21:24:32 · 608 阅读 · 0 评论