YaoZhanHui-CSDN博客

原创 Vue 访问外链失败问题

当前页访问跳转到目标页，目标页会在headers中收到 referrer 信息，referrer里面存储的是用户从哪个页面跳转到目标页的信息，也就是说发起请求的时候，请求头中带有从哪个页面来的信息，网站会将引用地址记录以便追踪用户的动态或进行统计，大部分分析软件也都会处理这个信息。一般会从两方面去考虑：隐私和安全。

2022-08-24 15:33:08 1890 1

原创 Echarts 空运图和海运图以中国为中心的地图中英文地图切换

已中国地图绘制实际的海运线和航线

2022-08-18 10:45:44 1546 9

原创 nuxt服务器渲染，获取数据赋值给组件 - nuxtServerInit

前言：vue+nuxt.js 项目中，根据IP定位赋值，头部可切换城市，header在layouts下调用，首页根据定位接口返回一些数据。asyncasyncData(ctx)（）里面调用接口，无法再渲染前传递给header，使用nuxtServerInit，这里就碰到一个自己没有注意的小坑坑。export const state = () => ({ commonPath: '/beijing'})export const mutations = { CO..

2021-03-18 16:18:33 1768

原创拉起我的手带你敲代码 - Vue项目（基础项目搭建篇）

前言由于近期时间允许，手把手搭建vue-cli4后台项目，希望能帮助到大家！如果有问题可以随时留言，我会及时回复大家！由于自己家里电脑已经很久没有用了，我们从安装本地环境开始。。。一、本地环境升级万万没有想到的是，这一步差点把我整蒙了，因为我本地的是vue-cli3项目，升级vue-cli4一直不成功，查看vue -V版本号奇奇怪怪的问题，一直安装一直3.9.2，还以为是电脑问题，重启后依然无效，所以优秀的中国程序员的优良品质就出现了，百度一下npm info vue.

2021-01-17 11:51:32 331

原创 JS 阿拉伯数字转成大写

digitUppercase (n) { let fraction = ['角', '分']; let digit = [ '零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖' ...

2018-10-09 11:13:00 1051

原创 JS 精确算法加减乘除

//加法numAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; ...

2018-10-09 11:10:59 1112

原创 iview 3.0 modal select bug 下拉框不在modal层里

iview 3.0 modal select bug 不在模态框内显示在body内原以为他是默认属性，原来必须要添加transfer = false ,要不然在疯狂的点击中，就会出现在body里，modal层外 ...

2018-09-17 19:22:39 1734 1

原创 vue 缺省样式安装

npm install stylus-loader css-loader style-loader sass-loader node-sass --save-devnpm install stylus-loader css-loader style-loader sass-loader node-sass --save-dev

2018-09-11 19:58:07 374

原创 ChromeDriver installation failed Error with http(s) request: Error: read ECONNRESET

vue项目安装时，通过yarn安装全局依赖的时候，报错，chromedriver使用代码如下npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver运行成功 ...

2018-09-11 15:46:37 2774 1

原创 Electron 小白应用

刚准备看看electron,最近闲着准备把公司的系统软件，做成个桌面应用，还是小白前期看看别人的栗子，整一波先瞅瞅这是一个electron-vue的栗子： https://github.com/jkchao/vue-electron 这个栗子是从网上好找electron-vue的文档：https://simulatedgreg.gitbooks.io/electron-vue...

2018-08-27 15:18:06 376

原创安装Electron，Electron failed to install correctly

解决方法:就是找到node_modules/electron这个文件，删除了，重新安装就可以解决

2018-08-27 10:49:26 14419 1

原创 Unable to preventDefault inside passive event listener due to target being treated as passive

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 CSS 属性 touch-action: none;...

2018-08-13 18:24:46 736

原创纯CSS3 滑动按钮

2018-07-11 15:05:41 1496

原创 vue + webpack + px2rem 把px自动转为rem

在项目中px自动转为rem第一步安装 npm install postcss-px2rem postcss --save 第二步在 webpack.base.conf.js中引入const webpack = require('webpack')const px2rem = require('postcss-px2rem')const postcss = require('post...

2018-07-04 13:05:17 4325

原创 CSS实现宽度自适应100%，宽高16:9的比例的矩形

2018-07-03 14:47:31 6293

原创微信 video 小窗口观看

<video class="Fvideo" width="100%" x-webkit-airplay="true" x5-video-player-type="h5" webkit-playsinline playsinline controls="controls" preload="auto" poster="{$v['video_chang_thumb

2018-05-30 19:51:06 1669

原创安卓手机微信页面里面的video点击播放按钮失效问题，不能播放视频内容 --------- 仅供参考

先上图：点击播放按钮无效，只要刷新页面就可以播放，或者从别的页面在进来时，才可以播放。在百度搜索中找到：｛解决方法很简单：在apache的配置中增加如下一句：在apache的配置中加一行：SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|zip|mp4)$ no-gzip dont-vary｝加上以后依然没有任何作用。别的页面也有视频就可以进去就能播放，代...

2018-05-30 19:42:11 11780 1

原创微信页面通过LocalID预览图片,getlocallmgdata

使用chooseImage api返回的localld，getLocallmgData 使用中出现的bug,也许是我技术不够，只能想出这么样的方法供大家参考，如有更好方法，请指教

2017-03-10 11:41:35 9044

原创 transform导致的border-radius，overflow:hidden失效问题

写一个移动端的镜面过光效果的动画时遇到的一个问题，在父元素设置了border-radius属性，在overflow:hidden的时候镜面里的过光效果，没有被裁剪掉，导致应该隐藏的地方溢出，后来发现可能是由于transform的问题，在父元素上加上一行transform-style: preserve-3d;但是没有起作用，因为虽然写在父元素上，但是里面子元素好几个动画所以没有起作用，只能在过

2017-03-10 11:33:28 2398

WEB-Yao