上一篇教程介绍了，小程序页面如何使用 JavaScript 脚本。有了脚本以后，就可以调用微信提供的各种能力（即微信 API），从而做出千变万化的页面。本篇就介绍怎么使用 API。
刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由前端来做。另外还有一个紧急的情况，项目要紧急上线，整个web站点的开发时间只有两周，两周啊！于是在这样的背景下，决定开始一次前后端完全分离的尝试。
小程序中的每个页面都有一个对应的 js 文件，在小程序初始化过程中，会调用其中的 Page() 实现该页面实例的注册。
之前我发布了文章《我们用48h，合作创造了一款Web游戏：Dice Crush，参加国际赛事》，介绍了我们一起做的游戏。
本文需要实现的页面如下，点击左侧导航栏按钮，右侧自动滑动到对应位置。当滑动右侧内容，左侧导航栏也要做出相应变动。
Vue 是一款用于构建用户界面的 JavaScript 框架，它基于 HTML，CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效的开发用户界面
从纯JS操作DOM，到JQuery，Angular，再到现在流行的Vue，React，前端交互模式也从0到1，从MVC到MVVM，此文将这段历史汇总为表格，仅供参考。
本文由 jerryOnlyZRJ 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。 本文是对前文：网站性能优化实战——从12.67s到1.06s的故事 相关知识的补充，文中的“前文”一词同此。 特以此文向《WebKit技术内幕》作者朱永盛前辈致敬。 0.引言 自上次发布了《网站性能优化实战——从12.67s到1.06s的故事》一文后，发现自己对页面渲染性能这个版块介绍的内容还不够完善，为了更清晰的梳理浏览器渲染页面的机制，以让读者更为全面了解渲染性能优化的深
宿主环境（host environment）指的是程序运行所必须的依赖环境。例如：
Hexo 是一款基于 Node.js 的静态博客生成器。有别于传统的 WordPress、Typecho 等由服务端渲染的动态博客程序，Hexo 可以遍历博客的各个页面，将博客文章等内容渲染到主题（即页面模板）之中，生成全部页面的 HTML 文件及其引用的 CSS、JS 等静态资源。这些静态资源文件常常通过托管到 Pages、托管到对象存储或者自建 Nginx 服务器的方式来对外提供访问。
Vue使用bus进行组件间、父子路由间通信
1) 用户首次访问或小程序同步更新时，命中环境预加载 2) 用户非首次访问，命中环境预加载 3) 用户非首次访问，未命中环境预加载
本文是对前文：http://imweb.io/topic/5b6fd3c13cb5a02f33c013bd 相关知识的补充，文中的“前文”一词同此。
微信小程序的开发除了完成必要的产品功能外，性能也是非常重要的。 我们应该如何衡量小程序的性能呢？怎样的小程序才算是一个高性能小程序呢？
很早以前就有面试问超长列表如何优化，那时候觉得一般前端不会有这种功能，有也是分页，也就没有去关注。今天分享一个超长列表渲染的优化方法，分片加载，现在几乎也都不会用了，但是还是要知道这个东西。
Safari浏览器有个Top site功能，它会展示最长访问的几个页面的截图。示例如下：
今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SSR 框架：qwik。
demo1中demo.js中的data放的是初始化数据
微信小程序页面渲染时，框架会将WXML文件同对应的Page的data进行绑定，在页面中我们可以直接使用data的属性，其使用的语法是Mustache语法，也就是使用双大括号将变量或简单的运算规则包裹起来，实现的主要渲染方式有以下几种：
hash模式对应的路由是类似于这个样子的 http://localhost:8080/#/about
该文档只作为功能实践，让读者对trtc直播，页面渲染，以及云直播有个大致直观的了解，不作为生产环境使用。
注意：学习本节内容的同学，请先把默认的 index.js文件和 index.wxml文件原有的代码删除进行学习
Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。React Native、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。
19组清风，携程资深前端开发工程师，负责商旅前端公共基础平台建设，关注NodeJs、研发效能领域。
1.通过了解浏览器线程的一些知识我们知道浏览器进程中GUI线程是与JS引擎线程互斥的。 2.小程序的架构是JsCore执行js逻辑代码+webview页面渲染双线程，两个线程并不互斥。
最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head>内部，而页面通过CDN引入第三方框架或库时，基本都是将其<script>标签放在<link>标签前面。
css样式不能引用本地图片资源，只能引用线上资源(background-image)，引用本地图片资源只能用<image>标签。
前面我有给大家整体地讲过《前端性能优化--方案归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。关于加载流程相关的优化，也有在《前端性能优化--加载流程篇》一文中进行详细的介绍。
最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。
紧跟前文，目标学习Vue2.0——3.0： 懂个锤子Vue、WebPack5.0、WebPack高级进阶 涉及的技术栈…
今天要介绍一种我们H5用的 自动计算首屏的方法，只需要引入 js，就可以自动计算得出首屏时间
最近和团队中的小伙伴一起开发一个叫 Aegis 的前端监控系统（目前仅在腾讯内部开源）。既然是前端监控系统，除了要对各种异常进行监控，还需要收集前端的各项性能，其中就包括 "首屏渲染时间" 这个重要指标。
宿主环境（host environment）指的是程序运行所必须的依赖环境。例如： Android 系统和 iOS 系
前言 马上要秋招了，搜集整理了一些Vue面试题，包括组件、指令、API等相关内容，巩固基础😎秋招冲冲冲！！！本篇包括： ✅计算属性和侦听器的区别 ✅事件修饰符 ✅单页应用(SPA) VS 多页应用(MPA) ✅如何解决SPA首屏加载速度慢 ✅v-if和v-for的优先级 计算属性和侦听器的区别 计算属性(computed)是自动监听依赖值的变化，从而动态返回内容(动态显示新的计算结果)。 监听(watch)是一个过程，在监听的值变化时，可以触发一个回调，并做一些事情。回调函数有两个参数，一个 v
宿主环境（host environment）指的是程序运行必须的依赖环境。 例如：Android系统和iOS系统是两个不同的宿主环境。安卓版的微信APP不能在iOS环境下运行，所以，Android系统是安卓软件的宿主环境，脱离宿主环境的软件没有任何意义。
在前不久的WWC22中，builder.io的CTO 「miško hevery」（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。
Nuxt.js 是一个基于 Vue.js 的通用应用框架，一个用于Vue.js 开发SSR应用的一站式解决方案。它的优点是将原来几个配置文件要完成的内容，都整合在了一个nuxt.config.js，封装与扩展性完美的契合。
如果你遇到h5页面这个问题，当输入框在最底部，点击软键盘后输入框会被遮挡，可以如下解决问题：
page.json文件用来对 uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。主要包括：
隋丰蔚，携程无线平台研发部前端工程师，现负责开发者工具NFES Developer Tools的设计与研发。
作者简介：张智超，北京微函工坊开发工程师，CSDN微信开发知识库特邀编辑。微信小程序爱好者。 感谢@翟东平 @qq_31383345 @nigelyq 等热情参与和共建 责编：CSDN知识图谱小助手 「小程序」是什么 张小龙在朋友圈里这样解释道：小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 微信小程序是一种全新的连接用户与服务的方式，它可以
什么是“页面直出” 我们通常说的“页面直出”，其实就是服务端渲染（SSR, Server-Side Render）。 最初的 JS SPA 方案有个常见的问题，就是脚本没有加载执行完时，页面中没有内容
本文档仅作为个人学习笔记、详细内容可以查看官网文档，官方文档有更详细的使用说明及案例
想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。 数据存储 计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能，在JavaScript中，数据存储的位置会对代码性能产生重大影响。 - 能使用{}创建对象就不要使用new Object，能使用[]创建数组就不要使用new Array。JS中字面量的访问速度要高于对象。 - 变量在作用域链中的位置越深，访
使用vue开发项目的时候，几乎都会遇到一个问题，数据改变了，但是页面没有渲染。这种情况下一般都是数组和json才会发生。
包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分
Next.js在现代Web开发中处于重要地位，尤其是其对静态生成（Static Generation, SG）、服务器端渲染（Server-Side Rendering, SSR）以及搜索引擎优化（Search Engine Optimization, SEO）的强大支持。在本文中，我将深入探讨这些核心特性的工作原理、应用场景及最佳实践，并通过代码示例演示如何在实际项目中高效利用Next.js实现高性能、高SEO友好的应用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
