
前端
文章平均质量分 59
陈小成
这个作者很懒,什么都没留下…
展开
-
js new原理
参考:https://www.cnblogs.com/yzhihao/p/9306511.html1、new的作用执行一个构造函数,返回一个实例对象; const Animals = function(){ this.name = 'animals' } const cat = new Animals() console.log(cat.name) //animals上面代码通过 new 命令,让构造函数Animals生成一个实例对象,保存在变量cat原创 2021-03-09 10:15:09 · 1246 阅读 · 0 评论 -
vue 日历组件
vue中日历组件<template> <div class="calendar-panel"> <div class="calendar-head"> <ul> <li> <a href="javascript:void(0);" @click="prevM"> ...原创 2019-12-20 16:48:52 · 557 阅读 · 0 评论 -
vue项目nginx二级域名配置
1、将vue项目路由的加入base配置如下图所示,打包备用2、配置nginx,下图所示3、在步骤2中的nginx的根目录下面html文件夹下面新增data文件夹,在data下面新建vue和test文件夹,将步骤1打包的文件放到vue文件夹和test文件夹,访问本地http://localhost/test/和http://localhost/vue/...原创 2019-08-15 14:56:47 · 1802 阅读 · 0 评论 -
vue移动端浮动导航组件实现方式
<template> <div class="float-page"> <div v-if="listShow" @click="hide" class="float-mask"></div> <div :style="{top:yPum+'px',left:xPum+'px'}" ref="floa...原创 2019-05-15 16:36:28 · 2593 阅读 · 0 评论 -
js日历核心计算方法
function init(year, month) {var date = new Date();//当前是哪一年var year = year ? year : date.getFullYear();//当前是哪个月,注意这里的月是从0开始计数的var month = month ? month - 1 : date.getMonth();console.log(year, mon...原创 2019-05-15 16:29:23 · 1025 阅读 · 0 评论 -
vue移动端图片压缩及使用EXIF旋转图片
<template> <div class="photo-page"> <!-- <img v-if='imgUrl' :src="imgUrl" alt=""> --> <!-- <img v-if='imgUrl' :src="imgUrl" alt=""> --> <template...原创 2019-05-15 16:23:27 · 631 阅读 · 0 评论 -
vue项目使用cropperjs制作图片剪裁,压缩组件
1、需求:制作一个vue版本的图片剪裁组件,并将剪裁的图片返回2、思路:使用cropperjs制作一个剪裁组件3、实现:引入依赖npm install cropperjs引入到页面import Cropper from "cropperjs"页面代码展示<template> <div class="cropper-page"> <div ...原创 2019-05-15 16:16:10 · 1292 阅读 · 0 评论 -
vue项目苹果ios12系统手机,输入框键盘回弹留下了空白遮罩的处理方式
1、问题表现:H5开发,下单页面,下图所示,在ios 12系统的苹果手机端,在输入电话号,之类信息,经常点击去支付没有任何反应,页面上下滑动,再点击,就可以支付2、原因分析:结合页面表现,查了网上资料,ios12系统键盘回收后会留下一个透明的遮罩层,在点击页面底部,点击事件没法穿透遮罩层,相当于事件被拦截了。3、处理方式,项目用的vue开发的,处理思路:在input失去焦点后,页面上下滚动1...原创 2019-05-15 16:04:32 · 2445 阅读 · 0 评论 -
ios12以上微信内置浏览器键盘回收后空白问题处理
问题:公司项目,表单提交页面,如下图所示,在输入框输入内容后,点击底部提交按钮,事件没有触发问题本质:ios12以上(目前),微信内置的浏览器在键盘回收后会留下一个透明的遮罩(个人猜想,没法验证),遮挡了页面底部,没法点击到提交按钮。在每次拖拽页面滚动后,页面又是可以点击提交的,所以这个bug可以通过滚动页面是兼容这个bug。处理方式:既然已经明确了问题的原因,处理方式其实就是滚动下页面就能...原创 2019-02-27 15:26:23 · 1444 阅读 · 2 评论 -
vue移动端项目基础框架搭建
本文章,主要提供vue移动端项目基础框架搭建思路,每个独立的模块网上有很多相关的文档。移动端vue项目基础框架搭建,主要包括6个步骤1、项目使用的脚手架vue-cli搭建模板,2、使用淘宝lib-flexible搭配rem实现页面的自适应布局,为了方便代码编写使用rpx2rem转化px,使用scss样式预编译器,4、接口封装的aixos封装请求,5、项目中使用vuex和vue-router(在...原创 2019-01-01 15:50:38 · 1329 阅读 · 2 评论 -
vue后台项目使用router.addRoutes动态加入路由思路
后台路由需求:根据用户权限获取菜单(也就是路由信息),动态加载到路由当中,实现正常路由切换。1、最开始的实现方式:用户登录—&amp;amp;gt;接口获取当前用户的菜单信息—&amp;amp;gt;格式化菜单信息(格式化成,路由格式)—&amp;amp;gt;使用router.addRoutes动态加入路由。实现结果:路由添加成功,并且能正常的跳转。但是,当我刷新页面后页面路由出错了,直接进入了错误页面404。问题原因:vue在初始化的...原创 2019-01-01 14:27:37 · 15861 阅读 · 0 评论 -
mpvue开发微信小程序分包配置
asdada原创 2018-12-29 16:34:43 · 1249 阅读 · 0 评论