月度归档: 2018 年 6 月

10 篇文章

thumbnail
h5与iOS、安卓交汇传值
首先判断是iOS或者安卓: let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma…
thumbnail
Vue图片上传裁剪插件 vue-cropper
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的,而且还提供demo对照查看 插件地址:https://github.com/xyxiao001/vue-cropper 首先安装插件: npm install vue-cropper --save 然后在使用的页面引入 import VueCropper from "vue-cropp…
thumbnail
Vue使用websocket即时通信
在Vue中可以使用socket.io插件,不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws: data() {    return {      ws: "",    };  }, 然后在method中设置相关函数 methods: { // ws S     onopen() {       console.log(…
thumbnail
Vue 滚动到底部
Vue实现滚动到底部: watch: {    // 监听数据的变化    message_list() {      this.$nextTick(() => {      let div = document.getElementById('scroll') // 获取滚动DOM的元素      div.scrollTop = div.s…
thumbnail
Vue简单粗暴动态修改title
之前写过一篇Vue动态修改title的,但是返回后再进来title就不会变。今天看看另一种 简单粗暴的动态修改title方法,meta也一样   document.title= res.data.title // res.data.title 为动态修改内容
thumbnail
deepin深度操作系统 15.6 —— 细节中寻求突破
深度操作系统桌面版适用于笔记本和台式机,通过产品设计和技术实现,致力于为大家带来稳定、高效与易用的用户体验。而简洁界面设计和交互可以帮助用户减少浏览和查找的时间,将更多时间投入工作和学习。在这次较长的产品研发周期里,产品经过了不断的探讨、研究和方向修正,并最终选择更倾向于用户的实用性改善和产品内在修养的提升,而这次发布的深度操作系统15.6正是我们…
thumbnail
JS原生滚动到指定元素位置
使用JS原生API Element.scrollIntoView() ;(有部分浏览器不支持) https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 elemen…
thumbnail
Vue input上传图片
Vue使用input上传图片,没有提交按钮,用于修改头像。代码参考互联网: <input @change="upAvatar" name="files" accept="image/*" type="file">  // 上传头像 upAvatar: function(e) {   let that = this;   let file…
thumbnail
element-ui表单验证
表单验证那里跟着element文档报错。。。 主要在 this.$refs[formName].validate() 这里报错,我打印了下this.$refs看看里面有什么,结果是这样的: 先上代码看看: <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class='form'…