- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue 实现点击弹出框以外的地方，隐藏弹出框
<template> <div> <ul> <li v-for="(item,index) in data1" :key="item.id"> <span @click.stop="toggle(index)"></span> ...
2019-04-29 13:57:59
6573
原创 vue请求拦截 给所有的api接口的请求 的data和params带上一个存储的值
项目结束，测试时发现在首页商品列表中，向上滑动几页后点击进入详情，从详情页面返回商品列表时，页面回到了最顶部，测试不通过说是用户体验不好，要求从哪里点击进去返回该页面时回到原先的滚动页面。思路：因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为：(1).在App.vue中加入：<template> <div id="app"...
2019-04-28 16:17:27
1721
原创 在vue项目页面监听div滚动，和设置滚动值
<div ref="Box" @scroll="orderScroll"></div>methods: { // 滚动事件 // 如果不绑定到元素上，则只能监听页面滚动 orderScroll(e){ let a = this.$refs.Box.scrollHeight ...
2019-04-28 16:15:47
7674
原创 微信小程序中placeholder的样式
通常，现代浏览器大多支持::placeholder选择器，用于设置placeholder的样式，但是在微信小程序中并不支持这种方式，而是提供了一个专门的属性（placeholder-class）来处理其样式。例如，在模版文件中这样写： <input placeholder-class="place-holder" class="input-text" name="username" pla...
2019-04-27 09:26:34
618
原创 vue v-for倒序显示 / JSON数据倒序显示
渲染数据时，有时候往往需要把最新的那条数据放在最上面，最简单的方法就是在渲染之前把数据先倒序排列好，再渲染到网页上。这时就要用到reverse()。<div class="list" v-for="(item,index) in reverseSum"> <ul > <li>{{item.id}}</li> <li>{{it...
2019-04-20 16:27:25
3573
2
原创 html中“↵”换行符号处理
var myString = myString.replace(/(\r\n|\n|\r)/gm, "<br />");
2019-04-19 14:43:56
5416
原创 解决iphonex屏幕过长背景图片或者放在元素里面的图片不能铺满的问题
目前有四种方法1.让设计单独设计一版iphonex的尺寸的图，用js代码判断设备，如果检测到是iphonex就换图//如果设备是iphonex则追加元素填补空余 function isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.matc...
2019-04-19 14:43:32
1003
原创 解决iphonex屏幕过长背景图片或者放在元素里面的图片不能铺满的问题
目前有四种方法1.让设计单独设计一版iphonex的尺寸的图，用js代码判断设备，如果检测到是iphonex就换图//如果设备是iphonex则追加元素填补空余 function isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.matc...
2019-04-19 09:44:03
1080
原创 Nginx的启动(start),停止(stop)命令
查看Nginx的版本号：nginx -V启动Nginx：start nginx快速停止或关闭Nginx：nginx -s stop正常停止或关闭Nginx：nginx -s quit配置文件修改重装载命令：nginx -s reload查看windows任务管理器下Nginx的进程命令：tasklist /fi “imagename eq nginx.exe”...
2019-04-16 14:20:50
523
原创 nodejs 学习
var http = require('http');var fs = require('fs');var cheerio = require('cheerio');var request = require('request');var i = 0;var url = "http://www.ss.pku.edu.cn/index.php/newscenter/news/2391";/...
2019-04-15 16:20:14
198
原创 web前端_Vue框架_设置浏览器上方的标题和图标
在创建Vue项目时一般会用默认的项目标题和图标，如下图所示:不是很美观也可能不符合项目的需求，所以有时候就需要改变项目在浏览器上方的标签名称或者图标。找到项目根目录的index.html，如图：进去就能够修改title，也就是在浏览器上方的标题<meta name="viewport" content="width=device-width,initial-scale=1.0"&...
2019-04-12 13:33:32
960
原创 el-pagination 页码 更新问题
element 分页组件在 换页 的时候，画面数据正确，但 页码却没被激活， 即 还处于换页之前的页码。如图百度搜索，尝试了很多种方案，比如 加上current-page.sync 修饰、结合localStorage利用 created() beforeUpdate () beforeDestroy ()方法，重置current-page属性值…不知道是我没写对还是其他原因，反正 最后都没...
2019-04-11 12:57:20
3748
2
原创 input type=number 去除后面的箭头
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}input[type="number"]{-moz-appearance:textfield;}
2019-04-10 13:37:52
750
原创 Vue上传文件：ElementUI中的upload实现
一、上传文件实现 两种实现方式：1、直接action<el-upload class="upload-file" drag :action="doUpload" :data="pppss"> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖...
2019-04-09 14:10:26
1995
原创 jquery 获取 input上传框的内容
用document.getElementById('file').files[0] 可以正常获取文件对象<input id="uploadFile" name="uploadFile" type="file" style="width:160px;"/>
2019-04-09 14:07:51
1266
原创 正则判断 手机号
if(/^[1][2,3,4,5,7,8,9][0-9]{9}$/gi.test(this.wjusername)==false){ alert("用户名（手机号）错误") }判断的正则/^[1][2,3,4,5,7,8,9][0-9]{9}$/判断wjusername这个变量 是不是符合前面的正则gi.test(this.wjusername)...
2019-04-01 14:23:53
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人