vue组件通信,通过闭包函数在父组件中向自定义事件传参

用vue进行开发的过程中,我们常常会用到父子组件通信来支持我们的一些应用场景。在子组件中通过触发自定义事件,并向上层组件传递一定的参数(暂且称为事件参数),但有时候我们也想要在父组件向监听函数传入一定的参数(暂且称为自定义参数)。

16次阅读  |  3天以前  |  阅读全文 »
16次阅读  |  7天以前  |  阅读全文 »
26次阅读  |  10天以前  |  阅读全文 »
29次阅读  |  10天以前  |  阅读全文 »
83次阅读  |  11天以前  |  阅读全文 »

Electron + Vue 开发跨平台桌面应用

虽然 B/S 是目前开发的主流,但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上 Web 开发的低成本、高效率的优势,这种跨平台方式越来越受到开发者的喜爱。

37次阅读  |  13天以前  |  阅读全文 »

Vue 3.0 KO Vue 2.0

作为国内最火的前端框架,Vue 这几年的热度只增不减。上手简单、中文文档全,大厂面试也常考。最近和一位在字节跳动做前端 leader的朋友沟通,了解到现在的求职者有很多对 Vue 还是一知半解,往深了问几句就容易暴露,从而面试败北。

43次阅读  |  15天以前  |  阅读全文 »
44次阅读  |  15天以前  |  阅读全文 »
39次阅读  |  15天以前  |  阅读全文 »
35次阅读  |  15天以前  |  阅读全文 »

手摸手Electron + Vue实战教程(一)

相信看到这篇文章的人,都是对Electron感兴趣的, 网上关于Electron的教程其实已经不少了,但是大多都是一些功能点的实现,对于从零开始搭建一个适合自己的项目,估计还是有不少人有点懵逼的。刚好自己也学习Electron一段时间了,想着整理一下自己学习期间的一些笔记和踩坑的地方,从零开始编写一个小项目。一个由浅入深(或者说从入门到放弃)的套路,一步步带你敲代码实现一个小项目,希望能给大家带来一点点启发。

36次阅读  |  15天以前  |  阅读全文 »
45次阅读  |  15天以前  |  阅读全文 »
40次阅读  |  16天以前  |  阅读全文 »
29次阅读  |  21天以前  |  阅读全文 »
87次阅读  |  25天以前  |  阅读全文 »
66次阅读  |  25天以前  |  阅读全文 »

FB:再见,React Native

不好意思,标题党了。其实这篇文章所讲述的是脸书重构 iOS Messenger 应用的一些思想和方案,通篇并未提及 React Native。不过文中说明了新的版本完全通过原生来实现,而并没有采用脸书自己的 React Native,问题可见一斑。这也是许多开发人员在推上的一个槽点,甚至开玩笑说脸书正准备杀死 React Native,兴许确实如此中。React Native 的出现有其历史机缘,也曾经辉煌过,只不过时代变得太快,新事物来得太快,老的终将沉没。要不,我们拿什么去搞 KPI 呢?
友情提示:请参考原文阅读,原文有几个图和视频。

58次阅读  |  25天以前  |  阅读全文 »
72次阅读  |  25天以前  |  阅读全文 »

基于 Nginx+lua+Memcache 实现灰度发布

灰度发布是指在黑与白之间,能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式,让一部分用户继续用A,一部分用户开始用B,如果用户对B没有什么反对意见,那么逐步扩大范围,把所有用户都迁移到B上面 来。灰度发布可以保证整体系统的稳定,在初始灰度的时候就可以发现、调整问题,以保证其影响度。

38次阅读  |  26天以前  |  阅读全文 »
35次阅读  |  29天以前  |  阅读全文 »
64次阅读  |  1月以前  |  阅读全文 »
72次阅读  |  1月以前  |  阅读全文 »
65次阅读  |  1月以前  |  阅读全文 »

15个非常著名JavaScript数组方法,每个前端开发人员都应该知道

数组是所有用于存储不同元素的语言中的特殊变量。JavaScript数组包含一些内置属性,每个JavaScript开发人员都应该知道如何使用它们以及何时何地使用它们。我们可以根据需要使用它们来添加,删除,迭代或操作数据。每个开发人员都应该了解一些基本的JavaScript数组方法。

61次阅读  |  1月以前  |  阅读全文 »
80次阅读  |  1月以前  |  阅读全文 »

使用四十行代码实现一个精简版 koa

当我们在深入学习一个框架或者库时,为了了解它的思想及设计思路,也为了更好地使用和避免无意的 Bug,有时很有必要研究源码。对于 koa 这种极为简单,而应用却很广泛的框架/库更应该了解它的源码。
而为了验证我们是否已足够了解它,可以实现一个仅仅具备核心功能的迷你的库。正所谓,麻雀虽小,五脏俱全。

73次阅读  |  1月以前  |  阅读全文 »

Chrome 81 正式发布 !消灭混合内容最后一步~

Chrome 81 于前天正式发布了,这个版本其实最初是计划在 3 月 17 号 发布的,但由于冠状病毒(COVID-19)爆发而导致推迟到了现在。Chrome 81 的延迟也扰乱了 Google 正常的六周发布时间表。因此 Google 此前也宣布,下一个版本将直接跳过 Chrome 82 ,直接发布 Chrome 83。
下面我就来带大家看看 Chrome 81 有哪些重要的更新。

133次阅读  |  1月以前  |  阅读全文 »
139次阅读  |  1月以前  |  阅读全文 »

当浏览器全面禁用三方 Cookie

苹果公司前不久对 Safari 浏览器进行一次重大更新,这次更新完全禁用了第三方 Cookie,这意味着,默认情况下,各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie,但是由于这些浏览器市场份额较小,并没有给市场带来巨大的冲击。

115次阅读  |  1月以前  |  阅读全文 »

H5 直播的疯狂点赞动画是如何实现的?

直播有一个很重要的互动:点赞。
为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求:
点赞动作无限次,引导用户疯狂点赞
直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出来(广播用户使用websocket消息)

109次阅读  |  1月以前  |  阅读全文 »

探索 Serverless 中的前端开发模式

最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产生变革性的影响。本文主要就根据个人理解和总结,从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面,与大家探讨 Serverless 中的前端开发模式。本人也有幸在 QCon2019 分享了这一主题。

139次阅读  |  1月以前  |  阅读全文 »
152次阅读  |  1月以前  |  阅读全文 »

前端需要了解的9种设计模式

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总结成的最佳实践,而代码实现则是对加深理解的辅助。

121次阅读  |  1月以前  |  阅读全文 »

为什么你的网页需要 CSP?

内容安全策略(CSP)是一个 HTTP Header,CSP 通过告诉浏览器一系列规则,严格规定页面中哪些资源允许有哪些来源, 不在指定范围内的统统拒绝。

113次阅读  |  1月以前  |  阅读全文 »

10 种跨域解决方案(附终极方案)

嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 「vscode 插件」 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,然后通过这个解决方案再去深入理解。

181次阅读  |  1月以前  |  阅读全文 »
143次阅读  |  1月以前  |  阅读全文 »

移动 Web 最佳实践(干货长文,建议收藏)

笔者在公司用 web 技术开发移动端应用已经有一年多的时间了,开始主要以 vue 技术栈配合 native 为主,目前演进成 vue + react native 技术架构,vue 主要负责开发 OA 业务,比如报销、出差、crm 等等,react native 主要负责即时通信部分,是在 mattermost-mobile的基础上修改的(mattermost 是一个开源的即时通讯方案)。

128次阅读  |  1月以前  |  阅读全文 »
137次阅读  |  1月以前  |  阅读全文 »
158次阅读  |  1月以前  |  阅读全文 »

不可错过的实用前端工具

给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家!

123次阅读  |  1月以前  |  阅读全文 »

理解 WebView

我们通常使用 Chrome, Firefox, Safari, Internet Explorer 和 Edge 等浏览器来浏览网页。你也许正在使用其中一种浏览器阅读本文!虽然浏览器对于访问互联网内容的任务来说非常流行,它们还有一些我们从未过多关注过的竞争对手。这些竞争对手以 WebView 的形式被我们所熟知。这片文章将讲解 WebView 的神秘之处以及为什么它这么棒。

123次阅读  |  1月以前  |  阅读全文 »
114次阅读  |  1月以前  |  阅读全文 »

Facebook 前端技术栈重构分享

当我们考虑如何构建一个新的网络应用—一个为现代浏览器设计的、具有用户对Facebook(我们已知的)所有期望的功能,我们现有的技术栈无法支持我们所需要的类似于桌面应用的感觉和性能。

121次阅读  |  1月以前  |  阅读全文 »
173次阅读  |  1月以前  |  阅读全文 »
76次阅读  |  1月以前  |  阅读全文 »
108次阅读  |  1月以前  |  阅读全文 »
126次阅读  |  1月以前  |  阅读全文 »
97次阅读  |  1月以前  |  阅读全文 »
95次阅读  |  1月以前  |  阅读全文 »
105次阅读  |  1月以前  |  阅读全文 »

最多阅读

为Electron程序添加运行时日志 1年以前  |  4953次阅读
初探 React 组件 1年以前  |  2190次阅读
wordpress标签页的制作 1年以前  |  2081次阅读
Node.js下通过配置host访问URL 1年以前  |  2029次阅读
js动态创建类和实例化 1年以前  |  2014次阅读
500行PHP代码搞定富文本安全过滤 1年以前  |  1979次阅读