JoeYoung - 博客园

2020年9月25日

摘要：问题一： elementUI中el-table表格在flex布局下出现表格宽度一直在增大变化的问题解决方案：在table外层包一层div元素，设置css宽度继承自父级宽度，添加代码：position:absolute; width:100%;一般上级元素就设置这flex布局 flex:1;加入一阅读全文

posted @ 2020-09-25 11:14 JoeYoung 阅读(8032) 评论(0) 推荐(0)

2020年9月11日

JS获取当前日期，并将其格式化为 YYYY-MM-DD

摘要：相关代码： var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) my 阅读全文

posted @ 2020-09-11 15:36 JoeYoung 阅读(1322) 评论(0) 推荐(0)

2020年9月9日

el-select change 触发事件及 clear 清空内容触发事件

摘要： Select 选择器当选项过多时，使用下拉菜单展示并选择内容。为el-select设置clearable属性，则可将选择器清空。需要注意的是，clearable属性仅适用于单选。 Select Events 事件名称说明回调参数 change 选中值发生变化时触发目前的选中值 visible- 阅读全文

posted @ 2020-09-09 14:10 JoeYoung 阅读(26257) 评论(0) 推荐(0)

2020年9月8日

Vue 项目刷新当前页面

摘要：有时候我们在项目的页面中做了一些操作，执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。原来解决办法： 1、原始方法： location.reload(); 会出现短暂的闪烁，画面一闪，体验不是很好 2、vue自带的路由跳转： this.$ 阅读全文

posted @ 2020-09-08 11:14 JoeYoung 阅读(554) 评论(0) 推荐(0)

2020年9月7日

Vue 使用 vue-echarts 图表插件

摘要：以前都用的是 echarts 插件，这次的项目要用 vue-echarts 插件。 vue-echarts 和 echarts 的区别： vue-echarts是封装后的vue插件，基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件阅读全文

posted @ 2020-09-07 16:13 JoeYoung 阅读(10977) 评论(0) 推荐(0)

2020年9月3日

Vue 路由跳转、传参、接参四种方式

摘要：一、router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}">  注意：router-link中链接如果是'/'开始就是从根阅读全文

posted @ 2020-09-03 10:48 JoeYoung 阅读(10952) 评论(0) 推荐(0)

2020年8月31日

webpack 之 proxyTable 设置跨域

摘要：为什么要使用proxyTable 很简单，两个字，跨域。在平时项目的开发环境中，经常会遇到跨域的问题，尤其是使用vue-cli这种脚手架工具开发时，由于项目本身启动本地服务是需要占用一个端口的，所以必然会产生跨域的问题。当然跨域有多种解决方式，这里就不一一例举，下次弄篇文章单独讲，在使用webpa 阅读全文

posted @ 2020-08-31 16:37 JoeYoung 阅读(395) 评论(0) 推荐(0)

2020年8月7日

常见的移动端H5页面开发遇到的坑和解决办法

摘要：转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，阅读全文

posted @ 2020-08-07 15:02 JoeYoung 阅读(3449) 评论(1) 推荐(0)

2020年8月5日

CSS3 Transform 属性详解

摘要：今天我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。 Transform字面上就是变形，改变的意思。在CSS3中transfo 阅读全文

posted @ 2020-08-05 16:55 JoeYoung 阅读(1316) 评论(0) 推荐(0)

CSS3 @keyframes 规则

摘要： @keyframes 是实现过渡动画的方式。在动画过程中，通过更改css样式，实现从一个CSS样式设定到另一个。定义和用法通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来阅读全文

posted @ 2020-08-05 10:28 JoeYoung 阅读(432) 评论(0) 推荐(0)

2020年7月31日

H5调用原生APP的js方法

摘要：和原生开发定好调用的方法名： function appMessage(str) { str = String(str); var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Andro 阅读全文

posted @ 2020-07-31 10:42 JoeYoung 阅读(2554) 评论(0) 推荐(1)

2020年7月30日

setTimeout 和 setInterval 的区别及相互模拟

摘要：这几天用到了 setinterval()，但是发现 setInterval 有缺点，都建议用 setTimeout 模拟 setInterval，也可理解为链式的 setTimeout。所以这里总结一下settimeout()和setinterval()的区别，以及它们之间的相互模拟。一、setT 阅读全文

posted @ 2020-07-30 11:26 JoeYoung 阅读(7875) 评论(0) 推荐(1)

2020年7月29日

jQuery 旋转插件 jqueryrotate 用法详解

摘要： jqueryrotate 是可以实现 jQuery 旋转效果的插件，它支持 Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用duTransform，低版本ie使用VML实现。 rotate() 阅读全文

posted @ 2020-07-29 16:19 JoeYoung 阅读(4101) 评论(0) 推荐(0)

2020年7月28日

alert 弹窗去掉上方 title 网址域名

摘要：在页面中添加弹框元素，自定义其样式，默认隐藏注：alert()方法重写，不能传多余参数（仅去掉网址） window.alert = function (name) { const iframe = document.createElement('IFRAME'); iframe.style.dis 阅读全文

posted @ 2020-07-28 09:24 JoeYoung 阅读(5618) 评论(0) 推荐(1)

2020年7月27日

移动端H5 转盘抽奖

摘要：移动端h5的转盘抽奖项目介绍：根据用户id，每天可以抽奖一次，有实物奖、积分奖、及谢谢参与。效果图：具体 jqueryrotate 简单用法请参见： https://www.cnblogs.com/joe235/p/13397737.html html 代码： <!DOCTYPE html> 阅读全文

posted @ 2020-07-27 11:15 JoeYoung 阅读(3630) 评论(0) 推荐(0)