demo-container 没有收起复制

vuepress搭建UI组件库文档踩坑篇

为了实现组件效果预览及代码展示可折叠功能,使用了插件vuepress-plugin-demo-container 相关配置可参考官网说明文档第一步安装插件 npm i - D vuepress-plugin-demo-container 第二步配置插件在config.js 文件夹里(.vupress目录下)配置插件 module.exports = { plugins: ['demo-container'] } 第三步创建components目录,新建md文件,用于展示组件第四步在

【转】js插件zClip实现复制到剪贴板功能

相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板. 1. 准备工作准备好jquery,然后去http://www.steamdev.com/zc

【javascript】复制到剪贴板功能（支持目前各种浏览器）

本demo支持各种浏览器复制,亲测可用(IE8,IE9,IE10,火狐,谷歌). 本demo中使用了ZeroClipboard(下载地址:https://github.com/zeroclipboard/zeroclipboard). 本demo 必须在服务器环境下,浏览器直接打开无效. 本demo 需要引入3个文件:jquery.min.js.ZeroClipboard.min.js和ZeroClipboard.swf. <!DOCTYPE html> <html> <he

使用微软企业库5.0提供的unity配置解藕系统demo（源码）

最近公司集50多号开发人员的人力围绕一个系统做开发,框架是免不了要统一的,公司提供的架构,利于分工合作,便于维护,扩展,升级,其中使用了到微软的企业库来解藕系统,只是因为框架封装,于是在网上学习了一个类似的搭建示例,贴在这里主要是为了记录与分享,希望可以帮助到一些朋友. 示例主要讲了一个根据接口反射了实体类对象的方法,而注册这种映射是写在配置文件里面的. 配置文件: <?xml version="1.0" encoding="utf-8"?> <!

兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能

相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板. 加载JQuery库和zclip插件 <script type="text/javascr

js插件zClip实现复制到剪贴板功能

相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要. 网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的.去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板. 1. 准备工作准备好jquery,然后去http://www.steamdev.com/zc

js一键复制到剪切板

<div id='demo'>我就是被复制的内容<span>点击复制<span></div> $('#demo').on('click','span',(event)=>{ let Url2 = event.currentTarget.offsetParent.childNodes[0].nodeValue;//获取点击的span的父元素的内容 let oInput = document.createElement('input');//创建一个inp

baidumap demo(二)

接口说明百度地图API提供的搜索服务包括:POI检索,多关键字检索,公交方案检索,驾车路线检索,步行路线检索,地理编码,反地理编码,公交详情检索,在线建议查询,短串分享. 所有检索请求接口均为异步接口,您必须实现BMKSearchDelegate协议,在一个时刻只能有一个BMKSearch接受回调消息,因此如果在不同的viewController中使用多个BMKSearch,需要在页面切换对BMKSearch的delegate做处理,代码如下: 源码复制打印关于 -(void)viewWill

利用webuploader插件上传图片文件,完整前端示例demo,服务端使用SpringMVC接收

利用WebUploader插件上传图片文件完整前端示例demo,服务端使用SpringMVC接收 Webuploader简介 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+.两套运行时,同样的调用方式,可供用户任意选用. 采用大文件分片并发上传,极大的提高了文

深入浅出ExtJS 第二章 Ext框架基础

2.1 面向对象的基础架构(对象模型) 2.1.1 创建类 >.定义一个类: Ext.define('demo.Demo',{ name:'Lingo', hello:function () { return 'Hello'+this.name; } }); //第一个参数是字符串类型的类名; //第二个参数是object类型,其中可以填写这个类型的字段和函数; >.创建一个对象: var demo = new demo.Demo(); 2.1.2 对象继承(extend) Ext.defin

vue中使用cropperjs进行图片裁剪上传

下面代码直接就可以复制使用了,但是需要在本地下个cropperjs,下载命令:npm install cropperjs --save-dev <template> <div id="yin"> <div id="demo">  <div class="container" v-show="panel"> <div> <img

less 语法

1 变量 less的变量使用@开头 1.1 demo @colorRed:red; @colorBlue:blue; .demo{ color:@colorRed; background-color:@colorBlue; } 对应的css: .demo{ color:red; baclground-color:blue; } 1.2 甚至可以在定义变量值时使用其它的变量: @name:"zhang san"; @info:"name"; .demo11{ &

Windows Azure Storage (21) 使用AzCopy工具，加快Azure Storage传输速度

<Windows Azure Platform 系列文章目录> Update 2016-09-28 想要在Azure云端,使用AzCopy工具,从Azure China 上海数据中心存储账户,把文件拷贝到另一个数据中心的存储账户里,速度达到600MB/S 请按照以下方法: 1.在微软云端,创建1台至少8Core的虚拟机.注意AzCopy在执行时是多线程的,Azure云端的虚拟机配置越高,则AzCopy性能越好 2.安装AzCopy 3.在执行AzCopy的时候,加参数 /SyncCopy 请注

学习Sass 的基本语法规则[Sass和compass学习笔记]

自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework,一切都为了提升开发效率和降低开发大型web的门槛. 当web开发趋势迈进WebApi+Js 时代,compass和Sass 会不会成为web开发的标配?这个得实际开发检验下. 预处理当web站点变的越来越复杂. 先是html 复杂了---->动态编程语言解决方案 js复杂了--->jq和dojo 等解决方案 css现在也变的复杂了,但是css本身

Highcharts使用指南

统计分析报表Highcharts使用指南一.前言(Preface)阅览本文,您可以了解:1.Highcharts使用方法2.Highcharts数据动态加载3.Highcharts自动刷新数据4.Highcharts常用模板二.引用Highcharts的JS <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script&

css3 TransformZ() 3D缩放

transformZ()函数做了一个在Z轴移动的工作,3D空间中,Z轴垂直于x-y所在平面-也就是界面所在的平面,而我们的视角正好垂直于xy平面,所以进行transformZ() 3D缩放,其实在我们的视角中是一个在远离X-Y平面与接近X-Y平面的过程,当其值为0可以理解为就在x-y平面上:当其为正值的时候,其向指向界面外移动,当其值愈大,则移动得愈远,在我们的视角,就会呈现一个愈来愈大的元素:反之为负值,则会向界面内进行移动,其负值愈小,则离界面愈远,我们视角看上去它呈现的元素就愈来愈小.

Scalaz（1）－基础篇：隐式转换解析策略－Implicit resolution

在正式进入scalaz讨论前我们需要理顺一些基础的scalaz结构组成概念和技巧.scalaz是由即兴多态(ad-hoc polymorphism)类型(typeclass)组成.scalaz typeclass在scala中的应用有赖于scala compiler的一项特别功能:隐式转换(implicit conversion),使程序表述更精简.由于隐式转换是一项compiler功能,在程序编译(compile)的时候是由compiler来进行类型转换代码的产生和替代的. 让我们先了解一下作

css3动画由浅入深总结

阅读目录一:过渡动画---Transitions 二:Animations功能三:translate(tx,ty) 四:scale(x,y) 五:rotate(x): 5.1:skew(x,y): 六:理解transform-origin属性七:理解transform-style属性八:理解perspective属性九:理解perspective-origin属性十:理解backface-visibility属性十一:css3中3D变换--translateZ()和translat

js实现图片滑动显示效果

js实现图片滑动显示效果今天用户提出一个需求,要实现一个滑动显示新闻列表的效果,具体就是图片新闻自动滑动显示,鼠标移上去就停止滑动,移开就继续滑动:效果如下: 第一:先用HTML和CSS实现显示,主要HTML代码如下: <div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="rptImgList" ru

iOS CoreData（2）

上面一篇文章介绍了coredata的有关基本概念,由于大部分是参考别人文章中的内容,所以感觉有点虚,而且估计也是比较难以理解,下面这篇文章通俗一点说说学习coredata后的一些理解,然后给出一个简单的demo,有错漏的地方,欢迎读者指正. 其实与coredata有关的有几个概念: 数据表 --–> Entity (You usually define entities in a managed object model usingthe data modeling tool in Xcode

demo-container 没有收起复制

vuepress搭建UI组件库文档踩坑篇

【转】js插件zClip实现复制到剪贴板功能

【javascript】复制到剪贴板功能（支持目前各种浏览器）

使用微软企业库5.0提供的unity配置解藕系统demo（源码）

兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能

js插件zClip实现复制到剪贴板功能

js一键复制到剪切板

baidumap demo(二)

利用webuploader插件上传图片文件,完整前端示例demo,服务端使用SpringMVC接收

深入浅出ExtJS 第二章 Ext框架基础

vue中使用cropperjs进行图片裁剪上传

less 语法

Windows Azure Storage (21) 使用AzCopy工具，加快Azure Storage传输速度

学习Sass 的基本语法规则[Sass和compass学习笔记]

推荐轻量高效无依赖的开源JS插件和库

Highcharts使用指南

css3 TransformZ() 3D缩放

Scalaz（1）－基础篇：隐式转换解析策略－Implicit resolution

css3动画由浅入深总结

js实现图片滑动显示效果

iOS CoreData（2）

热门专题

demo-container 没有收起 复制

热门专题

demo-container 没有收起复制