首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Gulp 在金蝶云平台项目中使用经验

刚开始想实现浏览器 F5 自动刷新使用到是 grunt 和 livereload 插件,gulp 也有对应方法,参考 gulp 教程之 gulp-livereload。...但是,它需要浏览器安装 livereload 插件才能使用,chrome 插件需要访问外国网站下载,firefox 插件不起作用,其它浏览器也无法实现自动刷新。...127.0.0.1:3000 链接 gulp serve 如果想多个浏览器都可以自动刷新,只需要打开其它浏览器,把刚刚链接输入即可。...,唯一不同是它在执行后会监听某个端口,一旦有文件改动它会帮你自动刷新浏览器,帮你省下了按 F5 力气。...通过以下代码一个大体知道,上线打包主要是对图片样式脚本进行打包处理。所以接下来工作就是职责分工,独立完成各自构建工作。

1.7K00
您找到你想要的搜索结果了吗?
是的
没有找到

基于Github issues + umi 搭建一个免费带评论功能博客(二)

上一篇文章主要介绍了什么是Github App,以及如何利用GitHub App为我们repository进行授权,解决了博客数据存储和获取,那么这篇文章将着重介绍博客搭建过程中用到前端技术...为什么是Umi 用过 React 同学应该很多人都知道 Umi (乌米)这个框架,没听过那么也建议大家有时间可以去了解下它传送门。...跨域产生原因我就不阐述了,不清楚同学可以去 Google 一下,这里为了解决跨域问题,采用了 cors 方式,也就是对请求返回 header 加上允许跨域操作请求头。...部署你博客 前端代码写完了就要考虑部署问题了,这里选择是部署到 Github Pages 上,选择 Github pages 理由很简单: 代码自动集成: Github pages 集成在 Github...具体使用和配置方法这里就不在叙述了,大家可以自行 Google,或者参考这里。 最后给大家提供下博客地址,欢迎大家关注,评论留言。完整代码在这里,欢迎大家star或者提出改进意见。

52410

现代浏览器内部机制(四): 换个角度看事件

当你从浏览器视角审视这段代码时候,你会发现整个页面都被标记成了“非快速滚动区域”。...减少主线程事件处理负担 在上一篇文章中,我们讨论了主流显示器通过每秒 60 次频率刷新以及我们需要跟上这个节奏以实现流畅动画效果。...如果你之前从来没有想过为什么官方推荐在你事件处理函数中添加 passive 参数,或者不知道为什么在 script 标签上添加 async 属性,希望这个系列能为你阐明为什么浏览器需要这些东西来提供更快...举个例子,如果你希望保证你 app 不会阻塞解析,你可以在同步脚本策略之下运行你 app。当 sync-script:none 打开时,会阻塞解析 JavaScript 都会被阻止执行。...这一策略会防止任何“脚本阻塞解析”发生,浏览器就再也不用担心解析被阻塞这件事情了。 总结 当我在构建网站时,通常只关注怎么写代码以及怎样才能让自己效率变得更高。

97020

实战|手把手教你如何使用抓包神器MitmProxy

玩爬虫小伙伴都知道,抓包工具除了MitmProxy外,还有Fiddler、Charles以及浏览器netwrok等 既然都有这么多抓包工具了,为什么还要会用MitmProxy呢??...今天教大家使用MitmProxy抓包工具原因,主要有以下几点: 不需要安装软件,直接在线(浏览器)进行抓包(包括手机端和PC端) 配合Python脚本抓包改包(下面会有案例) 抓包过程所有数据包都可以自动保留到...之后会在浏览器自动打开一个网页(其实手动打开也可以,地址就是:http://127.0.0.1:8081) ? 现在页面中什么也没有,那下面我们在刷新一个知乎页面 重点:关闭mitmproxy终端!...4 配合Python脚本 mitmproxy代理(抓包)工具最强大之处在于对python脚步支持(可以在python代码中直接处理数据包) 下面开始演示,先新建一个py文件(lyc.py) from...5 小结 不需要安装软件,直接在线(浏览器)进行抓包(包括手机端和PC端) 配合Python脚本抓包改包。 抓包过程所有数据包都可以自动保留到txt里面,方便过滤分析 使用相对简单,易上手。

2.6K20

安卓app最贴地气靠谱UI自动化工具

为什么说贴地气 1.入门门槛低,只要有懂基础获取元素及简单if,else逻辑关系就可,纯json格式脚本输出; 2.环境搭建简单方便,易入手; 3.解决UI自动化难点痛点: 解决从安装过程中跳出提示框以及操作过程中任意提示框操作...,脚本维护量; 支持配合monkey运行,让暴躁猴子变成听话猴子; 4.运用深度算法来遍历Activity并可通过手动用例配置来解决Activity覆盖无法达到100%问题,从中来保证测试app质量...; 5.可配合jenkins+gitlab+tomcat+4399AT进行搭建集成构建编译自动化测试部署框架; 为什么说靠谱 1.主流appium框架改造;支持wap,混合app,native_app...遍历测试 功能测试 兼容性测试 覆盖安装测试 场景测试 有那么多优点,也有缺点: 不支持IOS系统; Android系统api要>17; 刷新频度高页面,控件获取失败,UI自动化工具通病; 没有编写代码那么灵活...,但也正是它优点,只做简单不做逻辑复杂自动化测试; 讲了这么多,就是给大家介绍下安卓APP UI遍历自动化最贴地气测试工具---4399AT.这是目前最认可自动化工具,当然说了不算,还是得大家看了

65030

【调试】258- 前端调试各种收集-断点篇

你是否遇到过以下情况: 按钮点击事件不起作用,点击按钮没反应。...以谷歌浏览器(版本为69)为例,编辑器为VSCode(版本1.26.1) 断点方式一 这种方式是比较常用方式,在浏览器开发工具找到对应源码,在script脚本节点里面的代码行断点。 ?...只要找到源码,在脚本代码显示区域左边数字上添加断点即可,之后只要代码运行到断点处,开发工具就会进入调试状态。 注意:有的数字行是灰色,就是不可断点。...断点方式二 这种方式很粗暴,在需要调试地方加debugger关键字,代码运行到时候会自动停下,进入调试模式。...这玩意在不少网站也见到有人用,不想让人家方便查看到网站源码,一打开控制台就自动debugger。 ?

2.3K30

AngularJS浅谈-博客

(一脸懵逼) 简介: AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀前端JS框架,已经被用于Google多款产品当中。...2、浏览器载入angular.js脚本。 3、AngularJS等到DOMContentLoaded事件触发。 4、AngularJS寻找ng-app指令,这个指令指示了应用边界。...MVC 模块化 自动化双向数据绑定 MVC(Model模型 View视图 Controller控制器) 首先要知道为什么要MVC?...并且AngularJs会自动异步更新模型,即在ui发生改变时他会自动刷新模型(mode),反之在模型发生改变时候也会自动刷新ui。...在每一个HTML文档中,只能有一个AngularJS应用可以被自动启动,在HTML文档中第一个被找到定义在根元素上ng-app指令将会作为自动启动应用。

2.4K30

是如何用这3个小工具,助力小姐姐提升100%开发效率

到此你就完成了一个最简单油猴脚本,接下来我们看一下用同样简单代码,来解决一个实际问题吧!O(∩_∩)O 3行代码让SSO自动登录 问题是什么? 1....点击按钮 所以可以借助油猴脚本,在DOMContentLoaded时候,插入一下代码,来实现自动登录,减少手动操作过程,大概原理如下。...,没有一点技术含量 image.png 是的,就这 ,第一次帮小姐姐解决了困扰她许久问题,晚上就请我吃了麻辣烫,还夸"技术"好(此处不是开车) 试试效果 gif中前半部分没有开启自动登录脚本需要手动登录...设置/修改device 使用ua:选择新添加ua,刷新页面,重新开发调试 ua.gif 来看一段对话 隔壁98年刚毕业妹子: 又过期了,谁又把挤下去了嘛 好,稍等一会哈,换个账号测测 好麻烦哎...热刷新 我们希望修改插件源代码进行打包之后,chrome插件对应页面能主动更新。为什么叫热刷新而不是热更新呢?因为它其实是全局刷新页面,并不会保存状态。

1.1K30

Android 须知2019流行框架库及开发语言

在 Android 开发上,使用 Kotlin 并不会让你付出什么代价,为什么不来试试?使用Kotlin进行Android开发。...第一个用 React Native 开发 App 已经在 Google Play 上架 Facebook 广告管理工具,听说 Android SDK 也马上会到来,国内天猫团队以及在去年10月首次实现...flutter,是一款能够简单、高效地开发优美的移动APPUI框架。在2018年2月27日,在2018世界移动大会上,Google发布了Flutter第一个Beta版本。...广义来讲,区块链技术是利用块链式数据结构来验证与存储数据、利用分布式节点共识算法来生成和更新数据、利用密码学方式保证数据传输和访问安全、利用由自动脚本代码组成智能合约来编程和操作数据一种全新分布式基础架构与计算范式...IOS侧滑删除**SmartRefreshLayout**,下拉刷新、上拉加载、二级刷新、淘宝二楼、RefreshLayout、OverScroll,Android智能下拉刷新框架,支持越界回弹、越界拖动

1.2K40

Android 必须知道2019年流行框架库及开发语言,看这一篇就够了!

在 Android 开发上,使用 Kotlin 并不会让你付出什么代价,为什么不来试试? 使用Kotlin进行Android开发。...第一个用 React Native 开发 App 已经在 Google Play 上架 Facebook 广告管理工具,听说 Android SDK 也马上会到来,国内天猫团队以及在去年10月首次实现...flutter,是一款能够简单、高效地开发优美的移动APPUI框架。在2018年2月27日,在2018世界移动大会上,Google发布了Flutter第一个Beta版本。...广义来讲,区块链技术是利用块链式数据结构来验证与存储数据、利用分布式节点共识算法来生成和更新数据、利用密码学方式保证数据传输和访问安全、利用由自动脚本代码组成智能合约来编程和操作数据一种全新分布式基础架构与计算范式...SmartRefreshLayout,下拉刷新、上拉加载、二级刷新、淘宝二楼、RefreshLayout、OverScroll,Android智能下拉刷新框架,支持越界回弹、越界拖动,具有极强扩展性

2.5K70

Anbox安装apk失败(提示Failure res=-113等)解决方法

为了更容易在Anbox上安装Google Play商店和Google Play服务,并让它支持ARM应用程序和游戏(使用libhoudini),geeks-r-us.de(链接文章是德语)的人创建了一个自动执行这些任务脚本...安装Google Play商店并在Anbox上启用ARM应用程序/游戏支持(Android in a Box) 如果您Linux桌面上尚未安装Anbox,这些说明显然不起作用。...另外,确保在执行下面的脚本时Anbox没有运行(怀疑这是导致评论中提到这个问题原因)。 1.安装所需要依赖(wget,lzip,unzip和squashfs-tools)。...Box安装中自动下载并安装Android Play上Google Play商店(和Google Play服务)和libhoudini(用于ARM应用/游戏支持)。...警告:永远不要在不知道它做什么情况下运行你没写过脚本。在运行此脚本之前,请查看其代码

7.8K2116

SpringBoot项目在IntelliJ IDEA中实现热部署

spring-boot-devtools是一个为开发者服务一个模块,其中最重要功能就是自动应用代码更改到最新App上面去。...这样在有代码更改时候,原来restart ClassLoader被丢弃,重新创建一个restart ClassLoader,由于需要加载类相比较少,所以实现了较快重启时间。...即devtools会监听classpath下文件变动,并且会立即重启应用(发生在保存时机) 一、开启idea自动make功能  1、CTRL + SHIFT + A --> 查找make project...不能使用分析: 1.对应spring-boot版本是否正确,这里使用是1.5.3.RELEASE版本; 2.是否加入plugin了,以及属性true 3.Intellij...4.如果设置SpringApplication.setRegisterShutdownHook(false),则自动重启将不起作用

72820

远程调试利用

,默认不会在列表中,我们需要进行配置 刷新后,发现卵用没有,并没有出现远程调试 这个时候就懵了呀,网上只能找到这个参数同样执行失败帖子,却没有找到合适答案,于是又开始了排错 升级浏览器版本 —— 失败...Chrome Google Chrome < 80.0.3987.122 由于是从非官方网址下载,换个测试系统(Win10),之后安装旧版本 Chrome https://google-chrome.cn.uptodown.com.../windows/download/2181156 安装后 Chrome 会自动更新,为了保证复现环境,我们关闭 Chrome 自动更新,参考 https://www.cnblogs.com/mq0036...协议,其他协议可能要通过延迟等信息进行判断,下面给出 js 脚本 // 假设你要遍历子网为 10.211.55.0/24 const subnetBase = '10.211.55...安装 VSCode 程序有微软签名,这也是为什么我们选择 VSCode 3.

14410

玩转Microsoft Edge

安装好以后还会自动根据用户使用习惯优化拦截规则。 Dark mode 说白了就是浏览器夜间模式,不过使用下来有些鸡肋,国内很多视频网站都做了关灯功能,腾讯视频干脆就是暗色调配色。...而且和BBS论坛刷新有冲突,安装了Dark Mode以后,在BBS论坛评论了不会自动刷新,严重影响体验。...脚本推荐在Greasyfork找。这是一个完全免费插件分享网站。 顺便分享一下常用几个脚本。 以下几个脚本需要通过Tampermonkey来管理,所以务必先安装Tampermonkey。...多线程下载工具可以参考这篇教程:基于NDM和TamperMonkey脚本实现高速下载 百度文库下载 这个脚本在百度文库页面左上角加了一个下载按钮,点击后会自动跳转到别人提供接口页面,因为接口是需要开发者自己付费建设...至于手机阅读推荐下载“阅读APP”,一个开源阅读软件,书源导入教程可以查看这个书源导入,也可以在酷安该软件评论区找到用户分享书源。 解除B站区域限制 所以说港澳台大陆本就是一家嘛。

1.8K30

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

这是一个文档兼容模式定义。主要用于加强代码对IE兼容性,强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。... 2、使用以下代码强制 IE 使用 Chrome Frame 渲染(需要安装有Google Chrome...官方提供了对 Google Chrome Frame 插件安装情况检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。...2、content内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge值,否则不起作用 浏览器模式(BROWSER MODE):于切换IE针对该网页默认文档模式、对不同版本浏览器条件备注解析...切换文档模式会导致网页被刷新,但不会更改用户代理字符串中版本号,也不会从服务器重新下载网页。切换浏览器模式同时,浏览器也会自动切换到相应文档模式。

1.4K20

小伙伴遇到这个问题说不想干前端了——一次Chrome翻译造成玄学bug

于是决定对比一下第一个不一样节点是怎样,在对方电脑控制台上输了一段简单脚本: $$('*').reduce((acc, { tagName }) => `${acc}${tagName},`,...'') 复制代码 :"could you please copy the txt and send me" 于是拿到了用户整个页面所有的标签字符串集合,在打开页面的控制台下,和我对比一下...lang="zh-cn"> 复制代码 为什么上次打断点就没事 于是还是想看看为什么上次打断点就没事了,打开维基百科试一下,在开启了翻译条件下打断点会发生什么。...刷新页面,发现一进来时候,一切安好,html标签是这样 复制代码 点了两下下一步时候,html标签发生了变化... )} 复制代码 为什么呢?

1.7K40

(最新版)如何正确移除 Pyppeteer 中window.navigator.webdriver

今天方法非常简单,不需要修改源代码。 大家阅读 Selenium 版文章,应该看到我们原理是通过 CDP 执行一段 JavaScript 代码。...这段代码中有一个关键词叫做addScriptToEvaluateOnNewDocument。表示添加一段脚本,在打开新文档时执行。 我们记住这个关键词EvaluateOnNewDocument。...async def main(): browser = await launch(executablePath='/Applications/Google Chrome.app/Contents...await browser.close() asyncio.run(main()) 代码运行效果如下图所示: ? 完美解决问题。...并且只要你不开新选项卡或者新窗口,只在当前窗口打开新网址或者刷新页面,这个 js 代码都是自动生效,不需要重复执行。

1.3K10

每周分享第 1 期

这里记录过去一周,看到值得分享东西。 长久以来,一直用各种方式,尝试整理我收藏夹。最近想到,把它写成文章,共享出来,也许效果更好。...稍早,Twitter 也宣布,2018年6月19日之后,将不再提供 streaming services,这意味着第三方客户端 Tweetbot、Tweetings、Twitterrific 将无法自动刷新时间轴...,必须用户自己手动刷新,才能看到新内容。...7、[电子书] Google 面试自学手册 一份爱好者整理 Google 面试准备指南。...到了中期:人员离职越来也多,代码难以维护,新加需求与之前临时方案冲突。 到了后期:想做一些修复,想调整架构,又要保证正常运行,其难度好比在一架飞行飞机上拆换零件。 然后也急忙离职了。。。。

61620
领券