WSF Blog

移动端真机调试

又是开篇的碎碎念。前不久做客户端的页面，踩了很多坑。愿世界只有chrome，愿世界只有iOS/Android，大概是每个前端开发的心愿了。这是一篇工具文：记录移动端开发中的一些调试工具。 vConsole 有腾讯开发的开源插件。支持console和网络请求，本地存储等查看。基本能满足日常的开发。 vConsole使用教程 Charles vConsole可以帮我们简单的查...

Posted by wsf on November 22, 2019

XMLHttpRequest（译文）

为行己方便（WHATWG竟然没有中文版，网上也没有现成的资源，不得不自己翻译。文档部分翻译是之前W3C现有的，所以自然是……）。因第一次翻译，若有不当之处望指正。原文地址XMLHttpRequest。摘要 XMLHttpRequest标准定义了一套API: 提供在客户端和服务端之间传输数据的脚本客户端功能。 1. 介绍本节是非规范的。 XMLHttpRequest是用于获取...

Posted by wsf on November 22, 2019

日常开发相关

聊一聊日常开发

一篇碎碎念。今天团队帮团队的小伙伴看问题的时候，发现这个伙伴将测试环境的代码pull下来了。在发现这个的几分钟后，我都在庆幸还好是上线之前发现了……不由想起了在以前公司为另外一个小伙伴填git坑的恐怖在最开始参与开发的时候，我们大多数都只注意到技术，却没有注重工具的使用。从以前的svn代码托管工具到现在的git。我们常会在工具的使用上面遇见很多的问题，或者耽误较多的时间在填坑...

Posted by wsf on August 22, 2019

从vue谈设计模式之代理模式

代理模式

我们在阅读各种框架源码的时候，除了了解它实现的原理，更需要从中学习到对方好的代码结构，其中所用到设计模式。以此来完善我们的代码，建立良好的代码习惯，便于代码的可维护以及可重用性。这一篇我们讨论的是设计模式中的代理模式。代理模式是为一个对象提供一个代用品或占位符，以便控制对他的访问。常见的代理应用：跨域解决方式之一（eg：webpack插件：webpack-dev-serve...

Posted by wsf on July 26, 2019

从vue谈设计模式

vue中应用的设计模式系列文

我们在阅读各种框架源码的时候，除了了解它实现的原理，更需要从中学习到对方好的代码结构，其中所用到设计模式。以此来完善我们的代码，建立良好的代码习惯，便于代码的可维护以及可重用性。本系列文将着重结合vue源码，阐述使用到的设计模式/原则，以此来帮助我们对于设计模式的理解，方便我们在代码中的运用。在开始阅读此文之前，需要你熟悉vue，并对vue的思想原理有一定的了解。本系列主要将...

Posted by wsf on July 24, 2019

2019年上半年总结

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。但是，聪明的你告诉我，时间为什么一去不复返呢？ ——朱自清 19年迷迷糊糊的过去了一大半了。过去的时间一直都没能好好的总结，过的浑浑噩噩的。所以出现了这一篇文。关于工作年后的第一件事情就是换工作，然后用差不多一个月的时间完成了换工作离职转租房子换房子还有回家玩了一周（哇咔咔，一把事情提上日程，这效...

Posted by wsf on June 6, 2019

从输入URL到页面加载完成

讨论从输入URL到页面加载完成过程中做了写什么呢

开篇前的碎碎念。最近看了系列的文章，觉得很不错。所以打算趁此机会，整理一下～主要是以chromium为例。因为内容太多，某些点不会特别详细的讨论，可以参考其他文。流程如下图：文字描述过程：地址栏中输入地址：www.google.com。一般来说，新打开一个tab页，浏览器会新开启一个进程（例外：多个空白的tab页会合并，只存在一个进程）（浏览器多进程的更多内容...

Posted by wsf on September 17, 2018

小推荐之系列三——chrome插件

安利超级好用的chrome插件

Momentum 给chrome换上新标签啦啦啦！印象笔记.剪藏插件介绍主要功能：隐藏广告轻松保存网页图文屏幕截图保存笔记 …… JSONView 是不是直接在链接里面查看json，显示的超级让人烦躁？是不是很厌烦了总是需要在network里面查看json？ and 等等嘻嘻，用JSONView吧！安装说明草料二维码自动将网页地址...

Posted by wsf on October 27, 2017

小推荐之系列二——Jenkins

时隔N久的小推荐继续来，这次推荐的是自动化服务器Jenkins。 Jenkins配置 Jenkins配置推荐廖雪峰文章：使用Jenkins进行持续化集成项目配置部署：关于Jenkins+Github持续集成 Jenkins使用 ==使用待更新，请持续关注哦……== 常见问题 1、登录时，提示“登录信息无效，请重试”！解决方式 2、构建时遇到Failed to conn...

Posted by wsf on October 19, 2017

小推荐之系列六——动画

Svg动画这周还做个一个svg动画主题是花瓣飘落如果你有时间可以做一做 svg绘制路径工具Method Draw 也可以安装AI 但是AI太大实际简单的一些用Method Draw就够了 svg教程 svg绘制路径工具:Method Draw Method Draw教程附上一小段代码 <image xlink:href="img/flower.png" x="0"...

Posted by wsf on August 21, 2017