传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。使用Ajax，在点击sunmit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。
前不久我结合browser-sync+gulp+gulp-nodemon实现了一款生产环境热更新（我之前理解有点偏差，应该定义为热更新，不是热重载）的项目脚手架，那么，今天我们将使用Node.js实现一个热重载页面。
今天，我们来搞一个新东西，名字叫基于Vue技术栈的全栈热重载生产环境脚手架。实话说，这个名字我想了很久。最终，还是以这个名字作为文章标题。我先拆分解释下：全栈的意思是支持前后端；热重载这个名词相信大家很熟悉，就是页面每次改动，不需要手动去刷新，可自动刷新；生产环境这里你可以理解成线上环境，用户使用的环境。
options 官方文档提供了更多的选项，以便更好地自定义选项。具体查考官方文档。以下列出我使用的一些选项。
Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)
之前用wordpress的时候，从来没遇到过这种问题。高亮代码后，不管怎么看都是高亮。自从用上typecho，发现有些主题直接访问文章页面有高亮代码；但是，进首页再点击文章页后，代码高亮消失，刷新才行。
https://liuyib.github.io/2019/09/24/use-pjax-to-your-site/
最近给博客加入了代码高亮的功能，发现直接访问文章页面有代码高亮 但是进首页再点击文章页后，代码高亮消失，刷新才行 发现是Pjax的问题，解决后就在此做个记录并分享
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项，长话短说，今天介绍实现此功能的一个方法，需要了解的朋友可以参考下:
相关子查询，无关子查询 所谓相关子查询，是指求解相关子查询不能像求解普通子查询那样，一次将子查询求解出来，然后求解父查询。相关子查询的内层查询由于与外层查询有关，因此必须反复求值。 事件冒泡： 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即docu
浅谈移动端页面无刷新跳转问题的解决方案 2017-12-22 祈澈姑娘 最近开发微信公众号，用的框架是 一般的 UI，但是涉及到多页面之间的相互跳转的问题，降低了浏览器的性能，用户体验特别不好，卡顿，不流畅,因此不采用传统的页面跳转方式，看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容，每页放到不同的 里面。 于是采用当下流行的单页面模，在做pc网页的时候一般都直接给链接的。比起用链接来跳转页面，这样做也是有很多好处的（比如appjs,jquery Mobile) 这种web形式在如
有人要问，我为什么要前后端分离？这个说起就话长了，网上也能搜索到一些解答，不过可简要概括为以下两点：
AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。
replace和assign的区别 replace()方法所做的操作与assign()方法一样， 但它多了一步操作，即从浏览器的历史记录中删除了包含脚本的页面， 这样就不能通过浏览器的后退按钮和前进按钮来访问它了， assign()方法却可以通过后退按钮来访问上个页面。
bug： 在onShow中执行this.onLoad()，会导致页面第一次加载的时候数组加载两次！ 造成原因：页面加载先执行onLoad，再执行的onShow，就会出现在onLoad加载一次数据，在onShow中执行this.onLoad()在加载一次数据。 解决办法：将不需要刷新的数据放在onLoad中执行，将需要刷新的数据放在onShow中执行！ 感谢：感谢editplusx的指正！
这篇文章是《2019年末逆向复习系列》的第二篇：《努比亚Cookie生成逆向分析》
前言 为什么突然想认真学一下webpack？ 1 理解框架的需要 目前主流框架 Vue、React等都基于此，因此学一下基本使用时必要的 2 新框架开发需要 最近打算开发一个基于 html5、canvas 的小框架，涉及到页面频繁调试、浏览器兼容等；另外，开发过程中经常使用 import、ES6。如果直接基于 html + js + css来开发，那么效率很低还要处理很多兼容问题。 我们可以看到 webpack 的优势 随意使用 import、ES6: 通过打包注入 html 即可， 使
命名为base.html,这个页面主要放公用部分的代码，各个子页面都可以继承这个页面的样式。
Django之html模板继承简单案例 １ 构建母板，确定不变内容和可变内容 ２ 构建子板，对可变内容进行填充 结果： Django下静态模板的继承对应模页面样式 ①. 定义一个
HMR（Hot Module Replacement）是webpack一个重要的特性，当代码文件修改并保存之后，webapck通过watch监听到文件发生变化，会对代码文件重新打包生成两个模块补丁文件manifest（js）和一个（或多个）updated chunk（js），将结果存储在内存文件系统中，通过websocket通信机制将重新打包的模块发送到浏览器端，浏览器动态的获取新的模块补丁替换旧的模块，浏览器不需要刷新页面就可以实现应用的更新。
据统计，据媒体报道，据各种经验之谈：用户不喜欢点击，更爱滚动！所以，之前挺流行的文章分页没有了，沿用了几百年的“下一页”也被无限load取代。瀑布流和Twitter更是推动了无限load的普及。
Flutter 是谷歌推出的开发移动UI框架，可以快速的在IOS和Android上构建高质量的原生用户界面。
浏览器访问 TechGrow (opens new window) 的官网 ，注册并登录账号后，进入博客的后台管理页面。首先点击左侧的菜单 博客注册，然后点击 新增 按钮，添加自己博客的信息。博客注册成功后，记录下 博客 ID，后面的步骤会使用到
Nextjs介绍 Next.js 是一个由 Vercel 开发的开源 React 框架，用于构建服务端渲染（SSR）和静态网站生成（SSG）的应用程序。它提供了一系列强大的功能和优化，使开发者能够更高效地构建现代 Web 应用。
在过去的几年中，Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后，这个框架开始将触角伸向了静态站点生成，一个曾经由 React 统治的领域。
【如果大家对程序员，web前端感兴趣，想要学习的，关注一下小编吧。加群：731771211。免费赠送web前端系统的学习资料！！前端学习必备公众号ID：mtbcxx】
JavaScript JavaScript是网络上最常用也是支持者对多的客户端脚本语言。它可以收集用户的跟踪数据，不需要重载页面直接提交表单，在页面嵌入多媒体文件，甚至运行网页游戏。 我们可以在网页
免费而优美的包含超过38个定制用户界面组件的Vue.js管理模板。
如果您的目的不是为现有的 vue 项目添加 PWA 支持，那么更推荐尝试 Lavas
Butterfly主题v3.4.0及其以后版本基本已经实现完全去jquery化，而本帖有使用到jquery，不想再次引入js的可以考虑使用站内的原生JS计时器。
写在开头 最近的vite比较火，而且发布了2.0版本，vue的作者也是在极力推荐 在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场 全方位对比vite和webpack webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依赖图谱 2.将代码转化成AST抽象语法树 3.在AST阶段中去处理代码 4.把AST抽象语法树变成浏览器可以识
2) 默认情况下，这是IPrincipal.Identity.Name，但是可以通过向全局主机注册IUserIdProvider的实现来更改。
在js里面需要获取到input里面的值，如果把script标签放到head 里面会出现问题。
在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场
现在越来越多的网站在使用nginx，所以nginx的优化就显得越来越重要，尤其是nginx的gzip压缩优化。
之前我们说过Koa框架的用法，现在我们就用它从头创建一个前后端在一块的项目，其实下面的方式还是前后端分离的，只是后端为前端提供了WEB服务器。
这种封装工作在提升生产效率的同时也带来了复杂性，甚至有些封装工作的复杂程度远超了业务逻辑本身。
最开始答应@贰猹写友链朋友圈3.0前端方案时，我正好刚刚开始沉迷原神。啊呀，说起来当初帮@冰老师写友链朋友圈1.0方案的时候我正好被贰猹拉去沉迷MC,该说是因果循环吗？2333。
本文介绍了Webview与ScrollView的滚动兼容及留白处理，分享给大家，具体如下：
因为每个用户的网络情况无法预估（比如地铁上），图片加载失败必然导致页面就无法浏览或者体验差
v-on:click/mouseover...... 简写的: @click="" 推荐
在过去，桌面应用程序的开发通常需要使用特定于操作系统的工具和语言，如C++、C#、Java等。这导致了高昂的开发成本和维护困难。尽管有一些跨平台桌面开发工具，如Electron和Qt，但它们在性能、用户体验和开发效率方面存在一些限制。Flutter的出现改变了这一格局，为桌面应用程序开发带来了新的希望。
借助webpack，在开发模式下我们可以使用热重载、路由重定向、代理服务器等功能，而source-map更是准确定位代码错误的利器。
在一个比较大的项目里面（有国际化需求的），国际化的支持是一个必不可少的； 那如何落地就得具体问题具体分析了，这里说说我遇到过并落地的一个改造方案；
今日洞见 译者：ThoughtWorks-吕靖，译自 Péter Márton：React.js Best Practices for 2016。 本文所有内容，包括文字、图片和音视频资料，版权均属ThoughtWorks公司所有，任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表。已经本网协议授权的媒体、网站，在使用时必须注明"内容来源：ThoughtWorks洞见"，并指定原文链接，违者本网将依法追究责任。 React.js 作为前端框架的后起之秀，却在2015年携着虚拟
从过年开始一直被闷在家里，少了出门和小伙伴耍的快落～每天在家里就是对着电脑忙各种事情（指摸鱼），于是总想着找点事情做做，正好看自己的小博客也不太顺眼了就想着升一下级～
v-cloak一般与display：none进行结合使用 作用：解决初始化慢导致页面闪动的最佳实践
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
