- 博客(20)
- 收藏
- 关注
RSS订阅原创 安装anywhere启动应用本地服务器
1.安装Node.js2.执行npm install anywhere -g 命令安装 anywhere3.在要打开的项目的根目录下执行命令 anywhere
2019-08-08 09:19:02
1419
原创 JS判断在哪一端浏览器打开
<script src="js/jquery-2.2.3.min.js"></script><script> var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览...
2019-08-06 16:03:09
290
原创 Uniapp使用iconfont
1.在阿里iconfont官网上选择完毕自己想要的图标之后点击添加至项目。2.选择我的项目3.生成在线链接选择Font class，查看在线链接（1）可以在APP.vue里面直接引入该css样式文件，文件中直接class引用即可（2）也可以使用下载文件至本地，在APP.vue中引入本地iconfont.css文件，再点击Unicode查看在线链接，复制替换iconfont.css...
2019-07-27 13:24:34
512
1
原创 uni-app中使用Echarts绘画图表
1、下载安装npm install echarts mpvue-echarts --save这时，在node_modules里面会多出 echarts、mpvue-echats 、zrender 三个目录2、页面引入在需要的页面引入import * as echarts from '@/node_modules/echarts/echarts.simple.min.js';impor...
2019-05-15 15:16:55
16340
11
原创 vue中使用vue-quill-editor富文本编辑器
最近项目中接触到了富文本编辑器，最终选择了vue-quill-editor。第一步：首先下载安装npm install vue-quill-editor --save第二步：在main.js中引用// 使用quill富文本编辑器import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css...
2019-05-08 15:35:33
2503
3
原创 elementUI分页器Pagination自动到第一页
当数据量过多时，使用分页分解数据。<div class="pagination"> <el-pagination background layout="prev, pager, next" :current-page.sync="currentPage" @current-change="current_change" :page-size="7" :...
2019-05-08 14:30:17
6432
6
原创 uni-app移动端保存图片到本地相册
uni-app移动端保存图片到本地相册uni-app中有一个接口：uni.saveImageToPhotosAlbum，但是之前使用的时候，真机测试没有问题，但是打了安装包就保存失败，走的是fail回调。捉摸了两天，后来又看到一个接口：uni.downloadFile，这个也可以把图片下载下来，但是没有在系统相册里面看到，是在一个忘记路径的麻烦的文件夹里面。然后又在想，uni.downloa...
2019-03-26 08:58:07
28315
19
原创 uni-app上传头像base64转码
uni-app上传头像base64转码首先需要调起相册，使用 uni.chooseImage 方法选择相册，点击相册里面的图片，确定可以选择图片并获取到图片的路径之后，uni-app官网有插件可以来使用，引入插件之后，使用插件的方法就可以获取base64转码。插件网址：http://ext.dcloud.net.cn/plugin?id=123完整代码：路径记得写成自己文件所在的路径...
2019-03-21 11:47:56
3917
原创 Filter
是什么filter 在JS是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。filter 把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。语法array.filter(function(currentValue,index,a...
2019-02-27 10:35:04
145
原创 JSON对象
JSON是什么JSON是JavaScript Object Notation的缩写，它是一种超轻量级的数据交换格式。数据类型number：和JavaScript的number完全一致；boolean：true / false；string：是JavaScript的string；null：是JavaScript的null；array：是JavaScript的Array表示方式—...
2019-02-27 10:04:14
158
2
原创 JS事件句柄
JS Events事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。属性当以下情况发生时，出现此事件onabort图像加载被中断onblur元素失去焦点onchange用户改变域的内容onclick鼠标点击某个对象ondblclick鼠标双击某个对象onerror当加载文档或图像时发生某个错误onfocus元素...
2019-02-25 11:09:42
635
原创 Video标签
1、标签属性属性描述autoplay该属性使得视频在就绪后马上播放。controls该属性向用户显示控件，比如播放按钮。height设置视频播放器的高度。width设置视频播放器的宽度。loop当媒介文件完成播放后再次开始播放。preload视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。sr...
2019-02-25 09:31:56
1551
转载 使用JS调用手机摄像头和相册
Html<h2 class="title-detail">图片描述</h2><input type="hidden" id="picIndex" value="0"><div id='image-list' class="row image-list"> <div class
2019-02-25 09:00:12
8936
4
转载 移动端适配
1、首先在html页面中引入meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">2、然后，在html页面中引入我们的rem.js适配脚本。(将下面的代码全部复制下来，在自己的项目代码里面新建一个rem.js脚本文件...
2019-02-22 17:29:07
135
转载 在Jquery里格式化Date日期时间数据
$(function(){ //当前时间格式化yyyy-MM-dd HH:mm:ss alert(timeStamp2String(new Date().getTime())); alert(timeStamp3String(new Date().getTime())); debugger;});//在Jquery里格式化Date日期时间数据function...
2019-02-22 17:21:15
1320
原创 图片url转base64编码
Html&amp;lt; input type='file' class='upload-img' /&amp;gt;JQ$('.upload-img').on('change',function(){ var file = this.files[0]; // 图片后缀 .jpg/.png等 var suffix = file.name.split(&quot;.&quot;)[1]; var reader...
2019-02-22 16:48:39
2543
转载 Overflow实现隐藏滚动条的同时又可以滚动
.scroll-list ul{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scro...
2019-02-22 16:24:23
5388
原创 JS、JQ中判断checkbox是否选中
JS：Html &lt; input type="checkbox" class="checkbox" /&gt;JSvar check = document.getElementsByTagName('input')[0];console.log(check.checked);JQ 1. $("input[type='checkbox']").
2019-02-22 15:59:35
6603
原创 CSS文本超过两行用省略号代替
只显示一行，超出部分用省略号 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;只显示两行(或多行)，超出部分用省略号 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; // 控制行数...
2019-02-22 15:08:18
438
原创 了解JS
诞生在1995年 由Netscape公司，在 网景导航者浏览器 上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。是什么Javascript是一种直译式脚本语言，是一种动态类型，弱类型，基于原型的语言，内置支持类型。广泛用于客户端的脚本语言，最早用...
2019-02-22 14:35:08
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人