一.插件准备 在github上可以直接下载该插件:https://github.com/icindy/wxParse 二.基本使用 1.将插件导入项目: 将wxParse文件夹放在项目目录下,如图: 其中: - wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js(必须存在) -wxParse.wxml(必须存在) -wxParse.wxss(必须存

微信小程序输出html内容数据插件wxParse,可以把带html标签的数据输出为微信小程序正常显示的格式,wxParse插件带有演示,也有使用文档说明. 下载地址:https://github.com/icindy/wxParse 参考来自: http://www.51xuediannao.com/xiaochengxu/wxParse.html https://www.cnblogs.com/dcyummy/p/7089394.html 实例

总体分为2个步骤 一,先写好插件 二,发布到npm上面 一,写vue插件 vue有一个开放的方法install,在vue插件需要写在这个方法里面,在vue官网,里面说的很清楚,这个方法里面可以是全局方法,可以是指令还可以是挂载在原型的方法. 而vue在使用插件时候,需要首先use. 写好插件之后需要应用webpack打包.然后将代码统一推送到npm上面就可以了. 二,发布到npm上面 1)首选需要有个npm注册账号,这个可以直接在npm官方注册 2)在cmd上面切换路径到打包好的vue插件目录

修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, }; 这里使用 node.tag 能够获取标签类型,比如: img.embed.video 这里我的系统后台编辑器使用的是ckeditor 上传视频.生成的便签是:embed 所以加上判断: if (node.tag =="embed"){ var embUrl = node.attr.sr

转自:https://www.cnblogs.com/likun123/p/9543376.html 小程序解析html标签,就需要用到wxParse啦.但是在解析连续图片的时候,会发现图片之间会有间隔,这是因为微信小程序本身的img标签自带间隔 解决:在wxss中设置  .wxParse-img{   display: flex; }

近期,开发小程序时,遇到后台给我返回了一串html代码,需要我这边来解析,头疼了好久,网上找资料找了变天,终于找到wxParse,然而看到的都是针对于页面中有单个html或者固定数据的,我现在的问题是,后台给我返回许多条数据,每一条数据中都有一串html代码需要解析. 说到这儿,就先来说说wxParse的基本用法吧. 首先引入必要的文件. (1).在需要用到wxParse的js文件中引入wxParse.js文件. let wxParse = require("../../wxParse/wxPa

公司内部网络与外部网络隔离,导致npm无法通过npm install安装,只能通过离线安装. 要求: 两台机器(内网一台,外网一台) 两台机器上都已安装好的node和npm 以内网机器安装ftpsync为例: 1. 在外网机器上输入npm安装插件命令"npm install -g ftpsync",如图: 2. 在外网机器上找到"c:\Users\y****\AppData\Roaming\npm\"目录,并在整个目录拷贝到内网机器上任何一个目录,即完成离线安装.

制作npm插件vue-toast-m实例练习(消息弹窗) 一.使用npm插件 import VueToast from 'vue-toast-demo-cc' Vue.use(VueToast) this.$toast.show("hello,toast") //or this.$toast.show("hello,toast",{ duration:3000 }) // or this.$toast.show("hello,toast",fun

刚做好公司网站,通过全屏滚动,显著提高了官网的浏览体验.遂总结一下使用fullpage.js的方法.欢迎指正 一. fullpage.js简介 fullpage.js是一套实现浏览器全屏滚动的js插件,很多网站现在都使用了其来实现较好的浏览体验. 可以实现的功能: 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 二.插件下载 npm|npm install

插件使用注意事项: 插件需要先 npm/cnpm install xx --save-dev gulp taskname,如果 task 已经设置成 default 的依赖,直接 gulp 即可 task 中的文件路径都是相对 gulpfile.js 的 gulp.dest() 指向的目录不存在,会被创建 task 中的 gulp.src 前记得加上 return(注意我下面的示例很多并没有加).为什么要加参考 Gulp 入门 中 「6. API 参考」src 一节 JS 压缩.合并.重命名 l

1.npm(node package manager) nodejs的包管理器,用于node插件管理(安装.卸载.更新.管理依赖等); 2.使用npm安装安装插件: 1).命令提示符执行 npm install <name> [-g] [--save-dev]; 2).卸载插件:npm uninstall <name> [-g] [--save-dev];(不要直接删除本地插件包)      删除全部插件:npm uninstall gulp-less gulp-uglify ..

1.Allow-Control-Allow-Origin    安装此插件解决跨域问题,在本地起服务器可访别的域的数据. 需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问) 2.clear Cache    一键清浏览器缓存. 3. EditThisCookie     EditThisCookie是一个cookie管理器.您可以添加,删除,编辑,搜索,锁定和屏蔽cookies! 4.Postman

gulp 是基于node的,所以第一步要确保你已经安装了node环境,具体怎么安装可以到node官网去看一下(https://nodejs.org/en/) 1.全局按钮gulp 打开node窗口输入npm install -g gulp 全局安装好之后  进入当前目录安装本地安装 npm install --save-dev gulp 当全局与本地项目文件夹里面都安装好了之间 使用命令行 gulp –v看一下版本 如果版本一样那就最好了 2.插件安装 npm install gulp-less

Nicolas Bevacqua进行了一个比较JavaScript构建(编绎)系统的任务.他对三巨头: Grunt, Gulp and NPM进行了比较,并讨论了每种的优缺点. By Nicolas Bevacqua 决定采用何种技术总是很难的.一旦遇到问题,你不想推翻你之前的选择.但是你必须选一个,然后让它按照着你的思路做.实施一套构建(编绎)系也是一样的,你应该把它看作一个非常重要的选择,让我们以Grunt为例. Grunt有一个完善的社区,即使是在Windows上 它不仅仅应用在Node社

gulp自动刷新的插件很多,但是感觉最好用的还是 browser-sync 插件.如果不想用命令行,也可以使用 browser-sync界面工具 先安装 browser-sync 插件: npm install browser-sync --save-dev 安装 browser-sync 插件可能遇到的问题 http://www.cnblogs.com/ayseeing/p/4201202.html browser-sync API gulpfile.js文件代码如下: // 先引入依赖模块

简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器,她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,她

简要教程 这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件.该slider插件可以自定义slider的颜色.形状.透明度和tooltip等属性,美化的效果非常好. 安装 可以使用npm和bower来安装该slider插件. npm install bootstrap-slider bower install seiyria-bootstrap-slider 使用方法 首先要在页面中引入必要的css和js文件. <link href="c

闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pullToRefresh/ 项目地址:https://github.com/owenliang/pullToRefresh 实现注意: 利用transition做动画时,优先使用transform:translate取代top,后者动画流畅度存在问题. 各移动浏览器对手势触摸的处理不同(简单罗列如下),但

中国省市区地址三级联动jQuery插件 案例下载 distpicker 是一款可以实现中国省市区地址三级联动jQuery插件.它使用简单,简单设置即可完成中国省市区地址联动效果. 安装 可以通过npm或bower来安装该三级联动插件. npm install distpicker bower install distpicker 使用方法 HTML结构 基本的HTML结构是使用一个<div>容器来包裹一组<select>元素. <div><!-- containe

npm介绍 说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装.卸载.管理依赖等) 使用npm安装插件:命令提示符执行npm install <name> [-g] [--save-dev] <name>:node插件名称. 例:npm install gulp-less --save-dev -g:全局安装. 将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环

前言 如果你想写一个npm插件,如果你想通过命令行来简化自己的操作,如果你也是个懒惰的人,那么这篇文章值得一看. po主的上一篇文章介绍了定制自己的模版,但这样po主还是不满足啊,项目中我们频繁的需要新建一些页面,逻辑样式等文件,每次都手动new一个,然后复制一些基本代码进去非常的麻烦,所以就有了这篇文章.接下来就让po主为大家一步一步演示怎么做一个npm命令行插件. 注册npm账户 发布npm插件,首先肯定要有个npm帐号了,过程就不啰嗦了,走你. npm官网 有了账号后,我们通过npm in