前端
swiftlinlei
什么时候,只剩一个人,面对整个世界呢
展开
-
增强uni-app的uni-picker-view组件(添加搜索和禁选功能)
1、组件文件如下:<template> <view> <view> <!-- 普通弹窗 --> <uni-popup ref="popup" background-color="#fff" @change="change"> <view> <view> <uni-row> <uni-col :span="6"> .原创 2021-12-10 16:19:26 · 4700 阅读 · 0 评论 -
Vue初级使用重点简介
一、Vue安装Vue官方网站:https://cn.vuejs.org/v2/guide/参考Vux教程:https://blog.csdn.net/weixin_41646815/article/details/79094196https://blog.csdn.net/wwaenig521314/article/details/73469542两篇一起参考,安装项目时eslin...原创 2018-09-29 11:34:23 · 191 阅读 · 0 评论 -
微信H5开发及技巧思维导图
原创 2018-10-13 11:23:14 · 986 阅读 · 0 评论 -
Vue新增路由页面
1.安装路由npm install vue-router2.配置路由文件/src/router/index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default ...原创 2018-10-06 08:54:06 · 1265 阅读 · 0 评论 -
如何让echarts在vue里自适应外部div的大小
https://www.jianshu.com/p/174b6f6fc455转载 2018-09-06 17:44:29 · 4276 阅读 · 0 评论 -
Vue动态读取异步JSON列表显示失败
1.问题:vue动态读取列表显示失败2.原因:由于vue的绑定机制,data的数据结构在Created生命周期前就确定了,无法动态更改data的数据结构3.解决:使用v-if在JSON获取到数据后重新构建参考:https://segmentfault.com/q/1010000009396332...原创 2018-08-30 15:00:53 · 858 阅读 · 0 评论 -
Vue引入简单的rem
1.修改vue工程的index.html文件,参考代码为:<!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8">原创 2018-08-27 16:51:23 · 1640 阅读 · 0 评论 -
Vue实现按钮旋转和移动位置Demo
1.静态效果图Chrom移动端浏览模式下可拖动按钮处于任意位置,并且点击可旋转按钮2.代码<template> <div id="app"> <div class="icon-add-50" :style="iconstyle" @click='click' @touchmove='touchmove' @touchstart='touc...原创 2018-08-08 14:09:16 · 9632 阅读 · 0 评论 -
个人的mint-ui的picker选择器样式修改方案一
1.模板代码:<mt-popup v-model="signReasonVisible" position="bottom" style="width:100%;height:43%;" class="popup"> <mt-picker :slots="slots" @change="setSignReason" style=&原创 2018-08-02 17:17:49 · 4792 阅读 · 2 评论 -
Vue打包时图片资源放置在src同级static文件下出现图片访问失败的问题
1.问题:图片放在src同级目录下static目录下,开发环境使用相对路径,运行正常,打包后图片访问失败2.原因:参考文档(https://www.jianshu.com/p/563e417e2d1f),路径变更了3.解决方式:使用绝对路径,static/xx.png...原创 2018-08-11 17:02:55 · 5516 阅读 · 0 评论 -
如何安装Vant(基于Vue的UI框架)
1.运行vue项目(参考文档:https://blog.csdn.net/wwaenig521314/article/details/73469542)2.由于使用Vant,所以,安装步骤有一些区别,先根据步骤一安装好node.js3.安装Vant的脚手架(参考文档:https://youzan.github.io/vant/#/zh-CN/quickstart)vue init y...原创 2018-08-09 15:32:03 · 6031 阅读 · 0 评论 -
Vue实现按钮可旋转和移动且有边界Demo
1.效果在Chrome移动端浏览模式下,按钮在可见区域内随意拖动并且点击可旋转2.代码<template> <div id="app"> <div align="left">translateX:{{this.icontranslateX}}</div> <div align="left"原创 2018-08-09 11:39:46 · 1421 阅读 · 0 评论 -
从mint-ui源码查看接口信息的技巧(以datetime-picker为例)
1.问题:想知道datetime-picker取消的回调函数,but文档没有提供2.原因:懒,估计是觉得源码都给你了,自己看源码去,文档写个大概就好了3.解决方式:看源码,从源码中读取接口信息步骤:1)打开datetime-picker的源码vue文件2)搜索$emit关键词,从文中找出如下四个地方:1.$emit('cancel') ---------这估计是取消的按钮回调...原创 2018-07-24 11:14:33 · 533 阅读 · 0 评论 -
Vue.js删除子组件数据显示异常,重新销毁创建子组件
一、问题描述:父组件通过v-for渲染子组件,删除子组件数据出现异常。二、问题原因:出现异常的数据不是响应式依赖,是从vuex读取的。通过测试发现,父组件删除数据,没有重新创建子组件,怀疑是子组件异常的数据是读取的缓存副本。三、问题解决:根据v-if改变dom结构的特性,手动使子组件重新创建。1.设置一个数据变量isrefresh=true2.初始v-if=isrefresh3.删除时,配合$ne...原创 2018-07-11 16:06:44 · 5244 阅读 · 0 评论 -
Vue2.0-mint-ui解决移动端苹果手机有滚动穿透的问题
1.遇到的问题:使用mint-ui的弹窗选择时底部页面会出现滚动效果(仅出现在苹果手机,安卓手机,pc端正常)2.问题原因:滚动穿透,这是啥,我也不懂3.解决方式:参考文档,了解下:https://blog.csdn.net/weixin_40126227/article/details/80858990思路就是弹出层打开的时候禁止body的滑动事件,弹出层关闭恢复body的滑动事件...原创 2018-07-23 10:42:46 · 5183 阅读 · 3 评论 -
vue2菜鸟填坑之旅-看文档是不可能的,只有填坑才能过得了生活的样子
00001.a.父组件data(){ signs:[ { signtime:'请选择', signreason:'请选择' } ]},子组件使用props读取signtime和signreason,结果signreason读取为空b.signs是复杂类型,Vue无法动态绑定,但是后续pus...原创 2018-07-17 15:04:13 · 122 阅读 · 0 评论 -
JavaScript 元素选择器
JavaScript 的元素选择器有:1.循环遍历DOM获取1)document.getElementById("id值")-----返回一个对象或null2)document.getElementByName("name属性的值")-----返回对象集合或null3)document.getElementByTagName("标签")-----返回对象集合或null2.通过SelectorsAP...原创 2018-06-08 08:31:59 · 7644 阅读 · 0 评论 -
css图片比例放大及幽灵白色十六进制
1.图片按比例放大:css3的transform属性,scale(1)表示原比例<img src="images/xx.png" style="transform:scale(1.05)"/>2.一个微信取色网址:http://bj.96weixin.com/rgb/幽灵白色:GhostWhite #F8F8FFGhostWhite...原创 2018-06-07 13:54:31 · 184 阅读 · 0 评论 -
css兼容ie写法
width:auto;是宽度自动的意思。\9是hack css 的一种写法,这种在正常css代码后面加"\9"的方式,只有IE浏览器才能识别,其他浏览器会忽略这条语句。这样就能做到差异化浏览器,来达到兼容浏览器的目的。对此,还有其他hack css的写法。如:color:red;//一般浏览器识别,字体颜色为红color:blue \9;//IE8,IE9及以上版本识别,字体颜色为蓝*color:...翻译 2018-06-05 17:00:10 · 10128 阅读 · 0 评论