Demo Container插件,VuePress

2024-08-04

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

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

值得H5前端学习的60个JS插件(含DEMO演示)

下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素.demo ScrollReveal- ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画.demo Bricks.js- 是一款超快的用于固定宽度元素的“砖石”布局生成器.demo ————————————————————————————————————————

jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields(

如何写一个c++插件化系统

1.为什么需要插件化系统 “编程就是构建一个一个自己的小积木, 然后用自己的小积木搭建大系统”. 但是程序还是会比积木要复杂, 我们的系统必须要保证小积木能搭建出大的系统(必须能被组合),有必须能使各个积木之间的耦合降低到最小. 传统的程序结构中也是有模块的划分,但是主要有如下几个缺点: a: c++二进制兼容 b: 模块对外暴露的东西过多,使调用者要关心的东西过多 c: 封装的模块只是作为功能的实现者封装,而不是接口的提供者 d: 可替换性和可扩展性差而插件式的系统架构就是为了解决这样的问题

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

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

Unity3D 画线插件 Vectrosity_Simple2DLine

Vectrosity是一个很方便的画线插件,用它我们可以画出2D,3D,贝塞尔,圆,椭圆等各种线条图案. :链接: http://pan.baidu.com/s/1pJjTFjt 密码: uesn 首先导入Vectrosity,导入后是这样的打开Sences,看第一个Demo Vectrosity插件采用的脚本都是用JS编写的,在第一个Demo中有三个脚本 ,全部运行的效果是这样的. 这里我改为C# 的写法来书写脚本. 第一种最简单的方法画线: void Start(){ VectorLine

Android 使用动态载入框架DL进行插件化开发

如有转载,请声明出处: 时之沙: http://blog.csdn.net/t12x3456 (来自时之沙的csdn博客) 概述: 随着应用的不断迭代.应用的体积不断增大,项目越来越臃肿,冗余添加.项目新功能的加入,无法确定与用户匹配性,发生严重异常往往牵一发而动全身,仅仅能紧急公布补丁版本号.强制用户进行更新.结果频繁的更新,反而容易减少用户使用黏性.或者是公司业务的不断发展,同系的应用越来越多,传统方式须要通过用户量最大的主项目进行引导下载并安装. 怎么办? 參考浏览器-插件开发模式:

js写插件教程

<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> #demo-1,#demo-2{width: 200px;height: 200px;border: 1px s

js写插件教程入门

原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 1. 点击add可以添加个自input的内容到div里并实现变颜色 <div id="demo-1"> <input type="" name="" id="" value="好的" /> <button id="add-1">add</b

vue 裁剪图片，插件Cropper的使用

全局安装 npm install cropperjs 如果想本项目安装,方便移植: import Cropper from 'cropperjs' --save 这样的话,本地 package.json 文件中 dependencies 就会引入移植后npm install安装就会带入接着再引入 import Cropper from 'cropperjs' <template> <div id="cropper"> <!-

gulp实用配置（1）——demo

在React和Vue推进下,现在很多人都在使用webpack作为自动化构建工具,但其实在很多时候我们并不是一定需要用到它,gulp这样的轻量级构建工具就足够了. 最近一段时间不是太忙,所以就写了三份配置,用在不同的情况下. 这篇文章介绍第一份配置,也是最简单的一份. 这份配置我把它称作demo测试配置,因为在我工作的时候,经常需要快速出效果或者实现某些功能,你没有时间去自己实现,那么就需要找一些现有的例子或者插件. 不过这些demo或者插件很多时候需要在移动端查看或者启动一个服务器,所以这份配置

插件使用_kindeditor

1.官网进入官网:http://kindeditor.net/demo.php 插件下载:http://kindeditor.net/down.php 2.使用 (1)文件夹说明 ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-all-min.js 全部JS(压缩) ├── kindeditor-all.j

jquery插件实现分页

Query Pagination分页插件原项目地址:http://plugins.jquery.com/project/pagination 版本:v1.2 源文件下载:英文原版或中文翻译修改版翻译:张鑫旭 demo实例页面基本demo页面 Ajax demo页面参数可编辑demo页面插件简介此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且

vue 开发插件流程

UI demo UI 插件汇总我的github iSAM2016 在练习写UI组件的,用到全局的插件,网上看了些资料.看到些的挺好的,我也顺便总结一下写插件的流程: 声明插件-> 写插件-> 注册插件 -> 使用插件声明插件先写文件,有基本的套路 Vue.js 的插件应当有一个公开方法 install . 第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象:而options设置选项就是指,在调用这个插件时,可以传一个对象供内部使用 // myPlugin.js exp

MyBatis 示例-插件

简介利用 MyBatis Plugin 插件技术实现分页功能. 分页插件实现思路如下: 业务代码在 ThreadLocal 中保存分页信息: MyBatis Interceptor 拦截查询请求,获取分页信息,实现分页操作,封装分页列表数据返回: 测试类:com.yjw.demo.PageTest 插件开发过程确定需要拦截的签名 MyBatis 插件可以拦截四大对象中的任意一个,从 Plugin 源码中可以看到它需要注册签名才能够运行插件,签名需要确定一些要素. 确定需要拦截的对象 Exec

图片懒加载插件lazyload.js详解

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <SCRIPT src="jquery.js" type=text/javascript></SCRIPT> <SC

045-利用反射机制，简单的实现PHP插件模式

<?php //利用反射机制,简单的实现PHP插件模式 # 假设,我们有一款开源产品,所有开发者都必须在我定制的需求之上,进行二次开发, # 而开发完成后的新模块,就是一个不一样的新插件,可以放在特定的位置进行自动加载 #这是我们的开源产品 interface Demo{ # 所有插件都必须实现这个方法 public function msg(); } #这是小明开发的插件-1 class xiaoming implements Demo{ public function msg(){ echo

试着给VuePress添加渐进式Web应用(PWA)支持，基于vuepress/plugin-pwa，点亮离线访问

背景有时候,我们也希望VuePress构建的文档中心能支持离线访问,这时候我们需要给他添加渐进式Web应用(PWA,Progressive Web App)的支持,根据官方文档指引,我们可以借助插件vuepress/plugin-pwa来添加PWA的支持. PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序.这些应用无处不在.功能丰富,使其具有与原生应用相同的用户体验优势. 安装 npm i

mapboxgl 互联网地图纠偏插件（二）

前段时间写的mapboxgl 互联网地图纠偏插件(一)存在地图旋转时瓦片错位的问题. 这次没有再跟 mapboxgl 的变换矩阵较劲,而是另辟蹊径使用 mapboxgl 的自定义图层,重新写了一套加载瓦片的方法来实现地图纠偏. 下面把我这次打怪升级的心路历程分享一下,或许对你也有启发. 文中涉及一些 webgl 的知识细节,没有接触过 webgl 的同学,可以参考看上一次给大家推荐的电子书 <WebGL编程指南>,这次再附上一个包含书中所有示例的github 库,会很有帮助. 书接上回在研究

【记录】如何造一个vite插件（1）

在看文章前,先做个定位,这不是一篇纯粹的技术性文章,可以把它理解成一个叙述文章,记录我开发插件的过程. 开始前简单的吹个牛 vue2 也写了很多年了,多人合作始终避不开用到别人的组件.关键是有些组件没有文档看起来是真的费劲.props还可以直接通过组件看出来,emit,ref,slot代码一多看起来就比较费劲了.也想过一些解决方案,比如每个组件写一个 readme.这就有一个问题,时间太紧了,谁来给你写 readme 哦,开玩笑. 所以如果有一个能够自动解析 vue 组件的东西就好了.在网上搜索

mapboxgl 互联网地图纠偏插件（三）

先说结论,结论当然是:大功告成,喜大普奔.看效果图: 好了,接下来说一下过程先回顾一下这个系列的第一篇和第二篇第一篇是直接改的 mapboxgl 源码,在源码里面对瓦片的位置进行纠偏,遇到的问题是,地图旋转时会有错位,还有瓦片纠偏后屏幕边缘会有空白. 第二篇是写了一个 mapboxgl 自定义图层,遇到的问题是,地图在大比例尺时,瓦片会疯狂抖动. 这两篇文章发出后,有两位大牛针对上面的问题,给出了建设性的意见. 一位是思否上的网友"undefined"(这个不是bug,是他的名称)

Demo Container插件,VuePress

热门专题