插件
关注
分享
扫一扫
文章平均质量分 51
开心大表哥
高级前端开发进阶版
展开
-
h5开发必备工具之草料二维码浏览器插件
h5开发必备工具之草料二维码浏览器插件 做h5开发，的一个重点是如何适配手机，那么如何让你敲的代码可以在你手机上简单看到呢。 原理很简单，就是将你的电脑变成服务器，发射wifi给手机进行连接。然后在你电脑上构建的服务器上进行访问即可。 下面我推荐一个浏览器二维码插件，它可以方便地让你用手机扫描测试。 1.到草料二维码官方找到浏览器插件： 2.安装插件：在google得拓展工具上进行安装原创 2017-09-23 11:45:51 · 13844 阅读 · 4 评论 -
微信小程序开发之wepy框架
wepy是由腾讯团队推出的小程序组件化开发框架，为什么一开始推出的时候不直接用这一套！？官网地址 WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。 特性： 类Vue开发风格 支持自定义组件开发 支持引入NPM包 ...原创 2018-06-19 20:11:01 · 7498 阅读 · 1 评论 -
活用clone和trigger函数，点击按钮原有事件不触发，之后再触发原有事件
活用clone和trigger函数，点击按钮原有事件不触发，之后再触发原有事件 需求： 网站开发完毕了，然后产品说要在原来的’确认按钮’点击后加一个’弹窗’提醒用户一些注意事项，在用户点击弹窗里面的’同意按钮’后再执行原来’确认按钮’ 里面绑定的事件。需求看起来很简单，但是有一个要求不能在原来代码上改，只能引入一个js文件和一个css文件。 思路： 将’确认按钮’clone出来，然后将它...原创 2018-08-23 10:34:13 · 1339 阅读 · 2 评论 -
占位图和图片懒加载项目实战详解
占位图（兜底图）：真实图片太大还没有加载完之前先用一张占位图表示这个位置将来会有图片或者说明这个位置是有图片的但是不知道什么原因真正的图片没有加载出来用户只能看到这张占位图；什么是图片懒加载：懒加载也就是延迟加载，当访问一个页面的时候，先把img元素渲染出来，但是不给它真正的src地址，只有当用户需要看到真正图片的时候，才设置图片正真的路径，让图片显示出来。为什么要使用懒加...原创 2018-08-23 14:40:37 · 7692 阅读 · 5 评论 -
谷歌浏览器扩展程序一键解决本地开发跨域问题，让你不用乱mock数据
谷歌浏览器扩展程序一键解决本地开发跨域问题，让你不用乱mock数据 1.在谷歌浏览器中打开它的网上应用商店 （需要翻墙）；2.然后在搜索框中输入：Access-Control-Allow-Origin，在回车搜索一下，就会有图片的结果； 3.在上图第一个工具中点击添加至Chrome进行添加；4.添加成功后就会在浏览器的右上角出现一个绿色的图标（如果你是老司机装的拓展太多可能不能在这...原创 2018-08-27 21:56:26 · 1146 阅读 · 1 评论 -
css3鼠标点击出现波浪动态效果案例现场
(function() { let x, y; let index = 0; let screenSizeWidth = (′body′).width();letscreenSizeHeight=(′body′).width();letscre...原创 2018-09-13 10:51:50 · 4185 阅读 · 6 评论 -
抓包神器charles使用与破解实战
简介：charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。主要功能：支持SSL代理。可以截取分析SSL的请求。支...原创 2018-09-19 15:39:05 · 2681 阅读 · 2 评论 -
推荐一个十分实用的VUE瀑布流插件Masonry
Masonry是最流行的瀑布流插件之一，配置简单，功能强大，在Github上收获了1.3w+ stars。如果你想使用瀑布流提升网站体验，Masonry将是不错的选择。啥是瀑布流：是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这...原创 2018-11-08 11:53:08 · 23960 阅读 · 10 评论 -
如何删除mac中的.DS_Store和git中的.DS_Store
.DS_Store 是什么使用 Mac 的用户可能会注意到，系统经常会自动在每个目录生成一个隐藏的 .DS_Store 文件。.DS_Store(英文全称 Desktop Services Store)是一种由苹果公司的Mac OS X操作系统所创造的隐藏文件，目的在于存贮目录的自定义属性，例如文件们的图标位置或者是背景色的选择。相当于 Windows 下的 desktop.ini。G...原创 2018-06-25 14:15:57 · 8614 阅读 · 1 评论 -
mac下npm安装全局组件报错
1.没有权限安装 在你的安装指令前面加上sudo，然后会提醒你输入密码，这个密码是你mac的开机解锁码！如：sudo npm install egg-init -g2.更换全局变量文件夹2.1.回到用户根目录下再新建一个全局安装的路径cd ~mkdir ~/.npm-global之前安装过的话会提醒存在了.npm-global这个文件夹2.2.配置npm使用新的...原创 2018-06-09 15:52:44 · 5901 阅读 · 3 评论 -
h5开发必备之切图工具cutterman
h5开发必备之切图工具cutterman 设计师，给我们开发的psd图，很多时候需要我们切的，那么我们有什么快速切图的工具。 今天来介绍一块很是牛逼的ps插件，它非常小但是功能非常强大，可以节省很都传统切图的时间。 1.到官网下载：官网 2.安装： 3.答疑： 4.使用说明： 嘻嘻，确实好用，不骗人。...原创 2017-09-23 12:06:50 · 17033 阅读 · 1 评论 -
h5大转盘，圆盘抽奖，正方形抽奖
h5大转盘，圆盘抽奖，正方形抽奖等是我们搞活动的时候用的很多的需求，那么如何才能拥有一个好的插件的。以下我来介绍一款：原生 JavaScript 抽奖组件，支持移动端适配，无框架依赖，抵制 FLASH ！ 源码到这个网址拿：http://game.gtimg.cn/images/js/delottery/index.html 1. 2. 3. 以下是一个案例：原创 2017-09-23 12:40:29 · 5082 阅读 · 1 评论 -
最简单的sublime text 3安装vue插件
1.打开sublime text 3按 Ctrl+Shift+P（相信你有单身的手速，同时按完这3个键） 2.选中上图中，框出来的内容，按下enter. 3.选择上图的第二个即：vue syntax hightlight 4.重启一下，sublime。你会发现有效果了，如果没有就再按一次Ctrl+Shift+P，搜说框处输入vue，把感觉顺眼的都安装一下，就可以了。（嘻嘻） 如果第一原创 2017-09-12 22:59:25 · 66584 阅读 · 3 评论 -
基于zepto的motion库-移动端页面无缝循环滑动效果
基于zepto的motion库-移动端页面无缝循环滑动效果 案例地址<!DOCTYPE HTML><head><meta charset="utf-8"><meta name="author" content="Tencent-TGideas"><meta name="format-detecti原创 2018-02-12 10:57:16 · 1434 阅读 · 1 评论 -
Iconfont使用方法的详细教程，html怎样引入iconfont
1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车（这一步很简单，就像逛淘宝一样！）； 2.然后就是点击一下购物车，它会出现‘下载代码’的按钮，点击下载保存到本地； 3.接着就是把下载好的文件解压出来，放到项目的css文件夹（方便之后在html中引用）； 4.文件放到项目后，只需要引用iconfont.css这个文件即可； 5.最后一步肯定是调用了...原创 2018-03-05 15:39:31 · 56021 阅读 · 3 评论 -
html5页面中添加腾讯地图api
html5页面中添加腾讯地图api： 点击地图出现详细的地图： 这是一个基于微信端的地图处理方案。 先看看html架构：<a id="aToMap" href=""> <div class="map" id="map-container"> </div></a><原创 2018-04-22 23:05:52 · 11451 阅读 · 3 评论 -
安装sass环境-ruby安装指南
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!）window下安装SASS首先需要安装Ruby，官网下载。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图： 安装的过程就是点点点，Windows的基本操作，所以详细的图就不截了。 安装结束之后测试ru...原创 2018-04-20 23:54:06 · 8711 阅读 · 1 评论 -
谷歌浏览器地址转换成二维码的插件，只需几行代码即可实现
谷歌浏览器插件，是利用javascript进行编写的。具体代码参考在github里面，这是本人简单编写的一个谷歌浏览器地址转换成二维码的插件，里面的代码思路本文暂时不做解析，只是介绍如何使用这个插件。 1.将插件下载到本地。 2.打开谷歌浏览器，点击‘拓展程序’： 3.点击‘加载已解压的拓展程序’： 4.刷新一下浏览器，发现右上角出现了，新按钮，点击按钮就能将当前页面的URL转化成...原创 2018-04-26 14:16:03 · 17561 阅读 · 5 评论 -
浏览器调试移动端网页包括安卓和苹果两种设备
情景：手机浏览器上打开一个网页发现界面出错了，可在电脑浏览器上运行的明明很完美，但是我无法对手机浏览器上的页面进行审核元素；这可怎么调试啊，怎样才能知道它在哪里错了！解决方案有两个： 一：引入vconsole插件，手机上可以出现审核元素的界面供调试 二：真机连电脑调试。 a.安卓手机解决方案： 1. 手机开启调试模式连接电脑，确保是调试模式连接的，安卓机型太多自行百度吧！（可以参考...原创 2018-06-13 21:35:14 · 7544 阅读 · 0 评论 -
vue源码分析系列:用sourcemap调试源码
由于前几篇文章是用vue-cli直接分析的，今天我们学习直接调试vue源码。安装vue（mac机)1.在GitHub上克隆官方的vue-地址2.安装依赖npm install修改vue项目1.在package.json script dev 增加--sourcemap指令"dev": "rollup -w -c scripts/config.js --environment TARGE...原创 2019-06-12 11:49:36 · 10623 阅读 · 5 评论