前端
关注
分享
扫一扫
悠悠-我心
水不撩不知深浅,人不拼不知输赢。
展开
-
Vue-pdf 实现文件预览功能
参与github 文档GitHub - FranckFreiburger/vue-pdf: vue.js pdf viewer完整示例代码<template> <div class="app-container"> <el-col :span="1.5"> <el-button @click="handleBack" icon="el-icon-d-arrow-left" size="mini" type="pri.原创 2022-05-12 14:18:36 · 980 阅读 · 0 评论 -
Vue history模式安卓分享没有问题 微信分享IOS无效解决办法
使用vue采用history模式进行开发，微信自定义分享，在签名debug没有报错的情况下，PC端开发者工具以及安卓都没有问题，但唯独IOS不行用SPA做微信h5，调用微信jssdk的页面，安卓微信上木有问题，ios微信报当前url未注册经过调试，是ios微信版本问题导致页面跳转url未变化，导致验签失败router.beforeEach((to, from, next) => { var u = navigator.userAgent; var isiOS = !!u...原创 2022-05-12 13:53:37 · 871 阅读 · 0 评论 -
css 文本两行显示，超出省略号表示
css 文本两行显示，超出省略号表示重点：text-overflow: ellipsis;只对display：inline；起作用<span class="a">我想说<b class="b">什么时候能喝到秋天里的第一杯奶茶</b>说说色儿</span>a{ display:block/inline-block; width:100px; overflow: hidden; white-space: nowrap; text-o原创 2021-08-09 15:07:46 · 258 阅读 · 0 评论 -
vue-cli3.0 x 兼容IE配置
一、安装babel-polyfillnpm安装npm install babel-polyfill --save或yarn安装yarn add babel-polyfill --save二、修改 vue.config.js webpack 配置chainWebpack: config => { // 其他配置 config.entry('main').add('babel-polyfill') // main是入口js文件 // 其他配置}三原创 2021-03-31 14:39:26 · 404 阅读 · 0 评论 -
VUE添加全局函数或全局变量以及单页面的title设置
传统的设置title的方法是：document.title = ‘title’但是这种写法在iOS的微信上是不兼容的这里设置title的方法是通过 避免了安卓和iOS的不兼容写法export function setDocTitle(title) { var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 var isiOS =原创 2021-02-22 19:42:05 · 591 阅读 · 0 评论 -
vue中路由以及动态路由跳转
路由跳转第一种：<router-link to='需要跳转到的页面的路径‘>//浏览器在解析时，将它解析成一个类似于<a> 的标签。第二种this.$router.push({ path:'/index'})动态路由（可传递参数）this.$router.push({path: '/user',query:{uid: id}})获取路由参数this.$route.query.uid...原创 2021-02-01 13:45:26 · 759 阅读 · 2 评论 -
mac 安装yarn及超时There appears to be trouble with your network connection. Retrying……
mac 安装yarn通过HomeBrew安装brew install yarn升级yarn brew upgrade yarn查看版本yarn -vyarnThere appears to be trouble with your network connection. Retrying……更换淘宝镜像yarn config set registry https://registry.npm.taobao.orgyarn config delete pro...原创 2020-12-26 11:11:56 · 771 阅读 · 0 评论 -
页面通过header进行跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="0; url=/jenkins" /> <title>Title</title></...原创 2020-02-02 09:47:36 · 822 阅读 · 0 评论 -
js获取手机屏幕宽度、高度
网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全...原创 2019-11-26 23:20:26 · 913 阅读 · 0 评论 -
切换多个swiper之后滑动轮播图底下的分页器不动了？
之前没用过Swiper，专门去官网看了一下demo和API。楼主的问题不是Swiper插件出现Bug，而是你在createSwiper()函数中，用一个局部变量"var swiper = Swiper()"去创建一个Swiper实例后，再次调用createSwiper()函数时，没有对之前创建的实例进行释放，从而出现问题。刚才测试了一下，你的方法不清楚会不会造成内存泄漏，但是Paginatio...原创 2019-09-10 10:29:59 · 2226 阅读 · 0 评论 -
为ckeditor编辑器添加行距功能
为ckeditor编辑器添加行距功能，添加之后的效果如下：具体做法是添加插件：在目录“\ckeditor\plugins”下添加插件目录“lineheight”，目录“\ckeditor\plugins\lineheight”下的文件截图如下：然后需要对\ckeditor\config.js文件进行修改，即添加行距插件： config.extraPlugins += (c...原创 2018-07-26 11:38:13 · 1672 阅读 · 0 评论 -
Java正则表达式的语法与示例
概要：Java正则表达式的语法与示例| |目录1匹配验证-验证Email是否正确2在字符串中查询字符或者字符串3常用正则表达式4正则表达式语法1匹配验证-验证Email是否正确Java | 复制1234567891011121314public static void main(String[] args) { // 要验证的字符串 String ip = "254.249.199....原创 2018-03-30 10:51:49 · 184 阅读 · 0 评论 -
SpringCloud 解决第一次请求Eureka报超时异常的方案
# 解决第一次请求报超时异常的方案：# hystrix.command.default.execution.isolation.thread.timeoutInMilliseconds: 5000# 或者：# hystrix.command.default.execution.timeout.enabled: false# 或者：feign.hystrix.enabled: false ## 索性...原创 2018-03-01 00:29:39 · 5514 阅读 · 1 评论 -
ECharts3中的图表大小自适应
最近在写一个地图类的应用，用的是echarts的图表，然而一上来就一脸懵逼，如果父级容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px，这设计不知道是为啥。 google到的解决方案如下添加window.onresize=myCharts.resize在setOption之后我转载 2017-07-18 11:32:22 · 721 阅读 · 0 评论 -
bootstrap modal垂直居中
使用过bootstrap modal（模态框）组件的人都有一种困惑， 好好的一个弹出框怎么就无法垂直居中了呢？ 当然网上一些前辈也给出了不少答案， 感觉不太全而且针对的都是各自的项目难以给我等小白太直观的理解。因而手痒试试写个稍微完整点的解决方案， 作为总结及日后回顾之用。 项目中的bootstrap版本是3.X , 作为项目后台使用。 在项目进行过程中遇到组件弹出框无法垂直居中原创 2017-06-01 10:24:10 · 460 阅读 · 0 评论 -
Ztree取消全部选择 cancelSelectedNode无效
我调试了很多次，结果还是没有效果，然后我再看API，解决var treeObj = $.fn.zTree.getZTreeObj(treeId);treeObj.checkAllNodes(false);原创 2017-04-19 10:56:18 · 5327 阅读 · 1 评论