Web 技术大概 25 年前开始萌芽，HTTP、HTML、CSS 和 JS 都是在九十年代中期首次被标准化的。直到如今，Web 演变成一个无处不在的应用平台。随着 Web 的发展，Web 应用程序的开发架构也在不断发展。现在有许多用于构建 Web 应用程序的核心架构，目前最流行的是单页应用 (SPA)，但我们正在逐渐过渡到一种新的改进架构来构建 Web 应用程序。
Anim 框架是基于原生小程序 Mina 框架开发的，采用 rollup 打包，只需要引入 anim.js 即可快速使用。
day02_js学习笔记_01_js的简介、js的基本语法 ======================================================================
最近业务上看到一段逻辑，找了好久，没发现它是怎么被触发的，后来发现其实使用了函数劫持，大致如下：
回首对nodejs的源码研究，时间已经过去了一年多。我很喜欢js这门语言，有时候感觉他和c语言一样，在c语言里，很多东西都需要自己实现，让我们可以发挥无限的创造力和想象力，js虽然很多东西在v8里已经提供，但是用js，依然可以创造很多好玩的东西，还有好玩的写法。js应该我见过唯一的一门没有实现网络和文件功能的语言。或者说没有向用户提供这种功能。这也是我对js最大的偏见。因为网络和文件，是一个很重要的能力。对于程序员来说，也是很核心很基础的知识。因为js的使用场景是运行在浏览器。如果js提供了文件操作的话，这就意味着js可以访问用户电脑上面的数据，这也是不显示的，所以，js不可能会提供这样的能力，让我们可以像其他语言一样，随意操作用户的资源。
记忆犹新，在 2015 年 JavaScript 引入了 Fetch API，引起了开发者广泛的热情。Fetch 这种管理本地和远程资源的新方法很快被浏览器所采用，但 Node.js 却花了更长的时间。直到 2022 年才将 fetch() 添加到 Node 的标准库中。
性能优化对 React.js 应用程序至关重要，它可以显著提高用户体验并增强整个应用的成功。有效的代码能够优化渲染流程，提高应用性能，从而确保更快速、更流畅的用户界面。
今年休产假的时候学习了next.js，然后用这个nodejs框架重构了我的粤语网站 https://shyyp.net
“坦克大战”作为一款经典的街机游戏，其简单而激烈的玩法吸引了无数玩家。而现在，我们通过Web技术，可以把这一记忆中的经典游戏带到浏览器里。
在迅速变化的Web开发领域，选择正确的工具和框架对于打造优秀的用户体验至关重要。Next.js，作为React框架的佼佼者，因其前后端流畅集成而受到广泛欢迎。这就引出了一个有趣的问题：我们真的需要Next.js的后端功能吗？
Mpx是一款致力于提高小程序开发体验和效率的增强型小程序框架，目前在滴滴公司内部支撑了包括滴滴出行小程序，滴滴出行广场小程序，青桔单车，黑马电单车，小桔养车，小桔加油在内的小程序生态；自去年11月开源以来，Mpx也吸纳了众多外部开发者的加入，基于Mpx开发了开走吧，好免街，花忆等小程序。
本文采用CC BY-NC-SA 3.0 Unported协议进行许可，转载请保留此文章链接
什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！ Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发） 前端的主要工
通过一个demo带你深入进入webpack@4.46.0源码的世界，分析构建原理，专栏地址，共有十篇。
vue 最核心的卖点是数据驱动和组件。浏览器原生提供的交互是通过dom api来修改dom元素，由于浏览器兼容性问题后面的框架如jquery对原生的api进行了一层的封装以屏蔽浏览器的差异性，但并未作出实质的改变。想想这个过程，通常是数据发生变化，js根据变化的情况进行判断而后操作dom。dom变动的本质实际根本上实际是由数据驱动，我在第一家公司数字政通(egova)首次接触了的此类框架knockout。
微信小程序是17年出来的，现在也越来越多的创业型公司选择了做一套微信小程序。微信小程序开发简单，而且用户使用小程序也不需要再去下载一个app（用官方的解释就是：用完即走）。京东，美团，滴滴等很多大公司也有了相应的小程序。
React18+Next.js13+TS：B端+C端完整业务构建与技术双闭环的卓越实践
简言之：dva想提供一个基于业界react&redux最佳实践的业务框架，以解决用裸redux全家桶作为前端数据层带来的种种问题
JavaScript是一门编程语言，但凡是编程语言，其在基本语法上都是大同小异的。
导语 微信小程序的公测掀起了学习小程序开发的浪潮，天生跨平台，即用即走、媲美原生体验、完善的文档、高效的开发框架，小程序给开发者带来了很多惊喜。通过这篇文章和大家一起分析小程序的架构，分享开发经验。 一、小程序介绍 1、小程序特点 2、小程序演示 视频地址： https://v.qq.com/x/page/w0353d7co6y.html 3、小程序为什么那么快 Page Frame Native预先额外加载一个WebView 当打开指定页面时，用默认数据直接渲染，请求数据回来时局部更新 返回显示历史
与目前业内的几个小程序框架相比较而言，mpx 开发设计的出发点就是基于原生的小程序去做功能增强。所以从开发框架的角度来说，是没有任何“包袱”，围绕着原生小程序这个 core 去做不同功能的 patch 工作，使得开发小程序的体验更好。
TypeScript 的类型系统，最基本的是简单对应 JavaScript 的 基本类型，比如 string、number、boolean 等，然后是新增的 tuple、enum、复合类型、交叉类型、索引类型等 增强类型。
每个中间件就像是洋葱的一层，所有的请求经过一个中间件都会执行两次，这样可以非常方便的后置处理逻辑。
React如何实现组件化：在React中实现组件化的时候，根本没有 像 .vue 这样的模板文件，而是，直接使用JS代码的形式，去创建任何你想要的组件；
前言 最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些啰嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的
除此之外，还可以通过一些普适的最佳实践，减少编译范围、编译步骤提升 Webpack 性能，包括：
1.将业务逻辑组件和切面类加入到容器中，告诉spring容器哪一个是切面类(@Aspect)
微信小程序的官方开发工具中，已经集成了 babel 插件对 ES6 语法进行转换，各种第三方工具自然更少不了了。
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
Nest.js 是一个现代的企业级 Node.js Web 框架，最近在使用 Nest.js 实践一些项目的总结了一些使用心得，也从中学到了很多东西，在这里总结下来和大家分享。
Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。 定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。 配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。 配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。 也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。 过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行 设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。 静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。
源码结构： - /utils/ - actionTypes.js - isPlainObject.js 判断是否是简单对象 - warning.js 一些警告在控制台打印 - applyMiddleware.js - bindActionCreator.js - combineReducer.js - compose.js - index.js
今天看了一位国外大佬的文章，主要是他对在项目中如何选择 Vue.js 或 Nuxt.js 的看法，欢迎大家在评论区发表看法，以下内容是他关于这个问题看法的整理，由于翻译水平有限，欢迎大家指正。
现前端的工程化越发重要，虽然使用Ctrl+C与Ctrl+V同样能够完成需求，但是一旦面临修改那就是一项庞大的任务，于是减少代码的拷贝，增加封装复用能力，实现可维护、可复用的代码就变得尤为重要，在React中组件是代码复用的主要单元，基于组合的组件复用机制相当优雅，而对于更细粒度的逻辑(状态逻辑、行为逻辑等)，复用起来却不那么容易，很难把状态逻辑拆出来作为一个可复用的函数或组件，实际上在Hooks出现之前，都缺少一种简单直接的组件行为扩展方式，对于Mixin、HOC、Render Props都算是在既有(组件机制的)游戏规则下探索出来的上层模式，一直没有从根源上很好地解决组件间逻辑复用的问题，直到Hooks登上舞台，下面我们就来介绍一下Mixin、HOC、Render Props、Hooks四种组件间复用的方式。
每周一约！哈哈！小白又来啦！这周我们来聊聊Javaweb的三大组件——servlet、filter、listener。servlet之前的文章已经讲过了，这次来聊聊剩下的两个吧！
Nest.js 是一个现代的企业级 Node.js Web 框架，最近在使用 Nest.js 实践一些项目的总结了一些使用心得，也从中学到了很多东西，在这里总结下来和大家分享。 1. API 设置全局前缀 为 API 设置一个全局前缀可以区分接口版本，如通常会用 /api/v1 作为的 API 端点的前缀。为什么我们需要前缀？好的 API 在设计时要考虑到向后的兼容性。当增强或增加一个 API 时，我们应该确保已经线上使用到该 API 的业务不受影响。简而言之，API 前缀是为了向后兼容。 2. 模块划分
近日，Meta开源了一款「CSS-in-JS库」 —— StyleX。看命名方式，Style - X是不是有点像JS - X，他们有关系么？当然有。
今天碰了一下JS的语法，想与你聊聊这个。这篇文章适合前端设计师，不过在文末，我也为你准备了一些感悟，有兴趣的不妨跳到最后一看。 总体来看，JS的语法和Java的比较像，三类十一符句，三大类是：操作、判断、循环。操作分为：算术、关系、逻辑、条件、逗号运算符。判断分为：if、switch语句。循环分为：while、do-while、for、for/in语句。共十一符句。 在看完三类十一符句之后，除了算数运算符的“前++”、“后++”，比较运算符的“全等===”，for/in语句，刷新了一波认知之外，其它的都
【摘要】 系统定位 HarmonyOS 是一款“面向未来”、面向全场景（移动办公、运动健康、社交通信、媒体 娱乐等）的分布式操作系统。在传统的单设备系统能力的基础上，HarmonyOS 提出了基 于同一套系统能力、适配多种终端形态的分布式理念，能够支持手机、平板、智能穿戴、智 慧屏、车机等多种终端设备。 对消费者而言，HarmonyOS 能够将生活场景中的各类终端进行能力整合，可以实现 不同的终端设...
在前端开发的奇妙之旅中，构建一个既实用又具教育意义的计算器是提升技能的绝佳途径。本篇笔记将引导你从零开始，打造一个增强版的JavaScript计算器。这个计算器不仅支持基本的加减乘除运算，还能实时显示计算过程，让你一目了然每一步操作及其结果。👨💻✨
1.css简介 用来修饰html样式的一种语言，层叠样式表 增强复用性 方便后期维护 2.css样式引入方式： (1)内嵌方式
小程序开发要先注册小程序账号，有了小程序账号才可以使用开发者工具。小程序是一种特殊的开发形式，里面的 API 和组件都是自己定制的，因此在普通的浏览器中不能预览，要预览功能和页面就需要使用开发者工具。
机器之心专栏 机器之心编辑部 北京大学李戈教授团队与阿里巴巴大淘宝团队的研究者，共同完成了为淘系前端生成业务代码的模型，这是首个在工业开发环境中被采用的代码生成系统。 代码生成，即希望机器能像人一样将一些自然逻辑，用形式化的方式，或者说代码表达出来，这样的能力非常令人振奋，同样也充满了困难。目前尽管深度学习非常强大，但即使是百亿级的 Transformer，仍然在这个任务上做的不尽人意。而本文提出的模型，第一次真正在工业开发场景中，帮助用户快速生成高效的代码。 本工作已被计算机软件工程顶会 ESEC/FSE
在图形应用开发中，准确和高效地处理用户输入，如鼠标事件，是提升用户体验的关键。本文通过一个使用Paper.js的示例，展示如何优化矩形绘制过程，特别是处理不同方向的拖拽动作。
1995 年，NetScape (网景)公司，开发的一门客户端脚本语言：LiveScript。后来，请来 SUN 公司的专家来 进行修改，后命名为：JavaScript。 1996 年，微软抄袭 JavaScript 开发出 JScript 脚本语言。 1997 年，ECMA (欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，统一了所有客户 端脚本语言的编码方式。
2. 在 composable 中可以使用 vue 库中提供的所有方法如 ref reactive onMounted provide inject ,每个组件在使用相同的 composable 的时候都不用会互相影响,他们是独立存在的，因为他们是个函数，是通过 return 来返回数据的；
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
