- 博客(8)
- 收藏
- 关注
RSS订阅
原创 那些常用却又常忘记的css样式
1. input中的placeholder首先我们定义一个input： <input type="text" placeholder="你点我啊！" />当我们使用输入框input中的placeholder时经常需要调里面字体的大小和其他样式，（由于兼容性问题，对应浏览器不同，所以要针对浏览器用不同的代码。）这时就需要用到如下代码：input::-webkit-input-placeholder { /*谷歌*/ color: red; .
2020-09-27 21:27:19
1732
2
原创 vue如何在一个页面点击某事件携带参数跳转另外页面？
VUE跳转产品需求实现方法产品需求后台系统有一个主页面，里面包含了另外其他页面的数据汇总，点击某个字段要跳到对应页面去详细查看其数据。如图：点击橙色数字便会跳到相应页面去看具体数据实现方法1.首先要给橙色数据添加相应的点击事件，并携带必要的参数，例如当前行的某些数据。我这里是需要传对应的工厂。代码如下：// An highlighted block <template slot-scope="scope"> <span
2022-01-18 17:29:23
4957
原创 Vue使用Echarts的一些小细节
echarts使用过程Vue安装Echarts项目中使用实战中遇到的问题1.echarts改变图的位置/变成双柱状图2.点击echarts图表穿透进详情3.echarts图例/环形图上展示value值Vue安装Echartsnpm install echarts --save或者下载echarts的文件夹在项目中，注意存放的路径项目中使用1.把echarts方法存放在自定义参数中例：var echarts = require(‘echarts’)2.在html设置一个容器3.使用原生的获取
2021-12-31 15:31:11
569
原创 ESLint相关配置以及使用
因为在重装系统后，vscode遇到了eslint规范代码之后不起作用的问题，所以总结一下。文章目录eslint的下载相关文档配置eslint的下载在vscode里面下载如图ESLint的插件相关文档配置在程序的主目录中就是最后vue.config.js的文件上方有一个*.eslintrc.js*的文件。打开之后会在这里可以看到，rules，在rules中可以添加一些二自己想不让eslint限制的报错。...
2021-12-29 17:03:03
797
原创 手撕JS轮播图！
今天来总结一下纯JS轮播图的写法轮播图在前端应用的可以说是相当频繁的一个功能，虽然很多组件库都已经封装好类相关的组件，我们只需要调用修改img图片就行了，但是身为前端人员，能手动写出来一个轮播图的能力还是要有的，不然出去别人都会笑话你。。。。相关代码我会放到讲解的后面哦，有不懂或者有更好的方法欢迎评论区碰一碰。首先要对整个轮播图页面进行分析我们需要一个大容器box、一堆img、两个前后的按钮/图 以及一堆小点点 结构代码如下（之所以先在第一个img的a标签和第一个dot加类名active是为了让它
2020-12-22 19:44:04
189
原创 总结一下前端中Math和Number的常用API
总结一下前端中Math和Number的常用API再做原生JS项目时，我们经常会遇到那些，我们常用却容易忘记的API，所以今天我来总结一部分常用的API,但是要注意里面的一些坑！（这些坑都是关于判断Null,undefined,"",{},[],0,-0,true,false等）我把他们放到了文章最后的代码位置1. Math中的APIMath.random() 随机产生一个[0,1)之间的数字Math.**floor()**向下取整Math.ceil() 向上取整注意:floor和ceil并
2020-12-16 19:26:30
382
原创 小菜鸟对深拷贝和浅拷贝的独家简介
关于深拷贝和浅拷贝，这个是前端经常会问到的一个问题。下面我就来详细分析阐述一下他们的区别。首先我们要明确的是，只有引用类型才区分深浅拷贝。值类型没有深浅拷贝之分，它是天然深拷贝。浅拷贝的例子 var obj1 = { name: "xp", age: 20 }; var obj2 = obj1; console.log(obj1 === obj2); obj2.sex = "男"; console.log(obj2); consol
2020-12-14 23:13:48
125
1
原创 Vue调试神器vue-devtools安装
在chrome浏览器中安装扩展程序首先我们要知道vue-devtools是一款基于chrome游览器的插件，它的作用是用于调试vue应用，关键是可以极大地提高我们的调试效率。那么接下来我们就介绍一下vue-devtools的安装。第一种：直接在chrome浏览器网页上找到【设置】→左下角【扩展程序】→搜索【vue-devtools】但是这个需要跨域，用到vpn，可能有部分人没办法下载。第二种方法（我发给你哈哈哈）链接放在下面啦，下载完成后只需要把文件托放到扩展程序里面即可下载链接提取码：x
2020-09-28 19:56:46
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人