
前端
优睿
这个作者很懒,什么都没留下…
展开
-
网站加载图片速度慢如何优化
网站加载图片速度慢如何优化?可以借鉴以下方法:1.使用缓存2.使用CDN加速3.使用jq延迟加载图片, 用到哪个 加载哪个.4.加大服务器宽带5.检查服务器硬盘读取速度.下面简单介绍一下使用jq延迟加载图片的方法:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度,帮助减轻服务器负载。首先要引入js文件:<script src="jquery-1.1...原创 2018-07-09 20:21:42 · 7179 阅读 · 0 评论 -
小程序开发动态修改页面标题
首先可以先在app.json里边设置:"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#000","navigationBarTitleText": "商城首页","navigationBarTextStyle":"#fff原创 2018-07-22 16:42:31 · 1512 阅读 · 0 评论 -
toLocaleString()
toLocaleString()定义和用法把数组转换为本地字符串。1.例如:<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.toLocaleString())...原创 2018-08-10 17:56:10 · 2611 阅读 · 0 评论 -
arguments
arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:arguments[0]arguments[1]arguments[2]例如: function howManyArgs() { conso...转载 2018-08-10 20:24:20 · 257 阅读 · 0 评论 -
微信小程序获取系统日期和时间以及时间戳
在创建小程序时,项目里边的utils->util.js就已经有关于时间的函数了,只要调用就行,如下:util.js:const formatTime = date => {const year = date.getFullYear()const month = date.getMonth() + 1const day = date.getDate()const ...原创 2018-08-07 13:10:15 · 2459 阅读 · 1 评论 -
cmd相关的命令
1.cmd退出当前程序的命令:ctrl+c原创 2018-08-30 23:38:52 · 167 阅读 · 0 评论 -
input商品价格
onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onpaste="this.value=this.value.replace(/[^\d.]/g,'')"原创 2018-10-01 14:11:44 · 785 阅读 · 0 评论 -
new Date() 日期格式处理
new Date() ; //参数可以为整数; 也可以为字符串; 但格式必须正确 new Date(2018,10,6); //正确 new Date("2018/10/6"); //正确 new Date("2018-10-6"); //错误 new Date( year, month, date, hrs, min, sec) 按给定的...原创 2018-10-06 20:58:39 · 2950 阅读 · 1 评论 -
cmd命令如何列出文件目录
假设要进入F盘的vue文件夹的my-first-vue-project,然后列出my-first-vue-project,的文件目录进入此目录请在cmd窗口中输入: (1) F: (2) cd vue my-first-vue-project (3)dir (列出文件目录)...原创 2018-10-09 11:42:05 · 9869 阅读 · 0 评论 -
vuejs开发环境搭建
npm install -g vue-clivue init webpack my-first-vue-projectcd my-first-vue-projectnpm installnpm run dev原创 2018-10-09 12:18:34 · 194 阅读 · 0 评论 -
[Vue warn]: The computed property "fields" is already defined in data.
出现这个问题是因为fields属性被重复声明了多次,项目既引入了vee-validate又引入了element-ui,这两个包中都定义了fileds,所以作如下修改即可:原创 2019-03-19 22:08:43 · 8163 阅读 · 0 评论 -
js实现点击保存图片
js实现点击保存图片html:<img style="-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;" src="{$shareloan}" width="90%" id="testImg"> <span id="saveImg" onclick="save(原创 2018-07-30 16:31:01 · 29432 阅读 · 8 评论 -
如何链接至百度地图并显示出所要显示的位置?
你可以先到百度地图名片中设置自己所在的位置,然后生成代码,把代码复制,链接到你描述的文字或图片,会自动推荐相关公交路线和最佳路线。百度地图的名片设置请点击如下链接。http://api.map.baidu.com/mapCard/ 效果图如下:填写好信息后点击设置地图就可以看到生成的a链接以及iframe代码,复制代码到你的网页中即可。更多问题,请前往:http://sucai...原创 2018-07-26 11:16:01 · 1918 阅读 · 0 评论 -
如何实现上下滚动的公告效果
在网页开发过程中实现公告上下滚动是常有的事,那如何实现呢?请往下看:html代码:<div class="notice"> <ul> <li>开通优睿素材网vip会员,畅享海量资源下载</li> <li>优睿素材网正式上线啦,更多素材等着你哦</li> </ul></div&原创 2018-07-10 16:28:52 · 2835 阅读 · 0 评论 -
js如何禁止打开控制台
1. 禁用浏览器 默认右键菜单document.oncontextmenu = new Function("return false;");2.监听键盘事件document.onkeydown = document.onkeyup = document.onkeypress = function(event) { var e = event || window.event || arg...原创 2018-07-17 17:11:49 · 3938 阅读 · 0 评论 -
小程序页面跳转
最近在学小程序,发现有好几次页面跳转都失败了,查看文档后才知道,请看下面:1.wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.navigateTo({ url: '../user/index'})2.wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。w...原创 2018-07-23 18:55:59 · 274 阅读 · 0 评论 -
JS如何判断页面是在手机端还是在PC端打开的方法
网站开发过程中总会碰到客户端是否是手机端还是PC端,那如何判断页面是在移动端还是PC端打开的呢?首先来了解一下Navigator 对象,Navigator 对象包含有关浏览器的信息,下面的userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断。看如下代码:if(/Android|...原创 2018-07-12 14:31:19 · 3598 阅读 · 0 评论 -
微信小程序-滚动消息通知
小程序实现上下滚动的公告,请往下看:wxml:<swiper class="swiper-container" vertical='true' autoplay='true' circular='true' interval='2000' duration='500'><block wx:for="{{noticeList}}" wx:for-item="item" ...原创 2018-07-24 15:01:08 · 1564 阅读 · 0 评论 -
视频播放插件Video.js
在网页开发过程中,难免会用到video标签,然鹅video标签的默认样式实在不敢恭维,那如何实现视频播放的样式呢?首先引入:<link href="css/video-js.min.css" rel="stylesheet"><script src="js/video.min.js"></script>HTML代码:<video id="my原创 2018-07-13 17:53:30 · 1518 阅读 · 1 评论 -
微信小程序实现图片上传
如图:直接上代码:wxml:<view class="weui-uploader"><view class="weui-uploader__hd"><view class="weui-uploader__title">图片上传</view></view><v原创 2018-07-25 17:23:26 · 55834 阅读 · 7 评论 -
input输入框怎么禁止粘贴
input输入框在表单提交的时候非常重要,特别是密码输入框,那如何禁止输入框粘贴呢?很简单就一行代码搞定:<input type="text" value="" onpaste="return false;" />...原创 2018-07-14 14:45:11 · 2436 阅读 · 0 评论 -
jQuery音乐播放器
效果图:实现这个功能需要引入:TweenMax.min.jsjs代码如下: $(document).ready(function () { var audioElement = document.createElement('audio'); audioElement.setAttribute('src', $('.active-song').attr('data-src')); ...原创 2018-07-14 15:15:44 · 1121 阅读 · 0 评论 -
js如何实现点击复制链接
研究了好久,请看一下代码: function copyUrl(){ var ele = document.getElementById("url"); ele.select(); document.execCommand("Copy"); alert("复制链接成功!"); }测试了一下是有兼容性问题的,只适合web浏览器,ios并不管用...原创 2018-07-20 16:00:28 · 115903 阅读 · 12 评论 -
vue调试工具vue-devtools安装及使用
1.首先要克隆vue-devtoolsgit clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包npm install3.修改manifest.json文件把"persistent":false改成true4.npm run build5.扩展Chrome插件Chrome浏览...原创 2019-03-18 12:31:10 · 426 阅读 · 0 评论