常用功能
文章平均质量分 55
Tomhs3000
鸭鸭什么都不知道
展开
-
分享若干种模态窗口的实现方法
分享若干种模态窗口的实现方法最近开发中模态窗口用的还是挺频繁的,分享几种实现方式:PC端模态窗口代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键PC端模态窗口需要做的几个步骤1背景层2弹出层3点击弹出模态窗口4点击关闭模态窗口5点击背景关闭模态窗口 首先是来个简单的效果图。 —— [ 在线演示原创 2017-09-30 16:02:00 · 525 阅读 · 0 评论 -
vue-lazyload 懒加载 一些注意事项
一、简介懒加载可以说的上是很基础的功能了,但是平时也用的非常广泛。在vue中有很多懒加载的插件,今天给大家带来一个我比较常用的插件的一些注意事项。二、安装$ npm install vue-lazyload -D三、官方链接这里附上官方文档链接 vue-lazyload四、注意事项栗子代码(此处将本地图片地址改为了接口请求到的图片地址,其他同官方文档)<div v-lazy-containe...原创 2018-06-29 14:56:27 · 14204 阅读 · 7 评论 -
vue下实现复制功能--插件版
之前介绍了不使用插件的复制方法,现在在介绍一下使用插件的复制方法。一、安装$ npm install vue-clipboard二、引入var VueClipboard = require('vue-clipboard') Vue.use(VueClipboard) new Vue({ data: { copyData: 'copy data' },})三、使用<b...原创 2018-06-29 11:47:36 · 2398 阅读 · 0 评论 -
vue下实现复制功能
一、说明:vue下想要实现复制功能有很多种方法,比如vue-clipboard2等。但是如果你不想使用插件,我们也可以利用document.execCommand来实现此功能。二、简介:当一个HTML文档切换到设计模式 designMode时,文档对象暴露 execCommand 方法,该方法允许运行命令来操纵可编辑区域的内容。三、使用 methods: { CopyUrl(){ ...原创 2018-05-16 11:30:52 · 14379 阅读 · 0 评论 -
原生js实现对cookie的增删改查
在某些场景中,我们需要对cookie进行一些操作,但是却又并不希望对cookie的操作进行封装的时候,就可以使用原生js对其进行一些操作。一、设置cookie1、每个cookie都是一个键/值对,键/值对用等号连接,并将该键/值对赋值给document.cookie即可。如:document.cookie="_uid=111";2、如果是通过变量来保存值,则可以通过document原创 2018-03-20 17:59:29 · 973 阅读 · 0 评论 -
自定义右键菜单(阻止右键弹出菜单)
一、概述某些时候我们并不需要右键弹出菜单的功能,或者我们需要模拟一个右键菜单用以实现我们的需求;二、解决办法这里我通过了oncontextmenu来实现,以下是全局阻止右键的办法document.oncontextmenu = function (event) { event.preventDefault();};如果我们仅仅需要部分dom阻止右键菜单则可以var el原创 2018-02-06 15:50:39 · 3291 阅读 · 0 评论 -
将图片转化为base64格式通过ajax传给后端
最近在做注册登录系统时,需要传图片给后端,因为native直接用的base64格式的。所以我们需要做的就是将 用户上传的图片预览出来,同时转化为base64格式通过ajax传给后端。废话不多说直接上代码第一步,我们需要将input file的文件提取img标签可以识别的url。//建立一個可存取到該file的urlfunction getObjectURL(file) { var原创 2018-01-29 15:11:54 · 11383 阅读 · 1 评论 -
js刷新页面的几种方法
收录了几种JavaScript中常用的刷新页面的方法。原创 2017-12-27 15:06:44 · 365 阅读 · 0 评论 -
保存网页图片的方法
手把手教你保存网页图片......原创 2017-12-20 11:01:05 · 9147 阅读 · 0 评论 -
移动端复制按钮(点击复制,clipboard.js)
移动端复制按钮实现,clipboard.js原创 2017-09-22 09:42:11 · 14219 阅读 · 0 评论 -
jQuery cxSelect 联动下拉菜单 城市联动
用于地址等需要二级或者三级联动的场景原创 2017-11-08 19:44:51 · 800 阅读 · 0 评论 -
vue中父子组件之间的通信(父组件向子组件传值)
一、vuex作为状态管理,用起来还是蛮方便的,但是最近某个项目遇到个情况,有东西和vuex冲突了,很多传值的地方只能通过组件之间的通信来解决。下面简单记录下,父与子,子与父之间的一些传值方法。二、父组件向子组件传值<template> <div> <Child :time="year" :xiaoming="person...原创 2018-08-15 15:05:44 · 724 阅读 · 0 评论