1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1BnwWHANHNyJzG3Krpy7S8A ,密码:xm6s 2,将压缩包解压到F盘,F:\chromeVue插件 3,复制文件地址,F:\chromeVue插件\vue-devtools-master 4,打开cmd命令,进入F盘,然后进入到vue-devtools-master文件中,命令:cd  F:\chromeVue插件\vue-devtools-master 5,在npm中执行命令,(我这边安装…
对于很多需要设计产品原型的朋友来说,Axure RP Pro可谓是非常方便.好用的一款软件,因为它不仅能绘制出详细的产品构思,也能生成浏览器格式的产品原型.但是如果想把原型拿给客户查看,千万记得给浏览器安装Axure扩展程序哦. Axure谷歌浏览器Chrome扩展程序使用说明:打开谷歌内核的浏览器,在浏览器中地址栏中输入chrome://extensions/  或者点击浏览器的右上角选择更多工具->扩展程序,将下载到本地的.crx文件拖入到扩展程序中,点击确定完成安装即可. 注意是拖入!!!…
当使用谷歌浏览器预览Axure原型文件的时候,首次打开会出现以下界面: 我们按照图片中的步骤来即可,不过前提条件是翻.墙[我使用的是蓝灯,下载地址:https://github.com/getlantern/lantern/releases/tag/latest]. 1.下载安装Axure扩展程序 点击[INSTALL EXTENSION],出现以下界面: 点击[添加到CHROME] 点击[添加到扩展程序] 2.打开谷歌浏览器的扩展程序界面 3.勾选[允许访问文件网址],这时你就可以访问你的原型…
接口测试过程中,有时候要查看接口返回的数据(比如Get接口),为了更方便的查看,发现这个插件挺好用的. 实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来. 比如,在谷歌浏览器中访问:http://jsonview.com/example.json 展现效果如下: 那么安装了JsonView扩展程序后的展现效果如下: 很明显,后者的效果更好.实现步骤如下: 1.下载JsonView扩展程序压缩包 下载地址:htt…
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来. 比如,在谷歌浏览器中访问:http://jsonview.com/example.json 展现效果如下: 那么安装了JsonView扩展程序后的展现效果如下: 很明显,后者的效果更好.实现步骤如下: 1.下载JsonView扩展程序压缩包 下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome 点…
前言 吐槽一下自己,最近变懒了,博客已经变成月更了.这次分享几个自己工作这几年下来,平常用的比较多的几个谷歌浏览器的扩展程序. AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告. 这个插件在我看来是自己使用谷歌浏览器时必须安装的,能拦截掉网页上的各种乱七八糟的广告,也可以屏蔽掉搜索引擎根据你的喜好展示的推荐. 运行效果如下: Restlet 一款能在浏览器里测试接口的工具.特别适合在测试一些内部接口时,还必须要在用户登录的情况下才能测试的情况.因为这个…
之前介绍过CRX Extractor可以从chrome应用商店下载备份扩展程序,有读者朋友问说:如果 Google Chrome扩展程序已经从 Chrome应用商店下架,还有没有方法下载呢?通常网路上可以搜寻到下载点或是从商店备份的 .crx 档案,但使用者很难确保这些档案干净没有被“加料”,若插件已经下架,但仍安装于你的 Google Chrome 浏览器,可以试著将插件导出备份,以后就可以随时将插件功能重新安装回去.我们之前曾经介绍过MAC上如何导出已安装的chrome插件CRX文件?,今天…
第一步: 前往 GitHub 下载 Vue Devtools 项目文件 https://github.com/vuejs/vue-devtools 注意: 1. 将分支切换为 master 2. 下载.zip压缩包后在本地解压 第二步: 进入解压后的文件夹, 打开powershell, 执行下面两条命令:  cnpm install npm run build 注意: 1. cnpm install 可以 改为: npm install, 这一步可能很慢, 建议还是安装cnpm, 然后切换为淘宝…
1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1BnwWHANHNyJzG3Krpy7S8A ,密码:xm6s 2,将压缩包解压到F盘,F:\chromeVue插件 3,复制文件地址,F:\chromeVue插件\vue-devtools-master 4,打开cmd命令,进入F盘,然后进入到vue-devtools-master文件中,命令:cd  F:\chromeVue插件\vue-devtools-master 5,在npm中执行命令,(我这边安装…
国外网站:https://www.crx4chrome.com/ 国内网站:http://www.cnplugins.com/ http://chromecj.com/web-development/2018-01/886/download.html 1.能上外网的情况下直接安装 打开谷歌浏览器,点击左上角应用,打开 chrome 网上应用商店 在左侧直接搜索,就可以看到这个插件了 安装后在浏览器右上角会显示 vue 的图标 在这个扩展的安装路径下找到 manifest.json 文件,把 "p…
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案. 目前, mpvue 已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广泛的场景里去.项目的地址在: https://github.com/Meituan-Dianpi…
像VUE一样写微信小程序-深入研究wepy框架 微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发. 小程序于M页比相比,有以下优势: 1.小程序拥有更多的能力,包括定位.录音.文件.媒体.各种硬件能力等,想象空间更大 2.运行在微信内部,体验更接近APP 3.在过度竞争的互联网行业中,获取一个有效APP用户的成本已经非常高了,小程序相比APP更加轻量.即用即走, 更容易获取用户 开发对比 从开发角度来讲,小程序官方封装了很多常用组件给开发带来很多便…
什么是Mixin(混入) Mixin是一种思想,用来实现代码高度可复用性,可以针对属性复制实现代码复用的想法进行一个扩展,就是混入(mixin).混入并不是复制一个完整的对象,而是从多个对象中复制出任意的成员并将这些成员组合成一个新的对象. const obj1 = {a:1,b:2,c:3,d:4,e:5}; const obj2 = {f:6,g:7,h:8,i:9,a:10}; let obj3 = {}; Object.assign(obj3,obj1,obj2); console.lo…
简单地说,浏览器插件,可以大大的扩展你的浏览器的功能.包括但不仅限于这些功能: 捕捉特定网页的内容 捕捉HTTP报文 捕捉用户浏览动作,改变浏览器地址栏/起始页/书签/Tab等界面元素的行为 与别的站点通信,修改网页内容…… 可以用它来识别一些网站上的广告代码,并直接把这些代码删掉,这样你就不会受到广告的困扰了 浏览器插件的弊端:会带来一些安全隐患,也可能让你的浏览器变得缓慢甚至不稳定. 插件地址:https://github.com/shengulong/chrome_plugin 1.chr…
MPVUE - 使用vue.js开发微信小程序 什么是mpvue? mpvue 是美团点评前端团队开源的一款使用 Vue.js 开发微信小程序的前端框架.框架提供了完整的 Vue.js 开发体验,开发者编写 Vue.js 代码,mpvue 将其解析转换为小程序并确保其正确运行. 简单上手mpvue 官方提供了一套quickstart模板. vue init mpvue/mpvue-quickstart my-project 安装好依赖之后,执行npm run dev,将会将小程序文件打包进dis…
背景 作为一名前端工作人员,相信大家在开发系统的时候,经常有遇到需要这么一种需求,就是需要为用户保存上传的图片,很多小白遇到这个问题的时候,都会虎躯一震,以为会是一个棘手的问题,当你读完这篇文章的时候,你会发现都是你瞎操作了,真相就是这么简单,下面进入正题: 图片文件上传 现在很多项目实现在系统内保存图片,大多数只是在系统数据库内保存对应图片的url,而实际的图片资源会放在阿里等图片服务器上,当然,也有一些项目会选择在自己的数据库中保存图片base64格式的字符串,下面讲一些这两种方法的具体实现…
我们有时候会安装浏览器扩展程序,正常情况下,我们回去谷歌应用商店里面进行下载,但是这个需要VPN,有时候我们没法使用VPN,想从其他已安装扩展程序的浏览器上直接安装就可以使用我们下面这个方法 win10系统: C:\Users\你电脑的用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions 这个里面有你谷歌浏览器安装的所有的扩展程序,文件夹点进去还有一个你安装的版本号的文件夹 然后谷歌浏览器输入:chrome://extensio…
可视化界面:ElasticSearch Head,最方便的是直接下载谷歌浏览器扩展程序…
vue 下实现 echarts 全国到省份的地图下钻 项目地址:https://github.com/cag2050/vue_echarts_v3_demo…
      以下是原生和jquery <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> #tab{ width: 300px; margin: 30px auto; } .tab-nav{ display: flex; } .tab-nav a…
目标: 对于强迫症患者那是相当难受~~~ 解决方案: 1:进入chrome://extensions/ 右上角开启开发者模式 点击打包扩展程序: 2:扩展程序目录为选择插件(*.crx解压后)的根目录,秘钥文件不填 选完后点击“打包扩展程序”会在插件根目录的上一目录生成两个文件 *.crx 和 *.pem 把 *.crx 文件拖到chrome://extensions/这个页面 添加插件 (这里是把插件打包重新安装了一遍) 到这里插件还是不能用!!! 但是可以看到插件的ID这里把插件ID先记下等…
浅谈Vue下的components模板在我们越来越深入Vue时,我们会发现我们对HTML代码的工程量会越来越少,今天我们来谈谈Vue下的 components模板的 初步使用方法与 应用 我们先来简单的写一段components代码(局部方法创造模板) <div id="app"> <haha></haha> </div> /* 这是最简单常用的一种创造模板方法,局部方法创造模板 要注意,局部模板 的作用范围 只在 相对的vue对象 范围…
VUE(下) VUE指令 表单指令 数据的双向指令 v-model = "变量" model绑定的变量,控制的是表单元素的value值 普通表单元素用v-model直接绑定控制value值 单一复选框,函数中的是true或false 多个复选框中,函数中写的是空列表,如果列表中有字符串,表示默认选中这个选项 单选框中,函数的值可以为字符串,这个字符串还是value中的值,默认选中 <body> <div id="app"> <form…
之前用ant-design-vue组件在vue页面下使用 一不小心就会出现编译错误,网上不是搭建教程都是不太准确,现整理下 1.根据ant design vue 官网的假定条件 已经安装了nodejs 和 npm 或yarn 包管理工具 2. 在控制台输入命令 vue create -[项目名] 如:vue create antdemo2  这一句主要是使用vue命令创建vue的项目 选择 default 默认选项 确定 vue 会自动帮我妈获取项目所需的包文件,等待加载完毕 3.根据提示 输入…
@参考文章1  @参考文章2 日前针对一家投标网站进行了程序干预,且一定程度的干预成功,把方法给大家提取分享出来,感谢上述两篇博文 测试网站:百度https://www.baidu.com/ 测试步骤: 1,新建记事本改名改后缀为manifest.json如下,保存为utf-8格式,否则谷歌加载插件失败(由于乱码) 2,新建baidu-yanan7890.js(utf-8格式),内容如下 3,把上述所有内容放在同一文件夹,展示如下 4,打开谷歌扩展程序,打开开发者模式——加载已解压的扩展程序 m…
Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 1.安装 下载 git clone https://github.com/vuejs/vue.git 页面中直接引入 <script src="./dist/vue.js"></script> 2.HelloWorld 代码如下: <html><head> <meta charset="utf-8"> <title&…
"chrome扩展程序无法启用"的解决方案 http://www.cnplugins.com/tool/installpluginfix.html win10家庭版没有组策略怎么办? https://www.zhihu.com/question/53834660…
原文:https://blog.csdn.net/Dream_xun/article/details/83024487 其他参考:https://blog.csdn.net/liyunkun888/article/details/89022149   由于 router-view 是复用的,单纯的改变 id 的值并不会刷新 router-view 这是一种最实用的vue刷新当前页面,其他方式一般会出现一个瞬间的空白页面,体验不好,相当于按ctrl+F5 强制刷新那种方式:provide / in…
闲聊: 小颖之前一直说是写一篇用vue做的简单demo的文章,然而小颖总是给自己找借口,说没时间,这一没时间一下就推到现在了,今天抽时间把这个简单的demo整理下,给大家分享出来,希望对大家也有所帮助. 前期准备: 1.安装node 安装包地址这个里面有两个安装包大家可以根据自己的需求选择安装4.4.4版本或者6.2.0版本,小颖选择的是6.2.0. 2.Atom编辑器,这个大家可以根据自己的喜好选择自己喜欢的编辑器,所以小颖就不发下载链接了,大家有需求的话可以百度下嘻嘻. 目录: 创建项目:…
example: chrome添加vue devtools 扩展程序 打开地址:https://chrome-extension-downloader.com/ download extension:  nhdogjmejiglipccpnnnanhbledajbpd 下载后将后缀名cry文件拖拽到chrome扩展程序…