- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 IE11浏览器设置flex属性后子元素不能撑开父元素的高度
我也不知道是什么原因导致的在IE11浏览器中会出现问题，特此记录下来，希望路过的大神能看下上面错误的代码，给点提示。也希望自己下次再遇到这种表格时注意DOM结构的层次。下面这种DOM结构，写出来的效果在IE浏览器中会出现class为kspc-header 的部分高度不会被里面的子元素撑开，但是在Chrome浏览器没问题。上面结构的css样式为。IE11浏览器效果图。IE11浏览器效果图。
2023-04-04 17:23:02
718
原创 echarts之环形饼图中间显示文字
实现效果：环形饼图中间线显示汇总数据首次实现方法：使用echarts的配置项graphic代码：graphic: [{ //环形图中间添加文字 type: 'text', //通过不同top值可以设置上下显示 left: '51%', top: '40%', style: { text: '要显示的文字', textAlign: 'center', fill: '#1E7CE8', //文字的颜色 fo
2022-05-19 15:55:24
19253
6
原创 防止onresize事件触发多次
使用onresize事件监听页面变化时，会出现一次小的变化该事件触发多次的情况解决方案： 结合setTimeout使该方法在一定时间内只触发一次（即节流） 以vue项目为例data(){ return { resizeTimer: null }},methods() { useResize() { window.onresize = () => { if(this.resizeTimer){
2021-10-14 16:54:56
383
原创 css小技巧（未完待续。。。。）
css小技巧1、在定位模式下，使用right覆盖原有的left属性，需将left设置为auto，再设置right即可2、在做前端页面结构时必须要考虑不同分辨率显示问题，最好是以一个不变的div为父级进行定位这样会比较好调整3、强制一行显示并显示…overflow: hidden;text-overflow: ellipsis;white-space: nowrap;解决一排数字和英文不会折行显示的问题：word-wrap:break-word4、关于选择器*:not(.disabled)
2020-12-17 11:17:08
157
原创 aliplayer播放器使用
aliplayer播放器使用项目背景：vue-cli3.0， 使用播放地址方式播放1、aliplayer官网地址：(https://help.aliyun.com/document_detail/125548.html?spm=a2c4g.11186623.6.1099.33ee1bc7e0ebmi)2、使用方式index.html文件中引入所需文件<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8
2020-11-17 16:54:52
12227
原创 vue项目中使用swiper.js
vue项目中使用swiper.js版本号：“swiper”: “^4.5.1”,1、中间放大，两边缩小的swiper轮播图；页面接口代码：<div v-if="showbanner" class="swiper-wrap"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, i)
2020-10-21 15:02:04
3640
原创 通过外扫二维码判断手机是否有某App
先来说一下整个这一环节的流程：1、需要前端创建一个单独的页面，将这个页面的url告知后端同事，由他们生成一个二维码2、在手机端扫描二维码后，自动打开前端创建的页面3、该页面的所有逻辑都在打开页面的动作下触发4、在这个页面内我们去判断，使用什么工具来扫描的二维码，如果是浏览器扫描的话，我们可以直接进行是否已下载App的判断，如果是用微信扫描的话，需要给用户一个去浏览器打开链接的提示。因为微信...
2020-04-13 14:27:07
1840
原创 h5和移动端的交互
h5页面和移动端的交互最近公司做了一个app的项目，里面需要试题的展示，app那边对html代码的渲染做不到完全展示，所以需要h5的配合，我也有幸因此接触到了与移动端的交互方式本人是做前端的，所以这里只说一下前端的写法1、h5调用移动端的方法在h5调用Android方法时需要一个通讯桥梁，这个通讯桥梁的名字可以双方商量后决定，Android的调用方法：（其中JSBright是双方决定的通...
2020-01-20 17:05:35
1618
原创 面试题（vue篇1）
1、对于Vue是一套渐进式框架的理解Vue没有强主张，1、你可以在原有大系统的上面，把一两个组件改用它实现，当JQuery用2、也可以用它全家桶开发，使用完整的框架，像Angular3、还可以用它的视图，搭配自己设计的整个下层使用它只做了自己该做的事2、vue.js的两个核心：数据驱动、组件化3、V-if 和v-show 的区别相同点：两者都是判断DOM节点是否要显示不同点：1...
2019-12-25 16:55:24
161
原创 js使用BOS Uploader上传视频到百度云
1、先nmp install bce-bos-uploader在项目中安装BOS Uploader2、引入相关js文件在需要使用的vue页面中引入js相关文件import baidubce from "../../../../../static/bceupload/bower_components/bce-bos-uploader/bce-bos-uploader.bundle.js";...
2019-12-25 14:41:29
1529
原创 vue项目中如何使用有向无环图（dag-diagram）
如何使用有向无环图（dag-diagram）1、自定义右击事件偶现问题2、节点删除再添加反复操作几次会出现，删除一个节点多个节点一起消失3、检测是否成环关于有向无环图在vue项目中的使用和安装，已经有很多的文章有过介绍了，我在这就不再重复这些东西，本文主要介绍的是在使用dag-diagram（一下简称dag）这个插件时的小技巧或者说是一些经验吧1、自定义右击事件偶现问题 <DAGBoa...
2019-11-20 15:45:54
3953
原创 git相关指令（持续完善中。。。）
git相关指令（持续完善中。。。）切换分支：Git checkout 分支名查看项目地址： Git remote -v更改项目地址：git remote set-url origin 项目地址拉取其他分支并且合并代码先提交自己的代码，为后续切分支准备（XX1为自己的分支，XX2为想要拉取的分支）git addgit commit -m ‘yyy’git push origin...
2019-11-19 15:01:46
86
原创 VUE复盘
将获取到的包含HTML标签的内容渲染出来方法1v-html在项目中的使用率太低，以至于在需要使用v-html的时候忘记了。首先说一下v-html指令的作用：相当于innerHTML，当要显示的内容中包含HTML时，我们可能需要使用v-html来渲染页面，我在项目中通常在使用富文本编译器的地方使用v-html注意：在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击。只在...
2019-01-14 17:25:29
149
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人