sky_sunshine_x的博客

原创 html+css实现纵向组织架构图

【代码】html+css实现纵向组织架构图。

原创 弹窗中：Echarts数据更新但图表未同步的问题

图标不要用id绑定，用ref绑定。

原创 ant-design Select 远程搜索不展示返回数据

【代码】ant-design Select 远程搜索不展示返回数据。

原创 h5移动端页面键盘弹出后背景图片被挤上去

【代码】h5移动端页面键盘弹出后背景图片被挤上去。

原创 css中border-bottom添加渐变色

border-bottom渐变

原创 uniapp获取cilinet

测试

原创 vue关于vue-router 路径发生改变但页面并没有发生变化

假如当前路径为：http://localhost:8080/detail?goodsId=5e6de2ad3f9b1668a0f37e88需要跳转路径为：http://localhost:8080/detail?goodsId=5e6de2573f9b1668a0f37e87只需要在显示页面中添加 watch 监听$route对应函数进行重新获取当前 vue-router 传的参数对应的路径：watch: { // 如果路由有变化，会再次执行该方法 '$route': ...

原创 vue 实现手写电子签名/生成图片

xiaoguo

原创 去掉微信小程序button按钮的border

给button按钮添加伪类::after.set-btn-chat::after{ border: none;}

原创 vue项目运行报错：serve: `vue-cli-service serve`

问题描述：Unexpected end of JSON input while parsing near '…"解决办法：（1）npm install --registry=https://registry.npm.taobao.org --loglevel=silly（2） npm cache clean --force（3） npm install

原创 video 去掉画中画和下载功能

controlsList="nodownload" disablePictureInPicture

原创 video 让视频播放默认声音不播放

原创 vue 新窗口打开页面及传参

const {href} = this.$router.resolve({ path: '/trainDetail', query: { siteNewsId: siteNewsId, imageUrlBanner: this.bannerImg.imageUrl } }) window.open(href, '_blank')

原创 随机生成数字字母组成的组合

生成4为组合this.fourNum = this.getRandomFour(false, 4); //随机生成四位数字或者字符串的组合方法 getRandomFour(randomFlag, min, max) { /* ** randomWord 产生任意长度随机字母数字组合 ** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位 ** xuanfeng 2014-08

原创 vue 项目的国际化处理

1.下载国际化依赖的包：npm install vue-i18n2.main.js文件引入国际化文件：import VueI18n from 'vue-i18n'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 messages: { ...

原创 vue html 引入less 语法写css

1.下载less.js,地址：https://cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js2.新建css.less文件3.引入less，js文件<link href="__CSS__/home.less" type="text/less" rel="stylesheet/less" /><script src="__JS__/less.js"></script>home.les

原创 数组去重

arr数组中相同的会被剔除_this.selPids=[...new Set(arr)]

原创 CSS解决文字与图片不能水平居中对齐的问题

在 HTML 代码中，有时会需要在文字旁边加上一个图标。默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐解决办法：在css中设置图片的vertical-align属性，<img src="" style="vertical-align:text-bottom" />...

原创 小程序学习之底部tab设置

"tabBar": { "backgroundColor": "#ffffff", "color": "#282828", "selectedColor": "#06C1AE", "list": [ { "pagePath": "pages/index/index", "iconPath": "static/img/1-001.png", "selectedIconPath": "static/img/1-0...

原创 vue 图片懒加载，走到哪显示哪的图片

下载依赖：npm install --save-dev vue-view-lazymain.js引入：import vView from 'vue-view-lazy'Vue.use(vView,{ error:'../../static/images/loading.png', loading:'../../static/images/loading.gif',});html:<template> <ul id='img...

原创 获取当前年月日

//获取当前日期 let nowDate = new Date(); let month= nowDate.getMonth() + 1; let date = { year: nowDate.getFullYear(), month:month<10? '0'+month:month, date: nowDate.getDate()<...

原创 vue 时分比较大小

1.传入开始时间和结束时间 var time=_this.CompareDate("07:00","09:00")2.方法 //时分比较大小 CompareDate(t1,t2){ var date = new Date(); var a = t1.split(":"); var b = t2.split(":"); return date.setHours(a.

原创 removeEventListener 不生效的解决办法

进入页面增加监听事件： mounted () { window.addEventListener("scroll", this.handleScroll, true); },离开页面销毁监听：true必须加否则不生效 destroyed(){ window.removeEventListener('scroll', this.handleScroll,true); },监听事件： //即将进去指定区域加载对应数据 ...

原创 小程序学习（一）

1.目录结构了解小程序标签，方法及查询，传参，获取值得方法

原创 省略显示

一行省略显示 white-space: nowrap; text-overflow: ellipsis; overflow: hidden;三行省略显示 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;

原创 vue项目PC端随屏幕分辨率与窗口大小自适应

参考链接：https://blog.csdn.net/Hotice888/article/details/105420870?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2

原创 vue 字体包压缩

一个字体包，可以想象成一个压缩包，这个压缩包内包含6w多个文字，每个文字是一个矢量图。压缩只是把自己所要用的文字挑选出来，其余文字删除，所以压缩后体积比较小，弊端就是只适合固定页面的文字显示，一单页面的文字发生变化，字体效果就没有了，需要重新压缩。字体包压缩方法参考以下链接：https://blog.csdn.net/qq_43364234/article/details/100518021...

原创 vue 预加载比较大的图片

在app.vue写入如下方法： beforeCreate(){ let count = 0; let imgs = [ //用require的方式添加图片地址，直接添加图片地址的话，在build打包之后会查找不到图片，因为打包之后的图片名称会有一个加密的字符串 require('../static/img/bg/cyjqTm.png'), require('../static/img/bg/cyjqDw.png'), ..

原创 vue 公共头部初次加载数据失败

<!--顶部--> <topHead v-if="getInfoTrue"></topHead>data() { return { getInfoTrue:false,//默认不加载子组件 }} getBannerList(){ getHone().then(response => { var _this=this; _this.getInfo...

原创 vue 父子组件传值及不生效问题

1.父组件<!--顶部--><topHead :parent="testdata" v-if="testdata.length>0"></topHead>data() { return { testdata:[],}}methods: { //获取信息 getBannerList(){ getHone().then(response => { this.testda

原创 小程序空格添加

<view class="cu-form-group"> <text class="title" decode="{{true}}">姓&nbsp;&nbsp;&nbsp;&nbsp;名</text> <input placeholder="请填写真实姓名" value="{{staffName}}" name="staffName" type="text" ></input>...

原创 数组中如果存在某个指定值移除，不存在保存进数组

selDate(value){ varids=[]; this.type2.forEach(v=>{ //如果当前不存在，即不重复，则将当前值推进ids数组中 if(ids.indexOf(v)===-1){ ids.push(v); }else { //如果存在择删除值 ids.splice( ids.indexO...

原创 MaxListenersExceededWarning:Possible EventEmitter memory leak detected.

在vue.config.js文件中添加下边代码require('events').EventEmitter.defaultMaxListeners = 0

原创 vue 两个日期比较大小

1.let d1=‘2020-11-15 17:59:20’;let d2=‘2020-07-22 17:59:20’;//日期比较的方法compare(date1,date2) { let dates1 = new Date(date1); let dates2 = new Date(date2); if (dates1 > dates2) { return true } else { return false }}console.log(compare(d1,d2

原创 编辑器。后台返回的转义过得内容反转义，回显

1，后台返回的转义过得内容：2.反转义返回得内容： //反转义 escape2Html (str) { console.log(str); var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,functio

原创 ps 文字渐变色

1.选择文字工具输入自己的文字2.找到文字图层，右键选择“栅格化文字”3.选择“魔棒工具”选中文字，4.选择渐变工具，选择渐变色，斜向拉动文字5.颜色变化后取消选区，按住ctrl+d,渐变色文字就形成了ps:如果遇到下图问题记得去右键选择图层栅格化文字，...

原创 uniapp顶部导航栏添加自定义按钮和操作（全局添加）

1.pages.json中作如下配置:"fontSrc": "/static/icon/iconfont.ttf"；图标所在的文件夹 "globalStyle": { "navigationBarTextStyle": "white", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#007AFF", "backgroundColor": "#FFFFFF", "app-plus":

原创 uniapp 去掉顶部导航栏

1.去掉所有导航栏 "globalStyle": { "navigationBarTextStyle": "white", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#007AFF", "backgroundColor": "#FFFFFF", "navigationStyle":"custom", "app-plus":{ "titleView":false }

原创 vue 微信授权登录

1.点击按钮，掉获取授权的方法 // 微信登录 wxlogin () { var url=encodeURIComponent("http://www.****.com.cn/#/bindTel") var appid=this.appid; window.location.href = `https://open.weixin.qq.com/c...

原创 element-ui date-picker 设置结束时间大于等于开始时间

<el-form-item label="结束时间"> <el-date-picker v-model="forms.endTime" type="date" :picker-options="pickerO...