• 架构设计:标准Web系统的架构分层
    需要注意以下几点:系统架构是灵活的,根据需求的不同,不一定每一层的技术都需要使用。业务系统间通信层并没有加入传统的HTTP请求方式。一个大型、中型Web业务系统,是不可能只有一个业务处理服务,而是多台服务器同时进行某一个相同业务的服务。所以我们需要根据业务形态设计一种架构方式,将来自外部客户端的业务请求分担到每一个可用的业务节点上。不同的业务需求,使用的负载层方案也是不同的,这就考验架构师的方案选择能力。
  • WEB验证的过去现在与未来
    本文将以时间维度介绍一些目前常见的Web验证方法以及相关协议,带你了解Web验证的过去、现在与未来。各大网银广泛使用的各种盾、各种 Key 其实也属于双因素认证,包括短信验证码,它能够让用户的数据多一层保护。常见的双因素认证方法第一种是短信验证,也是目前较为常用的,每一次认证时会生成短信验证码发送到指定手机上,输入的内容与发送的内容一致则完成认证。
  • 【Web技术】334- yarn、npm、cnpm 三者如何优雅的在一起使用 ?
    npm团队做了很多的工作,以确保 npm 保持向后兼容,并在不同的环境中保持一致。本地缓存的内容可以通过 npm cache ls 命令进行查看。cnpmcnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。Yarn采取了不同的做法。每个 yarn 安装都会生成一个类似于 npm-shrinkwrap.json 的 yarn.lock 文件,而且它是默认创建的。yarn 是经过重新设计的崭新的 npm 客户端,它能让开发人员并行处理所有必须的操作,并添加了一些其他改进。npm 安装是非确定性的,程序包没有签名,并且 npm 除了做了基本的 SHA1 哈希之外不执行任何完整性检查,这给安装系统程序带来了安全风险。`yarn`的优点速度快 。
  • 小程序运行机制
    我们先来看个官方的图:小程序的渲染层和逻辑层分别由 2 个线程管理:渲染层的界面使用了 WebView 进行渲染,逻辑层采用 JsCore 线程运行 JS 脚本。一个小程序存在多个界面,所以渲染层存在多个 WebView 线程双线程通信把开发者的 JS 逻辑代码放到单独的线程去运行,但在 Webview 线程里,开发者就没法直接操作 DOM。而这样完整的一套框架,基本上都是通过小程序的基础库来完成的。小程序的基础库不会被打包在某个小程序的代码包里边,它会被提前内置在微信客户端。小程序内的所有组件,包括内置组件和自定义组件,都由 Exparser 组织管理。
  • 从 Flutter Go 到 Flutter Go web - 手把手带你轻松玩转 Flutter-web(一)
    前言笔者所在的团队之前开发了FLutter Go这个“ 帮助 FLutter 开发者快速上手的 APP ”,受到了一些 Flutter 入门开发者的认可。Flutter-Go-Web支持尚不稳定。我们将此版本指定为技术预览版; 对Flutter Go native版本移植还原度大概在 80%左右。旨在帮助Flutter开发人员,快速熟悉Flutter-web官方的实践。在Flutter官方宣布Flutter暂时不会开发热更新之后,Flutter-web无疑是的动态更新代码最快捷的方式,虽然不是最佳方案,但是是最易用降级方案。通过Flutter-go-web版本的学习,可以快速,有效还原Flutter-gonative 版本。线上展示地址Flutter GO 官网Flutter Go web 版本准备言归正传,开发前还是建议大家对Flutter-web有一个基本的了解。
  • 讲真,做Python一定不要只会一个方向!
    最近不少人在微信问我现在Python还好就业不好就业?如果做Python到底该做爬虫还是数据分析还是web?......等等这样的问题,现在逐一谈下我的看法,进而引申出目前如果做python,最好要掌握的一些技能以及我个人认为的很稳的发展路线,这里分析的观点会以大部分普通开发者的角度来看待,对一些技术牛人可能就不太适用了1、Python好就业吗?python爬虫人工智能大数据公众号
  • 程序员最应该看的Web前端书籍
    最适合初学者的书籍1、《HTML & CSS设计与构建网站》Jon Duckett的这本书非常受欢迎。最适合中级选手的书籍3、《Web前端工程师修炼之道》这本书大约有600页,这本书最好的地方是它有大量的练习来让你提升代码能力,通过这本书,你可以学到HTML, CSS, Javascript以及网页图形和响应式网页设计,如果你已经有基本网页设计能力,那么阅读这本书是最好的,它会带你探索更加深入的网页设计知识,如果你是一个初学者,建议你先看前面的书籍,学习基础知识,再阅读本书。
  • 花椒 Web 端多路音频流播放器研发
    奇技指南语音交友直播间 Web 端使用 WebRTC 实现多路音频流传输的播放。并实现移动端页面多路音频流同时播放获取多路音频的可视化数据实现以上 2 个需求在 PC 端不是难点,有成熟的技术方案。调研 iOS、移动版 Safari 音频的限制移动版 Safari 带来的最大的局限之一是一次只能播放一个单音频流。MSE 提供了实现无插件且基于 Web 的流媒体的功能,使用 MSE,媒体串流能够通过 JavaScript 创建。所以我们使用 Web Audio API 开发个播放器。采样率采样率表示音频信号每秒的数字快照数。该速率决定了音频文件的频率范围。这样,我们就把 FLV 文件中的音频信息及数据获取出来。
  • 惊了!原来 Web 发展历史是这样的
    点击上方蓝色字体,选择“标星公众号”优质文章,第一时间送达其实今天文章的主题是前后端分离接口设计,但是在谈前后端分离、接口设计之前,不得不谈谈 Web 的发展史。在 Web 元年,每个 Web 开发工程师都是真正的全栈工程师。本文便通过阐述 Web 的发展历史,慢慢引出前后端分离概念和接口设计时可能存在的问题,希望看完文章能有收获,同时欢迎收藏作者博客网站:www.zhoulujun.cn。我们很难预见业务变化,但是我们应该能预见Controller是不容易变化的。在已经取得一定市场的情况下,Model-Service-Controller通常都不太会变动,甚至不敢变动。
  • 为什么要放弃 JSP ?
    控制层负责接收参数,调用相关业务层,封装数据,以及路由到 JSP 页面。这就是为什么,越是大中型的 Web 应用,他们越是要解耦。使用 JSP 的痛点动态资源和静态资源全部耦合在一起,无法做到真正的动静分离。第一次请请求 JSP,必须要在 Web 服务器中编译成 Servlet,第一次运行会较慢。每次请求 JSP 都是访问 Servlet 再用输出流输出的 html 页面,效率没有直接使用 html 高。如果 JSP 中的内容很多,页面响应会很慢,因为是同步加载。减少后端服务器的并发压力,除了接口以外的其他所有 http 请求全部转移到前端 nginx
  • 小程序底层实现原理及一些思考
    最近一直在做小程序的底层实现,过程中磕磕绊绊也多次进行架构方向上的转型,趁着周末抽空写一篇文章记录一下开发过程中遇到的问题和一些思考与决策。所以当时定了一个基本方向:让开发者使用Vue开发我们的小程序,开发体验完全与Web保持一致。若想做到这一点就不得不对Vue的渲染层进行一个托管与改造。
  • 把 WebAssembly 用于提升速度和代码重用[每日前端夜话0xBC]
    对于名称中带有 assembly 的语言,WebAssembly 是低级的。系统语言都具有两个特性,这使它们适合被编译为 WebAssembly。谈到高性能 Web 代码,WebAssembly 并不是唯一的选择。WebAssembly 的概述可以总结如下。几乎所有关于 WebAssembly 语言的文章都提到把近乎原生的速度作为语言的主要目标之一。WebAssembly 在下载方面也有优势。浏览器将 JS 模块作为文本提取,这正是 WebAssembly 能够解决的低效率问题之一。WebAssembly 中的模块是紧凑的二进制格式,可加快下载速度。同样令人感兴趣的是 JS 和 WebAssembly 如何协同工作。冰雹序列和 Collatz 猜想生产级代码案例将使 WebAssembly 代码执行繁重的计算绑定任务,例如生成大型加密
  • 3D 真的很难吗,瞧瞧支付宝怎么做?
    今天,我们就来了解支付宝的3D图像技术。为了让浏览器也具备高效绘制 3D 图像的能力,2011 年 WebGL 工作组发布了 WebGL 规范,并很快在各浏览器上落地。有了 WebGL 后,就可以在 Web 端做出炫丽的 3D 效果,利用 Web 的跨终端、跨客户端和灵活动态的特性,用户无需下载 3D 应用客户端,即可低成本获取及按需加载 3D 内容,同时,它还能低成本与支付宝等超级 APP 中的产品内容相结合,充分利用其流量优势。目前, Oasis 3D 在蚂蚁金服体系内主要应用于互动游戏及互动大屏上,为了支撑这些场景, Oasis 3D 封装了常用的图形功能模块,基本支撑了我们日常的应用开发:SceneGraph 场景结构。
  • 小程序底层实现原理及一些思考
    最近一直在做小程序的底层实现,过程中磕磕绊绊也多次进行架构方向上的转型,趁着周末抽空写一篇文章记录一下开发过程中遇到的问题和一些思考与决策。所以当时定了一个基本方向:让开发者使用Vue开发我们的小程序,开发体验完全与Web保持一致。若想做到这一点就不得不对Vue的渲染层进行一个托管与改造。
  • 【第1724期】用React Hooks与Web Animation API实现动效组件
    React Hooks随着 React 在 v16.8 的版本中正式推出了 React Hooks 新特性,关于 React Hooks 的讨论一直没有停歇,官方解读为这是下一个五年React与时俱进的开端。在 React Hook 出现之前,Function Component 往往用在 Stateless Component 中,有了 React Hook,Function Component的能力才得以向 Class Component 看齐。Web Animation APIW3C提出 Web Animation API ,简称 WAAPI。来分别配置关键帧动画以及配置项,这与CSS Animation的操作步骤很类似。由浅入深走进React Hooks与WAAPI本文通过编写几个在B端业务中常用的动效组件,帮助读者对React Hooks以及WAAPI有一个初步的认识。而在React Hooks 中,我们是通过传入useS
  • Flutter 1.9正式发布!支持macOS Catalina,Flutter网页版并入主库
    要了解这一操作的细节,请查看 ColorFiltered 示例:. Dart 2.5 发布端到端的开发人员体验不仅取决于 Flutter 的功能,还取决于它使用的底层语言。此外,谷歌一直在设法改善 Flutter 的错误消息可读性,使其更简洁、更易操作。Web 平台的 Flutter最后,谷歌宣布 Flutter 的 Web 支持已合并到主存储库中,旧的 flutter_web 存储库已弃用!如果你从主通道或开发通道获得了最新的 Flutter 版本,则可以在最新测试版本中运行 flutter run -d chrome 选择 Web 目标。当你创建项目时,Flutter 现在通过最小化的 web/index.html 文件创建一个 Web 运行器,该文件负责引导针对 Web 编译的 Flutter 代码。有了这个文件后,你就可以使用 Flutter CLI 工具或 IDE 插件在 Web 上编辑和运行 Flutter 应
  • 从踩坑到填坑|淘宝Web 3D应用与游戏开发实战
    作者|徐乾伟(烧鹅)出品|阿里巴巴新零售淘系技术部导读:本文是淘宝前端技术专家——徐乾伟(烧鹅)分享的淘宝 Web 3D 应用与游戏开发实战,这个话题在业界被谈及得比较少。今天将会从移动、3D、游戏三种交叉的话题来和大家探讨。接下来和小编一起从初试Web 3D、使用WebGL、工作流相关的游戏编辑器三个部分来了解吧~扫描下方二维码,关注「淘宝技术」,回复“游戏”即可获得此次演讲 PPT 。讲师介绍徐乾伟(烧鹅)-淘宝前端技术专家,来自淘宝虚拟互动团队,这个团队主攻 3D /游戏/ VR / AR 。其中,我们有一个小团队叫斜杠实验室,主攻 Web 方向上的动画和 3D 技术。