- 众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。 废话就不多说了，直接到正题吧，浅谈一下我自己理解的几种单页面架构： 1、requirejs+angular+angular-route（... 众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。 废话就不多说了，直接到正题吧，浅谈一下我自己理解的几种单页面架构： 1、requirejs+angular+angular-route（...
- 前言在学习Three.js之前,我们先来了解WebGL,因为WebGL是Three.js的基础和规范.那什么是WebGL呢?WebGL(全写Web Graphics Library)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供... 前言在学习Three.js之前,我们先来了解WebGL,因为WebGL是Three.js的基础和规范.那什么是WebGL呢?WebGL(全写Web Graphics Library)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供...
- JavaScript奇技淫巧：Hook与反Hook作者：专注于JS混淆加密的JShamanAPI HOOK技术，在PC时代曾盛行，是高端的技术。在JavaScript编程中，也可以应用API Hook技术实现不寻常的效果。例，eval hook：<html><script>//备份原window.eval函数var _eval = window.eval;//eval的hook函数windo... JavaScript奇技淫巧：Hook与反Hook作者：专注于JS混淆加密的JShamanAPI HOOK技术，在PC时代曾盛行，是高端的技术。在JavaScript编程中，也可以应用API Hook技术实现不寻常的效果。例，eval hook：<html><script>//备份原window.eval函数var _eval = window.eval;//eval的hook函数windo...
- 一、简介InversifyJS ，一个强大又轻量的控制反转容器，提供给JavaScript 和 Node.js 应用使用，使用TypeScript编写。InversifyJS 是一个轻量的 (4KB) 控制反转容器 (IoC)，可用于编写 TypeScript 和 JavaScript 应用。 它使用类构造函数去定义和注入它的依赖。InversifyJS API 友好易懂, 是鼓励对 OO... 一、简介InversifyJS ，一个强大又轻量的控制反转容器，提供给JavaScript 和 Node.js 应用使用，使用TypeScript编写。InversifyJS 是一个轻量的 (4KB) 控制反转容器 (IoC)，可用于编写 TypeScript 和 JavaScript 应用。 它使用类构造函数去定义和注入它的依赖。InversifyJS API 友好易懂, 是鼓励对 OO...
- Google Tag Manager (GTM) 和 Adobe Experience Platform Launch (AEPL) 都是流行的标签管理平台，它们可以在SAP Spartacus中用于管理网站上的各种标签，包括广告标签、分析标签、社交媒体标签等等。下面介绍一下它们在SAP Spartacus中的应用： Google Tag Manager (GTM)GTM是一个免费的标签管理... Google Tag Manager (GTM) 和 Adobe Experience Platform Launch (AEPL) 都是流行的标签管理平台，它们可以在SAP Spartacus中用于管理网站上的各种标签，包括广告标签、分析标签、社交媒体标签等等。下面介绍一下它们在SAP Spartacus中的应用： Google Tag Manager (GTM)GTM是一个免费的标签管理...
- 一、前言先带大家分析2张架构图，对RN大致的运行加载过程有个印象。ReactNative系统框架图如下所示:启动流程图如下所示：在开始分析之前，先思考一个问题：为什么ReactNative能像web端一样实现跨端和热更新，同时又有接近Native的性能呢？ReactNative 的本质是在 JS 端编写 React 代码，通过 JavaScriptCore 引擎，把 JS 端编写的组件和事... 一、前言先带大家分析2张架构图，对RN大致的运行加载过程有个印象。ReactNative系统框架图如下所示:启动流程图如下所示：在开始分析之前，先思考一个问题：为什么ReactNative能像web端一样实现跨端和热更新，同时又有接近Native的性能呢？ReactNative 的本质是在 JS 端编写 React 代码，通过 JavaScriptCore 引擎，把 JS 端编写的组件和事...
- angular.json 文件的语法？options 是 angular.json 文件中 architect 对象中包含的一个属性，用于指定构建、测试或运行的选项。以下是 options 支持的一些常见的选项：outputPath: 构建输出的目录。index: 应用程序的主入口文件。main: 应用程序的主模块文件。polyfills: 应用程序的 polyfill 文件。tsConfi... angular.json 文件的语法？options 是 angular.json 文件中 architect 对象中包含的一个属性，用于指定构建、测试或运行的选项。以下是 options 支持的一些常见的选项：outputPath: 构建输出的目录。index: 应用程序的主入口文件。main: 应用程序的主模块文件。polyfills: 应用程序的 polyfill 文件。tsConfi...
- 这个 configurable 产品(搜索 home theater)明细页面里，没有看到 add to wish list 的超链接：http://localhost:4000/electronics-spa/en/USD/product/CONF_CAMERA_SL-PROF-BLACK/digital-camera-professional-black有时我们会发现 Add to wi... 这个 configurable 产品(搜索 home theater)明细页面里，没有看到 add to wish list 的超链接：http://localhost:4000/electronics-spa/en/USD/product/CONF_CAMERA_SL-PROF-BLACK/digital-camera-professional-black有时我们会发现 Add to wi...
- 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack
- 一、前言uni-app应用开发过程中，考虑接入神策做数字化运营。在采用神策采集用户行为数据前，首先需要根据业务分析需求明确采集的目标行为，进一步搞清楚应该在哪些地方埋什么样的点。这个环节的输出物一般被称之为“埋点需求文档（DRD）”。在大部分互联网公司，规范的产品迭代流程是，业务侧产品经理在输出“产品需求文档（PRD）”的同时，数据产品经理或分析师等角色需要同步输出 DRD，双方的需求同步... 一、前言uni-app应用开发过程中，考虑接入神策做数字化运营。在采用神策采集用户行为数据前，首先需要根据业务分析需求明确采集的目标行为，进一步搞清楚应该在哪些地方埋什么样的点。这个环节的输出物一般被称之为“埋点需求文档（DRD）”。在大部分互联网公司，规范的产品迭代流程是，业务侧产品经理在输出“产品需求文档（PRD）”的同时，数据产品经理或分析师等角色需要同步输出 DRD，双方的需求同步...
- 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载... 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载...
- 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一... 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一...
- 常见的Web攻击手段SQL注入介绍SQL注入，就是在我们执行Sql的时候，拼接了一些不可控的入参，导致执行的sql偏离了我们预期的效果，从而被攻击者所利用。错误代码示例// 错误1 任意拼接sql// 说明：当name值为 1’ or 1=1时，造成注入String sql = “select * from user where name =”+name+" and password="+p... 常见的Web攻击手段SQL注入介绍SQL注入，就是在我们执行Sql的时候，拼接了一些不可控的入参，导致执行的sql偏离了我们预期的效果，从而被攻击者所利用。错误代码示例// 错误1 任意拼接sql// 说明：当name值为 1’ or 1=1时，造成注入String sql = “select * from user where name =”+name+" and password="+p...
- 一、前言跨平台是一种能够在多种平台（例如Android，iOS，Windows，Blackberry、小程序、快应用等）上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码，而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序，及应用、文件生命周期等知识点。其中，大部分... 一、前言跨平台是一种能够在多种平台（例如Android，iOS，Windows，Blackberry、小程序、快应用等）上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码，而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序，及应用、文件生命周期等知识点。其中，大部分...
- JavaScript基础@[toc]之前学过了HTML 和 CSSHTML标示量页面的结构CSS表示页面的样式JS表示页面的动作 / 行为 JavaScript是什么JavaScript其实与Java没有什么关系,是两种不同的编程语言微软之前研究出了TypeScript (ts),相当于是JavaScript的加强版 JavaScript的使用方式JS 主要是用来开发前端 的, 但是也能用... JavaScript基础@[toc]之前学过了HTML 和 CSSHTML标示量页面的结构CSS表示页面的样式JS表示页面的动作 / 行为 JavaScript是什么JavaScript其实与Java没有什么关系,是两种不同的编程语言微软之前研究出了TypeScript (ts),相当于是JavaScript的加强版 JavaScript的使用方式JS 主要是用来开发前端 的, 但是也能用...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中 -
一个AI团队帮你写代码：华为云码道Agent Space实战2026/06/25 周四 19:00-21:00
张翰文-华为云码道工程师/郭英旭-青软创新科技集团股份有限公司 软件架构师
本场直播聚焦华为云码道Agent Space两大模式：研发办公、代码开发，亲身体验从需求到代码的AI自动化能力。实操演示基于华为 CodeArts CLI，依托 OpenSpec 规格体系从零搭建业务项目。
回顾中
热门标签