随着这几年前端技术快速发展，Vue框架在国内普及率极高，人人都会用，那Vue如何写得比别人优雅？如何写得比别人漂亮？
上篇文章大致说了一下用web-components重新封装UI库的思路，并附了一个demo，代码写的垃圾，无所谓了，重要的是有思路才行。这次大致对web components这个东西，简单的做下介绍。
一个组件A里面的数据，有n多个组件需要用这个数据，那么可以用事件总线进行实现这个功能，但是这些n多个组件都要一个组件里面的数据，事件总线是可以实现，但是不好实现。
对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，可以决定你在前端工程师这条路上能走多远，是时候进行一波自检了，查漏补缺，只有全面发展，才会使你更强，以下会进行自问的形式按照图片里面的知识点进行自我check
php 程序员应具有什么样的能力，才能更好的完成工作，才会有更好的发展方向呢？在中国我想你不会写一辈子代码的，那样不可能，过了黄金期，你又怎么办呢？ php 能力 1、了解阶段，你能写一些代码，因为那是在手册和 google 的帮助下，你才完成的。变量乱定义，N 多函数不知道，做起事来很慢，想到什么写什么，代码写的比较乱，后期维护很麻烦。 2、熟悉阶段，经常查函数，手册估计也看过一，二遍了，常用的函数基本上你都了解了。后 期维护给你带来了不少痛苦，你开始发现自己的代码有很多不足，开始思考如果改进自己的代码，
套餐服务–外观模式，属于大类结构型设计模式的一种，通常是为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口让使用者对子系统的接口更加容易访问。
对于 JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，可以决定你在前端工程师这条路上能走多远，是时候进行一波自检了，查漏补缺，只有全面发展，才会使你更强，以下会进行自问的形式按照图片里面的知识点进行自我 check
技术类的学习不是你每天拿出多少时间学习就一定能够学会，不同的人不同的状态也不一样，如果拿着这种问题来问一个业内人事基本上很少有人愿意给出答案，技术的学习不是绝对意义上的时间累积，不是说用上多少小时之后就可以拿下一门编程语言，因为每个人学习的起点以及掌握程度有不太一样。无论学习什么编程语言最终都需要培养一种计算机编程思维，很多初学者开始学起来特别费劲，感觉各种不适应，各种概念都装不进脑子里面去，随着时间的推移慢慢就有点感觉了，其实就是在沿着一条路在寻找对编程的感觉。
目前，前端的测试框架很多，像QUnit、jasmine、mocha、jest、intern等框架，这些框架各有特点，简单描述下，感兴趣的可以具体研究：
前面一篇，我们一气呵成地完成了第一个Selenium自动化脚本的编写过程。当然是我完全给你灌输了这些代码和代码的解释，也许你还没有掌握。因为，我没有教你如何元素定位，如何写精确的xpath表达式，如何高效写测试断言。这些东西，有些你可以去我博客看看对应文章，有些是无法教会你，需要你多多练习，自己思考和总结。本篇，我们来找找上一篇自动化用例的不合理之处有哪些。
对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？
前言 很久没有更新文章了,原因有很多,并不是因为我个人不想更新文章,而是想将最成熟的想法,和最精华的知识呈现给大家。 我什么时候开始脱更了呢,在学到PHP面向对象的时候,我思考着,不能再像以前一样,将根本没有沉淀的知识和笔记分享给大家,这样是不负责任的. 而且随着我学习进度的增长,知识点越来越多,也越来越复杂,有很多重点,都需要沉淀,整合知识才能转变成文章分享给大家,让大家更好的学习。 自学进度 从自学开始到现在已经90天了,这一段脱更的时间,也让我更好的沉淀并整合现在所学的知识,我不是不想更新,而是因为知
测试驱动开发（Test-Driven Development）是一种软件开发的思维和方法，我的理解是它是一种开发的循环，先写测试代码，再用最小的代码实现这个测试，再继续写测试代码，继续用最小的代码实现。当实现所有的测试用例，代码也就完成了。
有点明白为啥说有种思维方式是写作吧，就是明明想好好写突然不到如何写起，作为一个搞技术的，还是不废话，直接上内容吧
本文主要介绍了作者平时在浏览技术网站时，发现的一些优质前端资源。这些资源包括了React、Vue、Angular、CSS、Webpack、Gulp等，涵盖了前端开发的各个方面。通过这些资源，读者可以快速上手并提高自己的前端开发技能。
简历是入职职场的一张名片，也是进入职场一块“敲门砖”。从某种角度说，简历也是一张专业人员的说明书。
得益于‘金三银四’，在最近一段时间，面试了一些人，但是符合的寥寥无几。对于之前面试的情况，趁着项目开发前，还有一两天的闲余时间，发下牢骚。这些情况，可以说是一些面试雷点，有不建议的学习方式，有不建议的写简历方式，针对这些，下面简单写下，发表自己的个人看法，和大家共勉下。
仅能完成简单模块和项目的开发工作难以胜任复杂模块的开发。通常是入行不久 1 年及以下工作经验的同学。
你在写前端代码的时候会产生非常多模板和js逻辑绑定？ 你是否想要一个同时适用于Web端和原生App的框架？ 你是否希望能够学习拥有更大生态圈的前端工具？ 如果你的答案为“是”，那么请选择“React”！ React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱，它起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 软件工程向来不提倡用高深莫测的技巧去编程，相反，如何写出可理解可维护的代码才是质量和效率的关
在编程世界，流行的是科学，严谨和精确的准则。这不是说编程是一种缺乏趋势的行业。不同的是，由于编程重视的是高效，用户化和使用方便，因此编程技术需要不断更新换代。那么，在即将到来的2017年和未来的几年内，会有哪些新技术出现，成为新的潮流，又有哪些技术的热潮会渐渐消退呢？下面所列出的10种技术，摘自infoworld.com的一位编辑Peter Wayner撰写的文章21 hot programming trends -- and 21 going cold。本文旨在与大家一起讨论这个话题。
「根据公司的需求学习 node.js，在需求中进行学习，时间充分，成长快，事半功倍。」
你在写前端代码的时候会产生非常多模板和js逻辑绑定？ 你是否想要一个同时适用于Web端和原生App的框架？ 你是否希望能够学习拥有更大生态圈的前端工具？ 如果你的答案为“是”，那么请选择“React”！ React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱，它起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 软件工程向来不提倡用高深莫测的技巧去编程，相反，如何写出可理解可维护的代码才是质量和效率的关键。R
在我们的模块中定义一个对象，并将其暴露出去。接下来在我们自己的js文件中去使用这个对象。
问题：我怎么才能收到你们公众号平台的推送文章呢？ 最近写了一个wechat-colorpicker小项目。 主要是为了练习下TS。既然写了一个小库，我就想着顺便学下如何写测试吧，这是一件蛮有意思的事情。 从选型到搭建环境，前前后后用了近2个小时。不得不说一个合格的前端必然是一个合格的配置工程师。再次列举下，这个项目中所需要搭建配置的工具。 webpack.config 自动编译ts+css tsconfig.config ts的配置文件 tslint.json tslint的配置文件 jest.config
最近公司在推行单元测试，但是一些同事对于单元测试只是了解，甚至不怎么了解。因此推动单元测试的阻碍是有的，这种阻碍除了人的层面，还有基础设施的层面。希望通过本文，一方面加深大家对前端测试最佳实践的认知，另一方面可以作为手册，在日常开发中做参考。本文也会不断更新，期待你的参与。
作为前端架构的一部分，工程化是个永恒的话题，我们之所以老生常谈这个事情，核心原因在于浏览器这个环境所支持的三种语言没有在语言层面提供统一的模块化支持，这使得大家都在考虑如何添加这些模块特性，更好的支持好开发。而之所以模块本身非常重要，是因为我们知道分而治之的道理。
本来5月1之前就想写一下一篇关于小程序不同场景下发送ajax请求的问题，但是放假的前一天，出了个大bug，就是因为我修改不同的场景下执行不同的逻辑造成的
宏观方面 一、 JAVA。 要想成为JAVA（高级）工程师肯定要学习JAVA。一般的程序员或许只需知道一些JAVA的语法结构就可以应付了。但要成为JAVA（高级） 工程师，您要对JAVA做比较深入的研究。您应该多研究一下JDBC、IO包、Util包、Text包、JMS、EJB、RMI、线程。如果可能，希望您 对JAVA的所有包都浏览一下，知道大概的API，这样您就发现其实您想实现的很多功能，通过JAVA的API都可以实现了，就不必自己费太多的脑经 了。
这是我入职第三天的故事，在写这篇文章之前，先来看看咱们今天要讲的主角——vue-loader，你对它了解多少？
连续好几周，在一些渠道看到关于年底优化的故事，很多小伙伴要么自己中招，要么眼睁睁看着身边同事中招，充满焦虑。亦或者有些小伙伴本身就有被优化的打算，也趁此抓住机会重新寻找，为后面更好的发展做准备。
Next.js 是 React 的全栈框架，主打服务端渲染，也就是 SSR（Server Side Rendering）。
本文转载自简书小温侯 原文链接：https://www.jianshu.com/p/61fe5b9320ac
宏观方面一、 JAVA。要想成为JAVA（高级）工程师肯定要学习JAVA。一般的程序员或许只需知道一些JAVA的语法结构就可以应付了。但要成为JAVA（高级） 工程师，您要对JAVA做比较深入的研究。您应该多研究一下JDBC、IO包、Util包、Text包、JMS、EJB、RMI、线程。如果可能，希望您 对JAVA的所有包都浏览一下，知道大概的API，这样您就发现其实您想实现的很多功能，通过JAVA的API都可以实现了，就不必自己费太多的脑经 了。 二、设计模式。 其实写代码是很容易的事情，我相信
原文：【The Non-Secret Formula for Writing Better Code】https://hackernoon.com/the-non-secret-formula-for-writing-better-code-e41d1ff38682
plugin机制是webpack中另一个核心概念，它基于事件流框架tapable，你可以参考浏览器环境中的【DOM事件模型】，【SPA模型中的生命周期钩子】或是node环境中的【EventEmitter模块】来理解其作用。plugin系统提供给开发者监听webpack生命周期并在特定事件触发时执行指定操作的能力。
前端爱好者的知识盛宴 本文转载自SegmentFault，由程序猿小卡_casper发布 等待，山雨欲来 2010年9月22日，中秋，记得那天下着零星的小雨。大部分同学都已回了家，深秋的校园显得格外空旷寂寥。平时车来人往的校道，也只剩三三两两的行人低着头走着。 匆匆忙忙吃完早餐，一个人背着书包来到了教学楼，找了僻静的角落坐下。看看手机，8:45左右，离电话面试还有大概15分钟。心里有些紧张，毕竟是大厂的面试，要求肯定很严格，不知道待会会问什么问题。内心突然有些懊恼，应该提前多做些功课的。 如期而至的电话
前言：随着 Node.js 的出现和不断发展，其他新的 JS 运行时也穷出不断，Deno、Just、Bun等等。本文简单介绍一下如何写一个 JS 运行时，相比操作系统、编译器来说，写一个 JS 运行时理论上并不是一个难的事情，但是写一个优秀且功能齐全的运行时并不是一个容易的事情。
接口数据信息，通过附加交互（js）及布局样式（html/css）信息, 最终流向屏幕的像素信息。
这是一份关于如何Re-Practise的技术书籍推荐书单。 一直画/写一个推荐书单来供大家参考，无奈找不到一本合适的形式。有一天，想到了之前的技术树https://github.com/phodal/
最近一个项目遇到了一个二维码转换的问题，厂家给的demo只有js的转换方式，其中用到了Unit8,由于实际应用场景，转换应该由后端java代码进行实现，这里记录一下实现方式。
分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果： 当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域 使用方式，首先下载fokus.min.js 官方链接 备用链接 然后引用 <script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) <!DOCTYPE html> <html lang="en"> <head>
本次分享主要是三个主题吧，一个是阿里通信染陌大神渐进式pwa的入门级介绍，一个是有赞连成杰分享涉及前后端协作的技术产物zanProxy和zanApi的部分，一个是宋小菜–scott老师关于前端一些方法论的分享。
1. javascript的组成 核心(ECMAScript) 文档对象模型(DOM) html 标签都叫 Dom 浏览器对象模型(BOM) 2. javascript的三种写法 写在head内 <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> </script> </head> 2.写在body内，如果要操作body
Spring相关 spring工作原理简单介绍 循环依赖问题 spring/spring boot启动加载过程 ？springboot是怎么运行起来的 使用springboot的好处是什么？ 描述下spring的ioc和aop spring task是怎么实现的？ spring事务你是怎么用的？加了@Transcational注解spring都做了哪些工作？怎么知道事务执行成功了 你常用哪一种注入方式？BeanFactory和ApplicationContext有什么区别？你们项目里用的哪个？说一下spri
如何写出可维护和可读性高的代码，这一直是一个困扰很多人的问题。关于变量如何起名、如何优化 if...else 之类的小技巧，这里就不做介绍了，推荐去看《代码大全2》，千书万书，都不如一本《代码大全2》。
一晃零基础web前端课程又讲一周了。 这一周我们都做了些什么呢？一是把json的编辑和获取都过了，然后是使用json来生成dom并绑定相应事件然后添加到页面中。在大概周三的时候，用了近一天1的时间，带他们把phpstudy装好，只为了让目前课程中一直在做的项目，真正运行在Apache的服务环境之中。 这样的好处很明显，第一可以进行ajax操作，第二让他们熟悉最初步的开发环境的配置。虽然phpstudy的安装已经是极其傻瓜化了，只要一直下一步就可以安装完成。但在实际的安装过程中，还是出了不少状况。 我是跟他们
JSP是什么？ sun公司制定的一种服务器端动态页面技术规范。 JSP其实是一个以“jsp”为后缀的文件，该文件的内容主要是html和少量的java代码，容器会将jsp文件自动转换成一个servlet然后执行。 如何写一个JSP文件？ step1,创建一个以“.jsp”为后缀的文件。 step2,在文件里面，添加如下的内容： (1)html(css.js):直接写。 (2)java代码 1)java代码片段 <% java语句; %> 2)jsp表达式 <%=java表达式%>
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
