vue
ringlot
一个专注前端的女程序员
展开
-
h5 视频全屏-横屏实现,遇到问题以及解决方案
最近需要实现h5 视频全屏也就是横屏,横屏后需要将相关视频展现在侧边栏。考虑到h5是不能让手机强制横屏的,只能考虑用css 样式上横屏显示video原创 2022-10-14 17:27:52 · 6509 阅读 · 1 评论 -
element-ui iconfont乱码问题处理
一、问题 使用element-UI的项目,打包部署以后,偶尔会出现iconfont显示乱码,但是刷新后又会好。研究后,查看打包后的css,图标字体的content经过scss编译以后变成了这样 不过正常情况下图标还是会显示的,但是偶尔进入页面后,所有的iconfont图标会变成乱码。二、原因 1、主要原因是sass 编译问题,针对iconfont 编译后会乱码, 2、项目中引用e...原创 2022-01-19 11:53:56 · 6829 阅读 · 0 评论 -
移动端适配,iphonex兼容性处理
记录下开发项目中遇到的问题1、移动端用的插件是 vant,解决vant适配,采用了rem布局,用的是postcss-pxtorem 插件自动转换为rem。安装postcss-pxtorem 版本为5.1.1,版本要大于5.0.0,才会生效,配置就跟vant官网一样// postcss.config.jsmodule.exports = { plugins: { // postcss-pxtorem 插件的版本需要 >= 5.0.0 'postcss-pxtorem'原创 2021-07-26 10:26:42 · 1094 阅读 · 0 评论 -
最近用到的相关插件
1、富文本编辑器tinymcehttp://tinymce.ax-z.cn/tinymce-vue vue版2、裁剪组件 vue-cropperjshttps://github.com/Agontuk/vue-cropperjs3、上传插件 支持分片,断点续传vue-simple-uploader 是simple-uploader.js的vue 封装版vue-simple-uploaderhttps://www.npmjs.com/packa......原创 2021-07-23 18:29:20 · 786 阅读 · 0 评论 -
file、Blob、dataUrl 相互转化
一、file 、blob 转化成dataurlfunction fileToDataURL(file) { let reader = new FileReader() reader.readAsDataURL(file) // reader 读取文件成功的回调 reader.onload = function(e) { return reader.result }}比如,上传图片功能,用input选取图片后可用该方法获取文件的base64url原创 2021-07-23 09:51:01 · 2088 阅读 · 0 评论 -
vue2.0 根据不同环境配置编译不同包
1.项目安装cross-env。cross-env是node的一个设置和使用环境变量的脚本:npm install cross-env -D2.在根目录的package.json文件中,把scripts对象的build字段的值改为以下代码。"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev",原创 2021-05-26 18:23:34 · 703 阅读 · 0 评论 -
找出数组中重复元素,并按重复的次数由少到多排序 es6
最近在面试的时候出现的一个考题,当时做出来了,回来验证后发现有点小问题,现在把这个记录下来供自己以后参考。自己写的,用的es6的写法。 repeat(arr) { let e = [] arr.forEach(item => { let num = arr.filter(n => n === item).length if (原创 2021-05-18 17:34:03 · 1118 阅读 · 0 评论 -
vue 指令实现 窗口的拖动
直接上代码,directives: { /*自定义拖拽*/ drag: { inserted: function (el, binding, vnode) { var odiv = el.parentNode // 获取元素的父级 也就是这个移动的窗口 el.onmousedown = function (eve) { eve = eve || window.event va原创 2021-03-26 16:09:49 · 872 阅读 · 0 评论