在消费者端，为了方便各条业务线接入，我们通常以组件的方式提供功能，但是组件的发布必须依赖于页面的发布，页面发布又通常需要业务方统一操作，比较影响组件的迭代速度。 经过一段时间的探索和开发，我们实现了一种可以让组件独立发布的异步方案，具备以下特点：
本文转自: https://www.cnblogs.com/SamWeb/p/6610733.html
参考网址 https://www.cnblogs.com/belongs-to-qinghua/p/11151054.html http://www.zhiliaotang.net/jishujiaoliu/web/965.html
最近项目做跟视频有关的，一个是直播，一个是播放视频。使用video标签。视频直播有很多协议，rtmp、rtsp、hls等就自己去了解，业务有做到就会了解一些。
最近做一个web页面，希望在手机上能滑动切换页面，第一次这种要求，在网上找到了一个插件swiper,swiper2可以在电脑和手机上使用，于是选择这个插件，在使用这个插件的过程也遇到了很多问题，如滚动条很长，体验不好，最后采用js来控制高度，在此页面中也采用了bootstrap-table插件来固定表头，采用js动态的设置高度，当页面高度小时，有滚动条，页面高时就完全展示，为了体验好，当滚动到第一个页面底部时，滑动切换第二个页面的顶部，需要scrollTop实现
echarts是一款不错的商业级数据图表，目前已更新到echarts3版本，但是由于历史原因，echarts2仍然有比较大的使用占比，之所以讲echarts2的引入方式是因为项目在混合使用echarts2与echarts3的时候遇到了一个问题，这个与我之前写过的一篇文章有关：http://blog.csdn.net/john1337/article/details/54947787，下面入主题。
一、概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。 路由中有三个基本的概念 route, routes, router。 1. route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容
在很多App的首页顶端都会有一个广告轮询视图（大多数App都在这个位置），轮询广告至少是3页。通常轮询广告下方中心的位置是若干个小点（有的可能是其他效果，如横杠），小点数目和广告页面数目相同，当显示某个广告页面时，表示该广告页面的小点就会处于选中状态（一般是变颜色）。通过点击小点，可以切换到指定的广告页面，也可以通过手指左右滑动来切换相邻的广告页面。效果如图1所示。
定义：主要用于单页面应用，大部分页面结构不变，只通过JS改变部分内容的使用（例如：react-router,vue-router）
推荐一个轻量完备的开源前端框架：dagger.js：https://daggerjs.org
比较适用于大家常说的 SEO 和首屏渲染这些，一般都是 toc 的业务才会需要用到。
当<component>展示的组件A被隐藏，而要展示组件B时，通常会直接销毁组件A。下次展示组件A时，再重新创建。在组件A和B要频繁切换的情况，会造成一定的损耗。
在以前，前后端是不分离的，这个阶段通常是由服务端渲染好页面（SSR），再发送页面给前端去展示；接着到了前后端分离的阶段，前端向静态资源服务器拿资源，再通过 js 渲染页面，此时仍然是一个 url 对应一份 html+css+js。再后来出现了 SPA 单页面应用的概念，实际上它只有一个页面，但给我们的体验是多页面之间的切换。
路由，其实就是指向的意思，当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射。 所以在页面显示中，有两个部分，一个是需要点击的部分，一个是点击之后，显示点击内容的部分。 点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么才能显示home的内容。这就要在js 文件中配置路由。 路由中有三个基本的概念
接下来我们来实现登录组件，以前我们都是写在一个文件中，但是为了复用性，开发中都会把组件放入独立的JS文件中，我们新建一个user目录以及login.js及register.js：
React SSR 是什么？React SSR 是 React 服务器端渲染 (SSR: server side render) 技术。传统的服务端渲染方式是使用 HTML 模板的方式渲染出来的。访问数据库，拿到数据然后将数据填充到 HTML 模板上，比如 Node.js 中的 pug 模板引擎、ejs 模板引擎等都是服务端渲染的模板。传统的服务端渲染通常用在文档型页面上，而现在网页被称为 web app，页面更像 app 应用，现在做服务器渲染主要是为了 SEO 和首屏。React 与模板渲染很相似，都是通过数据驱动，将页面渲染出来。
当时，每一个工具都有一个URL，每个页面只有本工具的内容，没有统一的「导航栏」，这对于工具网站是非常不方便的。所以，我需要加一个统一的导航栏，方便用户在多个页面之间跳转。
主要的实现原理是，2套css样式，2套js文件，如果需要切换图片的情况也需要2套图片，页面上有个切换按钮，点击的时候切换css样式和js文件，以及切换图片，css文件切换时会立即起效，但是js没有效果，需要重新刷新下，采用的是点击按钮的时候直接reload,切换样式文件和js文件都在初始化时进行
背景： SPA的vue应用，采用webpack2构建，打包入口为main.js 输出：main模块打包成app.js，公共lib打包成vendor.js，公共样式打包成app.css，运行时依赖打包成
所谓的服务端渲染其实并不是上面新奇的东西，顾名思义，就是页面的生成是在服务端完成的。 它自上古以来（很久很久以前）就已经存在了，传统的 jsp 页面、asp.net等页面都可以看做是服务端渲染的页面。 既然如此，为什么会单独拿出来说事儿呢？
<component>动态组件是一种可以根据数据变化而动态加载不同组件的方式。使用动态组件可以有效地减少代码复杂度，提高组件的复用性和灵活性。
背景 前段时间做了一个 COVID-19 的疫情数据每日邮箱推送平台(https://ncov.ouorz.com)，本着给自己用的小工具顺便练手的精神，尝试接触了一些新的关于 JavaScript 的技术栈。包括 Vue-Cli、Node.js、MongoDB 等，好不一番爽快的开发体验。顺便一提，这个疫情数据订阅平台我拿着去填写在了 Github Trending 爆火的 wuhan2020 项目(https://github.com/wuhan2020/wuhan2020)举办的「黑客马拉松」报名表里
在日常使用python爬取数据的时候会遇到一些动态页面，有些网页的HTML代码是由javascript动态生成的，直接爬取可能会出现无法加载的情况，需要用phantomJS和selenium模拟浏览器，之后再爬取。
HTTPS 在 HTTP 的基础上增加了 SSL/TLS 加密，提供了更加安全的传输协议。俨然已经属于各大网站的标配。有赞作为一个 SaaS 平台，涉及到用户的商品，交易，支付等关键性流程。支持全站 HTTPS，提高网站安全是我们的基础保障。本文关注的事情包括： 了解 HTTPS 基础原理，切换 HTTPS 需要切换的内容，如何监控和实际操作，以及遇到的一些难点。
猫头虎博主热烈欢迎你来到本篇博客！在这里，我们将深入探讨Vue Router的使用，它是Vue.js应用中不可或缺的导航工具。通过本文，你将了解如何轻松地为你的Vue.js应用添加导航功能，并优化SEO，以提高网站的可发现性。
1. Nuxt.js 概述 1.1 我们一起做过的SPA SPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中 1.2 什么是SEO SEO：搜索引擎优化（Search Engine Optimization）, 通过各种技术（手段）来确保，我们的Web内容被搜索引擎
使用 window.history.pushState 和 window.history.replaceState 也可以使用修改 URL 而不重新加载页面
作者： M.S-Group.皮皮熊，M.S-Group组织主要成员之一，数通行业老兵，精通传统数通网络技术，SDN/NFV新技术的狂热拥护者！
大家好，又见面了，我是你们的朋友全栈君。 Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html
由于ant-design-vue的样式使用的是less作为开发语言，所以这里我们选择Less
Bootstrap是一个用于快速开发Web 应用程序和网站的前端框架，它提供了一个带有网格系统、链接样式、背景的基本结构。Bootstrap提供了许多的组件，其中就包括导航组件。这在很大程度上简化了操作。通常都是利用列表实现来导航的，常用的是无序列表（）和有序列表（）。自定义列表（）一般不会用来实现导航。
今天我们将通过一个实战案例，来展示如何使用GSAP和barba.js制作一个炫酷的页面切换效果。该案例展示了一个在线购物网站的首页和产品页之间的切换动画。通过这个案例，大家可以学会如何结合GSAP和barba.js实现流畅的页面过渡效果，动画效果如视频所示：
我是腾讯的杨春文，老东家在百度，目前在深圳腾讯，做的主要产品是web相关。我本身做NOW直播，所以会讲基于腾讯云的直播小程序，然后是小程序终端开发，总结一些经验点，更注重于开发者和一线工程师所关注的包括性能等等的开发经验。
先上最终效果： 最近做了一个用手机浏览器访问的web应用，采用较流行的HTML5，为了提高开发效率节省时间决定采用现有开源框架，免去了自己做设计与兼容性。 一些比较优秀的框架：10大优秀的移动Web应
浅谈移动端页面无刷新跳转问题的解决方案 2017-12-22 祈澈姑娘 最近开发微信公众号，用的框架是 一般的 UI，但是涉及到多页面之间的相互跳转的问题，降低了浏览器的性能，用户体验特别不好，卡顿，不流畅,因此不采用传统的页面跳转方式，看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容，每页放到不同的 里面。 于是采用当下流行的单页面模，在做pc网页的时候一般都直接给链接的。比起用链接来跳转页面，这样做也是有很多好处的（比如appjs,jquery Mobile) 这种web形式在如
大家知道EasyNVS是个管理平台，与视频安防智能监控系统的接入，不仅可以让EasyNVS获取系统的全部能力，还可以对各地部署的系统进行统一管理。我们正在对EasyNVS进行新的开发，目前正在优化新版EasyNVS的前端界面。
我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发层面，这十多个业务又有太多共同之处，每次修改成本都很高。
大家都知道wordpress过于庞大,到了一定的访问量之后就有亿点点的卡顿，加载时间特别感人。但是，WP Fastest Cache这时候就有点用，设置也比较简单，并且拥有汉化，可以切换多种语言。插件有付费版，但是我觉得没有什么必要，免费版功能很全，已经满足缓存需求了。
在vue中实现路由还是相对简单的。因为我们页面中所有内容都是组件化的，我们只要把路径和组件对应起来就可以了，然后在页面中把组件渲染出来。
路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。
注意： 组件的名称和路由的名称一定要一致，例如 Home.vue 组件名称 name: home，则在路由文件中也要给它设置为 name: home，否则页面内容不能缓存
本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 署名 4.0 国际 (CC BY 4.0)
之前我发布了文章《我们用48h，合作创造了一款Web游戏：Dice Crush，参加国际赛事》，介绍了我们一起做的游戏。
通过在标签内使用slot属性指定值，组件内使用solt标签通过name接收slot属性值
什么是Web组件？ 网站的静态网页HTML、JavaScript脚本、CSS样式、图片、动态数据称为网站的Web组件。也就是说，一个Web应用由各种各样的Web组件构成。 为什么要进行Web组件分离？ 一个网站的Web组件往往有各自的特点，比如：HTML页面属于静态文件，当用户请求一个HTML页面的时候Web服务器会进行IO操作，读取HTML文件；而用户请求动态数据的时候IO操作会比较少，但会涉及到大量的CPU计算；因此，如果静态内容和动态内容都使用相同服务器配置的话显然不能发挥Web应用最好的性
大家好，在《动手练一练，使用 React 和 Next.js 做一个简单的博客网站（上）》和 《动手练一练，使用 React 和 Next.js 做一个简单的博客网站（中）》这两篇文章里，我们一起完成了一个基于 MakeDown 文档为内容页源的博客网站，学习了动态路由（Dynamic Routes）、Static Generation 相关的知识及应用，本篇文章，我们将学习如何使用服务端渲染（Server-side Rendering）、客户端渲染（Client-side Rendering）的内容，最后再和大家聊聊如何编译项目、部署站点。
我所在团队是做 toB 业务的，技术栈是 Vue，团队目前有十多个典型的 toB 业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个 html 入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发层面，这十多个业务又有太多共同之处，每次修改成本都很高。
导语 上周末，精神哥去参加了好友小青在北京办的T沙龙，探讨移动端热更新相关的话题。Bugly曾为大家介绍过不少腾讯内部的热更新的框架，正好这次看到了美团，去哪儿以及微博同学在应用热更新方面的实践，整理出来发给大家，本周整理的是美团大众点评的吴卓同学分享的分享的 美团 Hybrid 化建设，其他的内容也会在后面陆续放出。 Hybrid 是移动端热更新最常用的手段，限于 App Store 上架审核时间较长，美团大众点评也采取了该方案，欢迎来自美团大众点旅游业务 iOS 负责人吴卓分享《美团大众点评 酒旅方面
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
