- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 echart折线图区域背景渐进、坐标轴样式设置
先看效果：代码实现如下：option = { backgroundColor: 'blue', title: { text: '', // 标题 left: 18, top: 5, textStyle: { color: 'rgba(255,255,255,.6)', fontSize: '29', align: 'right' } }, // 弹出层样式 tooltip: { trigger: 'axis', bord.
2022-01-17 14:28:14
1229
原创 如何解决浏览器音视频video/audio设置自动播放autoplay无效问题？
问题背景：项目需要在用户初始化登录进去时，查看消息列表，有消息则需提示消息提示音，这就需要解决浏览器音视频无法设置自动播放问题。解决方案：1、首先造成这个问题的原因在于chrome浏览器为了防止网页广告，在2018年取消了自动播放功能，需要手动配置。配置分新旧版本：旧版本： （1）在浏览器搜索框中输入：chrome://flags/（2）在上图页面搜索框中输入 Autoplay 搜索（3）找到 Autoplaypolicy 项，将默认值 De...
2021-09-06 23:22:14
12231
6
原创 相对定位和绝对定位区别
HTML代码：<div id="test1">111111111111111</div><div id="test2">222222222222</div><div id="test3">333333333333333</div>CSS代码：#test1 {
2019-02-18 11:53:47
5204
原创 搭建vue项目（基于vue-cli脚手架）
一、vue-cli 1.x 或 2.x 版本 安装vue-cli脚手架：npm install vue-cli -g 初始化项目：vue init webpack my-vue （my-vue为项目名称） 步骤二回车选择项目中需要安装的一些工具等，需要则y，不需要则n 完毕后进入项目：cd my-vue 启动项目：npm run dev二、vue-cli 3 版本（包名称为 @...
2018-11-20 10:06:01
247
原创 如何在手机上预览本地h5页面
很简洁的一个方法：1.安装nodeJS环境2.在当前所在项目文件夹下输入命令：npm install anywhere -g3.输入命令：anywhere，即可在浏览器以本机ip地址为域名，自动打开该项目所有的根目录此时，直接将该地址在手机浏览器打开，即可在手机上预览页面效果参考：https://www.jianshu.com/p/64149a0f5227...
2018-10-09 23:26:10
12364
1
原创 正确给table加边框
该文章解决用table标签画表格时，用border属性产生的表格重合线加粗的问题。css部分：table,table tr th, table tr td { border:1px solid #a8aeb2; padding: 5px 10px;}table { min-height: 25px; line-height: 25px;...
2018-09-24 22:30:58
4750
原创 CSS下镜像翻转（水平/垂直翻转）
css下镜像翻转两种写法：利用css动画属性rotate旋转来实现：/* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: ro...
2018-09-14 15:32:57
121508
3
原创 css实现文字“一行/两行”显示，超出部分省略号显示
1.文字一行显示：div { width: 150px; overflow: hidden; text-overflow: ellipsis; /* 文字超出部分省略号显示 */ white-space: nowrap; /* 不换行 */} 2.文字两行显示：div { text-overflow: -o-ellipsis-...
2018-09-12 18:18:45
4189
原创 html2canvas 插件实现网页截图（html保存为图片）
1、html2canvas 官网： http://html2canvas.hertzen.com/html2canvas 是一款利用javascript进行屏幕截图的插件。可以使用两种语法格式进行截图： 通过在 html2canvas(需要截图的元素).then(function(){}) 的方式向body中 append canvas 图形。 html2canvas(docume...
2018-09-06 20:53:32
40438
4
原创 canvas 画绕圆心旋转的扇形
先看效果图（为了颜色对比明显，搭配的颜色比较丑，大家可根据项目修改颜色）：上代码：（1）css部分：.middleCircle { display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; ...
2018-09-04 15:12:26
3002
原创 css设置滚动条样式
先看效果图附上效果图代码：1.style部分<style> /*定义滚动条样式（高宽及背景）*/ ::-webkit-scrollbar { width: 6px; /* 滚动条宽度， width：对应竖滚动条的宽度 height：对应横滚动条的高度*/ background: #...
2018-08-29 16:49:06
13645
1
原创 $('#userName')[0] 与 $('#userName').eq(0) 的区别
先看官方对jquery eq() 的说明： 如果给定表示 DOM 元素集合的 jQuery 对象，.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。注意：这里eq() 返回一个jquery对象，可以使用jquery的属性，方法。看一段代码：<div id="userName">test...
2018-08-21 23:33:30
3770
原创 设置echarts相关样式（包括动态传值，动态获取坐标轴上最大值及间距等）
最近利用echarts画图，总结了一些常见的样式修改，以及动态传值等知识点：// 动态传值，可从后台获取数据赋值var xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月'];var yAxisDataBar = [122, 300, 600, 100, 900, 540];var data:yAxisDataLine = [1, 23, 22...
2018-08-21 18:49:12
8144
原创 echarts设置饼图标示线以及标示文字的颜色等相关样式
在series字段中增加以下属性，注意要在series字段属性中增加：labelLine:{ normal:{ length:5, // 改变标示线的长度 lineStyle: { color: "red" // 改变标示线的颜色 } },},label: { ...
2018-08-19 21:47:57
39349
4
FeHelper前端助手
2022-02-10
allow-cors-access-control插件
2022-02-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人