年度归档: 2018 年

90 篇文章

thumbnail
网站启用HSTS并加入HSTS Preload List
本次操作参考 挖站否 教程操作,个别图片由于添加时忘了截图,所以只能借用 qi 的截图了,@qi 别介啊。 1、添加 SSL 证书 首先给你的网站加上https,如果没有的话可以申请 Let’s Encrypt 免费证书。 2、配置 HSTS 我的服务器是Nginx ,配置很简单:打开文件 /usr/local/nginx/conf/nginx.c…
thumbnail
小程序自定义弹窗 获取授权失败重新获取授权
小程序很多获取的权限都从 button 组件中获取,这就经常需要弹窗提示操作了。而小程序自带的模态框又没法设置button获取信息,只能自定义一个模态框了 下面以获取微信地址为例: 在app.wxss中添加样式(很多地方需要用模态框,直接写在全局样式表中更方便) /* 提示框 */ .box{     position: fixed;     to…
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…