Romatic_1-CSDN博客

原创 VUE封装一个拍照组件

在一个vue项目中，封装一个拍照的组件仅适用于浏览器，App打包后安卓手机不满足组件实现拍照功能，样式可以自己设置getPhoto.vue<template> <div class="getPhone"> <input accept="image/*" type="file" @change="acceptImage"/> ...

2019-07-04 14:13:45 1078

原创 js写一个无缝滚动广告

项目官网要求将合作伙伴的logo以无缝滚动的样式展示在首页插件改起来真麻烦，就自己写吧，自己写的最起码是可控的，不会出现奇奇怪怪的问题效果图：（其实它的滚起来的，不是静止的…）合作伙伴的logo都是从接口读取的图片，ui设计要求每个图片大小一致，间隔一致，所以写起来比较简单html:<div class="t"><div class="t-1">ABOUT P...

2019-07-04 11:18:34 415

原创利用swiper2写一个上一篇要求的样式的轮播图

本来用swiper4写的轮播图，都写好了发现ie不兼容，烦，就又换了swiper2…上一篇用iview改的样式符合，但是没有hover效果，swiper2就可以完美符合所有要求效果图（已经将项目里接口传过来的数据打了码）页面有效宽度规定是1200px，传过来的产品一屏显示4个，点击左右按钮切换，一次切换一张hover效果为第一张图html:<div class="swiper-...

2019-07-04 11:01:02 325

项目中要求轮播图是以4个4个的方式展示并轮播，使用swiper4 做好以后发现ie下不兼容导致整个项目页面空白。起初我还以为是ie对ES6语法出现兼容问题，但是在我给项目中加上babel-polyfill 之后仍然一片空白所以我就想到是不是有别的插件的引用影响了整个项目的运行，开始挨个排除。。（当时并不知道swiper4 不兼容ie，之前做的一个APP用的就是swiper4，并没有出现任何问题...

2019-06-04 10:53:25 3559 1

原创记一些开发中容易忽略的小问题

1、VUE项目，在手机端访问的项目，弹出自定义的遮罩层之后防止屏幕滚动<div v-show="show" class="bg" :style="bg" @click="showLeft" @touchmove.prevent></div>只要在html里面加入 @touchmove.prevent 就可以阻止屏幕滚动2、线上项目如果是放在服务器上的项目，访问的链...

2019-06-04 09:48:10 174

原创树

项目要求显示一个树形的文件夹，后台给的接口是在点击的时候去请求子节点，查了网上的插件，都不符合要求，只能自己动手写一个。Html代码 &lt;div class="form-group"&gt; &lt;label class="col-sm-3 control-label"&gt;选择文件&lt;/label&gt;

2018-12-19 18:24:50 128

原创手机号码中间4位加密

手机号码中间4位加密总是记不住写法，在这里记一下 var tel = “18615477412”; var reg = /^(\d{3})\d{4}(\d{4})$/; tel = tel.replace(reg, "$1****$2");

2018-11-27 15:19:27 3068 1

原创 h5+ 调用本地摄像头拍照

&amp;lt;script&amp;gt;// 扩展API加载完毕后调用onPlusReady回调函数 document.addEventListener( &quot;plusready&quot;, onPlusReady, false );// 扩展API加载完毕，现在可以正常调用扩展API function onPlusReady() { console.log(&quot;plusready&amp

2018-11-20 11:04:23 3023 1

原创 vuex应用

vuex 应用首先安装依赖npm install vuex --save在src下创建store文件夹，创建store.js文件store.js内容：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)在main.js中加入import store from './store/store'//在...

2018-11-08 17:57:26 157

原创 vue项目中封装axios

在自己的vue脚手架中封装一个axios全局使用打开Visual Studio Code,在VS Code中打开自己的项目下方命令行输入npm install axios在src 的 assets 下新建一个文件 http.js 基本的请求信息如下：import axios from 'axios';axios.defaults.timeout = 10...

2018-08-31 11:50:42 302

原创个人项目--搭建vue-cli 整合jQuery和bootstrap

1、搭建自己的第一个vue-cli脚手架下载安装node.js 下载8.11.4LTS版本，点击下一步安装即可，默认安装到C盘，具体需要改变安装路径的可以搜一下。。输入：npm install express -g 安装vue-cli vue cli是vue的脚手架工具。（比较慢。。。）命令行输入：npm install -g cnpm –registry=https:/...

2018-08-30 16:05:53 2628 1

Romatic_1的博客