前几天在相开发时使用什么的样域名比较好呢? 之前使用到 localhost,但只是本地开发,使用 test.com 感觉又不专业. 后来发现了一些指向 127.0.0.1 的域名,比如 localtest.me 可以泛域名都指向 127.0.0.1. 之前更有意思,谷歌将 .dev  直接用于 开发域名,指向 127.0.53.53,而且新版的 Chrome 强制定向 https. 也就是说在开发时就会规范协议,使用 https 开发(需要自签证书了). 以后开发又多出一个可用的域名 *.dev…

转自:https://github.com/GoogleChrome/chromedeveditor/blob/master/doc/GettingStarted.md Installation Install Chrome Dev Editor on Chrome Open Chrome Dev Editor from the Chrome App Launcher or chrome://apps Git workflow Click on the Menu icon and select …

早在 2019 年,当.dev顶级域名开放时,我们赶紧注册了vscode.dev.像许多购买.dev域名的人一样,我们不知道我们将用它做啥.反正,也占个坑吧! 将 VS Code 带入浏览器 直到今天,当你转到https://vscode.dev 时,你将看到一个完全在浏览器中运行的轻量级 VS Code.在本地机器上打开一个文件夹并开始编码. 无需任何的安装.如丝般顺滑. 随着 vscode.dev 的出现,我们最终实现了我们最初的愿景,即构建一个可以在浏览器中完全无服务器运行的开发工具.如需…

转用Chrome,不仅仅因为它的插件之丰富,更因为它的响应速度其他浏览器都望尘莫及.接着我就要写写一些心得. 如何最简易地用上谷歌搜索? 1,下载hosts文件:https://pan.baidu.com/s/1c2r8jV6 解压密码:laod.org( 感谢老D大神的贡献的hosts!!) 2,然后把hosts(没有后缀的文件)分别调换掉原本系统里的hosts文件,即可正常使用谷歌搜索. Windows 系统hosts位于 C:\Windows\System32\drivers\etc\ho…

对前端开发者来说,Chrome Dev Tools(开发者工具,以下简称CDT)是一个不可或缺的开发调试工具,但是你可能只用过console.log(),却不知道console还有很多功能强大的调试方法. 接下来带你用CDT做下花式控制台调试.阅读全文约五分钟. CDT提供了强大的调试系统,除了可以用来查看DOM tree结构.CSS样式调试.动画调试和JS代码断点调试等.今天不聊别的,就聊聊使用console调试那些事儿. 在使用React.Vue等需要编译语法的前端框架开发时,前端调试已经变…

作为开发者,web浏览器一般最常用的可能是Chrome浏览器.但其实Chrome浏览器还有别的一些版本.如:Chrome Stable. Chrome Canary .Chromium.大部分人一般用的是Chrome Stable. 下面将其大致区别写一下: Chrome Stable: Chrome stable 是最稳定的版本,是经过周详的测试以后,google发版的最新稳定版本.不过一般发布这个版本的时候,比这个更新的几个开发版本和实验版本已经在开发中了. 基于 Chromium,但它是闭…

Windows平台: Chrome 在线安装包: 最新稳定版(Stable Channel)Chrome在线安装: [点击这里] 最新测试版(Beta Channel)Chrome在线安装: [点击这里] 最新开发版(Dev Channel)Chrome在线安装: [点击这里] 最新金丝雀版(Canary build)Chrome在线安装: [点击这里] Chrome 离线安装包(仅 Windows 可用): 最新稳定版(Stable Channel):[点击这里] 最新测试版(Beta Cha…

本文转载于http://www.cnblogs.com/tester-l/p/5743031.html Chrome调试工具各个工具的作用: Element Elements板块你可以看到整个页面的Dom结构.你可以在这里编辑HTML,查看元素CSS,查找元素等等. Console Console应该都很熟悉了吧?经常会以为少写了’}’而报语法错误.当然它的功能远不止这些.点击这里查看更多 Sources Sources就是所有资源了,你可以看到页面加载的资源,图片,css,js等,它们会按照资…

在 k8s 中自动为域名配置 https https://juejin.im/post/5db8d94be51d4529f73e2833 随着 web 的发展,https 对于现代网站来说是必不可少的.如果你想得到一个免费的证书,那么 Let's Encrypt 是一个不错的选择,它的主要目的是推进网站 https 的进程. 感谢 Let's Encrypt 的免费证书 借助 helm,在 k8s cluster 中为域名配置 https 将会变得非常简单,部署资源成功后在 k8s中为 Ingr…

1 楔子 公司有个项目部署在 OpenShift 容器云平台上,出现问题较多,于是萌生在公司环境搭建现场仿真环境,由于资源没有生产环境多,就使用单节点简单模拟下 本文主要内容包括以下: 使用 Dnsmasq 实现 OpenShift 平台的内网域名解析 使用 oc 命令行工具初始化 OpenShift 3.9 单主机 2 规划 OpenShift基础服务约占4GB左右内存,由于使用 oc 进行初始化 OpenShift,所以不能集群扩容,又因为公司项目内存占用太大,所以与运维老哥协调了高配服务器…

HAProxy原理和配置 目录 1.HAProxy简介 2.haproxy安装和配置说明 proxies配置参数 bind配置 Balance配置 基于cookie的会话绑定 统计接口启用相关的参数 haproxy的工作模式 forwardfor配置 错误页配置 修改报文首部 会话保持 日志系统 acl 1.HAProxy简介 (1)HAProxy 是一款提供高可用性.负载均衡以及基于TCP(第四层)和HTTP(第七层)应用的代理软件,支持虚拟主机,它是免费.快速并且可靠的          一…

Cookie是便于向网站添加持久化状态的方式之一.随着时间推移,它们的能力得到了扩展和进化,也造成了很多历史遗留问题.为了解决这个问题,浏览器产商(包括Chrome,Firefox,和Edge)改变了他们的处理逻辑以加强个人隐私的默认配置. 每一个cookie都是拥有一些为了控制何时何处被使用的键值对.你可能已经通过这些属性去设置过期时间或者指明当前cookie只能在https协议下传输.服务器通过在响应中携带Set-Cookie头来设置cookie.想要了解详细信息,可以深入阅读RFC6265…

随着Kubernetes继续将自己确立为容器编排的行业标准,为你的应用和工具找到使用声明式模型的有效方法是成功的关键.在这篇文章中,我们将在AWS中建立一个K3s Kubernetes集群,然后使用Argo CD和Vault实现安全的GitOps.你可以在以下两个链接中分别查看基础架构以及Kubernetes umbrella应用程序: https://github.com/atoy3731/aws-k8s-terraform https://github.com/atoy3731/k8s-to…

haproxy是一个开源的.高性能的基于tcp和http应用代理的HA的.LB服务软件,它支持双机热备.HA.LB.虚拟主机.图形界面查看状态信息等功能,其配置简单.维护方便,而且后端RS的health check功能有很好的支持(相当于keepalived的health check),当它代理的后端RS server故障时,haproxy会自动将该server移除,当故障的RS server恢复后,还会自动加入进来继续提供服务: 与nginx比,haproxy没有web server功能,只能…

前言 H5即HTML5,H5开发具有低成本.高效率.跨平台.研发周期短,用户接触成本低等特性. 一.开发环境 在开发一个H5项目之前,需要先搞好环境.主要有node.npm.gulp.bower.下面分别介绍一下这些工具的安装和使用. 第一步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境.然后点击大大的绿色的install 按钮,下载完成后直接运行程序,就一切准备就绪. npm 会随着安装包一起安装,稍后会用到它. 接下来,可以使用命令行来检测Node和npm是否正确安装:…

If you’ve ever struggled building responsive websites, this post is for you. It’s part of a series on responsive design, in particular responsive images, pulled from my book, Responsive Web Design. If you find this excerpt useful, and want even more…

h5标签canvas关于getImageData跨域的问题 在学习h5的时候,canvas标签中getImageData()报错:security error! 具体代码如下(chrome浏览器): function createGSCanvas(img){ var canvas=document.createElement("canvas"); canvas.width=img.width; canvas.height=img.height; var ctx=canvas.getCo…

TCP(传输层协议) (1) 面向连接  (2) 可靠的  (3) 基于字节流的   连接建立阶段: 客户端 ------->SYN                 服务端(服务器被动打开) 客户端 <-------SYN-ACK        服务端 客户端 ------->ACK                 服务端(连接建立)   DDoS 攻击原理   SYN/ACK   丢包,超时   连接终止阶段: 客户端 ------->FIN                 服务…

WEB前端集成开发环境:Aptana Studio和WebStormWEB前端代码调试:IE浏览器自带的IE Dev Toolbar,Chrome浏览器自带的Developer Tools,Firefox浏览器插件Firebug,Safari浏览器自带的Develop系列工具WEB前端性能分析:常用的Web前端性能分析工具有YSlow.PageSpeed及各浏览器自带开发工具, Chrome开发工具: Network:查看各个资源请求和下载所用的时间    Timeline:查看网页渲染和交互过…

一.简介 HAProxy是由C语言编写基于事件驱动模型的一款高效稳定.功能强大的负载均衡软件,其性能可媲美商业负载均衡软件,不过在最新的版本中HAProxy已经分为社区版本和企业版,社区版完全免费,企业版有丰富的额外功能. 优缺点: 优点 支持虚拟主机的,通过frontend指令来实现 能弥补Nginx的一些缺点比如Session的保持,Cookie的引导等工作 支持后端服务器健康检查,自动实现故障转移: 它跟LVS一样,本身仅仅就只是一款负载均衡软件,单纯从效率上来讲HAProxy更会比Ngi…

不同公司和组织之间的测试效率迥异.在这个富交互和响应式处理随处可见的时代,很多组织都使用敏捷的方式来开发应用,因此测试自动化也成为软件项目的必备部分.测试自动化意味着使用软件工具来反复运行项目中的测试,并为回归测试提供反馈. 端到端测试又简称E2E(End-To-End test)测试,它不同于单元测试侧重于检验函数的输出结果,端到端测试将尽可能从用户的视角,对真实系统的访问行为进行仿真.对于Web应用来说,这意味着需要打开浏览器.加载页面.运行JavaScript,以及进行与DOM交互等操作.…

前言 最近发现了Github的Student认证,本来想用来注册Digital Ocean搭个梯子,结果注册验证不能用VISA借记卡=~=. 那么在这漫长的清明节假期里,只有学习能满足空虚的内心(划掉),疲劳刷完了,只有学习一个! thinkful提供了HTML/CSS, JavaScript入门教程,Github说是一月,但thinkful发的邮件里只有2周..就三个单元,应该能学完吧(望天). 1. Unit 1 Html CSS 与 版本控制 1.1 网页基础 1.1.1 使用CodePe…

本人最近一直在ubuntu,接下来和大家分享我曾经踩过的坑,和一些非常实用的命令知识- 安装中的磁盘分配 一般来说,在linux系统中都有最少两个挂载点,分别是/ (根目录)及 swap(交换分区),其中,/ 是必须的: 建议挂载的几大目录: /-------根目录,唯一必须挂载的目录.不要有任何的犹豫,选一个分区,挂载它!(在绝大多数情况下 有2G的容量应该是够用了.当然了,很多东西都是多多益善的) swap----交换分区,可能不是必须的,不过按照传统,并且照顾到您的安全感,还是挂载它吧.它…

jenkins 虽然作为java常用的打包部署工具,不过也可以使用在phpweb项目部署管理,前段时间帮公司部署了开发环境与测试环境,简单分享一下. 1.内网web环境搭建lnmp,centos下编译安装或者yum安装 google有很多资料,这里就不赘述了 2.nginx配置dev域名指向开发环境代码目录,svn设定钩子开发人员有更新后自动svn up更新开发环境代码 可参考http://www.360doc.com/content/14/0903/23/13647213_406884443.…

前言 一直想去学Vue,不过一直找不到一个契机.然公司手机端用到了跨平台开发apicloud,里边涉及到Vue组件化开发,例如header和footer的封装,以及apicloud自定义的frame等等,于是决定对Vue.js研究一番,当然开发环境搭建是少不了的第一步.俗话说,工欲善其事必先利其器! vue的安装 1.vue的安装依赖npm 从node.js官网下载并安装node,为什么要安装node,因为node中自带npm:有空还可以学一下node.js,毕竟node.js也可以开发后端.(…

引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法.可以说,博客园是我参与技术讨论的一个主要的平台.在这其间,随着接触技术的广度和深度的增加,也写了一些得到了大家认可的技术文章,多篇文章也得到了编辑推荐.大家的认可也更激发了我写技术文章的热情,借助公司在博客园的账号葡萄城控件技术团队博客发布了多篇有关Web前端开发的文章,尤其是如下三篇前端开发最佳实践相关的文章引来了大家的热烈讨论: 前端代码标准最佳实践:javascript篇 前端代码标准最佳实践:C…

web前端开发需要具备以下7种技能: 1.页面标记(HTML) HTML页面固定,标签不多,相对来说学起来比较容易.编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html).HTML是页面结构的基础组成部分,是网站的基础,臃肿混乱的HTML代码不但会影响 其本身的表现,而且与其对应的css和javascript代码也会变得难以编写和维护. 2.页面样式css(Cascading Style Sheet) 在标准的页面…

简介 HAProxy 提供高可用性.负载均衡以及基于 TCP 和 HTTP 应用的代理,支持虚拟主机, 它是免费.快速并且可靠的一种解决方案. HAProxy 特别适用于那些负载特大的 web 站点, 这些站点通常又需要会话保持或七层处理.HAProxy 运行在当前的硬件上,完全可以支持数以万计的并发连接.并且它的运行模式使得它可以很简单安全的整合进您当前的架构中. 同时可以保护你的 web 服务器不被暴露到网络上. 事件驱动.单一进程模型.多进程或多线程模型受内存限制 .系统调度器限制以及无处…

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> 如今,差点儿整个互联网行业都缺前端project师,不仅在刚起步的创业公司.上市公司乃至巨头,这个问题也一样存在.没错.优秀的前端project师简直比大熊猫还稀少. 每天,100offer的HR群都有人在吐槽招不到…

  一.cookie介绍 1.cookie的本来面目 HTTP协议本身是无状态的.什么是无状态呢,即服务器无法判断用户身份.Cookie实际上是一小段的文本信息(key-value格式).客户端向服务器发起请求,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie.客户端浏览器会把Cookie保存起来.当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器.服务器检查该Cookie,以此来辨认用户状态. 2.cookie本来运行机制 当用户…