我们之前也学习过后端的框架 Mybatis ，Mybatis 是用来简化 jdbc 代码编写的；而 VUE 是前端的框架，是用来简化 JavaScript 代码编写的。
Next.js 是一个用于构建服务器呈现的 React 应用程序的框架，使用像 Next.js 这样的框架的好处之一是它可以很容易地针对搜索引擎优化您的应用程序。
delegate 事件委托，子级不方便做，委托给父级做，既能给已有的绑定事件，又能给未来元素绑定。
在配置Vue-router时有两种模式，分别为：hash模式（默认）、history模式。
在v1.0版本中实现了"页面点击按钮，生成对应测试数据"的功能，但是在操作页面只有一个按钮，没有提供任何参数(即没有涉及到参数在前后端传递，只是单纯的触发请求)；
为了提高网站的访问速度，现在一般会将静态资源放在 CDN 下，而不是放在网站的域名之下。以腾讯课堂为例，其域名为 ke.qq.com，打开控制台，访问 ke.qq.com，我们可以看到 js 文件放在了 CDN 7.url.cn 下，css 文件放在了 CDN 8.url.cn 下。尽管 CDN 的服务可用性一般宣称 99.9% 甚至 99.999%，然而实际上监测结果比该数值要小一些。为了应对这种情况，需要做到当发现 css 或 js 文件从 CDN 加载失败时，能再次从网站的域名加载。
Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)
本文介绍了在 Web 页面中实现跨域的常见方法，包括使用 CORS、使用 JSONP、使用代理服务器等，并给出了具体的代码示例和案例分析。同时，本文还探讨了在跨域请求中可能遇到的难题和解决方案，包括同源策略、CORS 的配置、缓存问题等，并给出了相应的解决方案。
想要这个服务器的地址，使用network->XHR 它是XMLHttpRequest 。
Mustach语法就是双大括号，所以也有人直接叫双括号语法,我们可以利用其进行基本的拼接和运算
当我们点击文字的时候会添加一个【p_text】class，对应的style就会生效。
在前面有篇博客，我写了一个叫forms组件的东西，可以帮助我们完成校验数据、渲染标签功能和在前端页面局部刷新功能，功能封装的已经很好了，当时已经很开心了。但万万没想到，还有比它功能更强大的东西。forms组件只能渲染出type=text类型的标签，而且还要我们写无数多个字段，然后跟上校验条件，用forms组件做编辑页面时，还要手动的把编辑的对象的每一个值写入标签的value，这些等等虽然相较没用forms组件之前更方便了，但跟ModelForm比起来，都显得苍白无力，把ModelForm吹了那么久，现在就让我们来见识见识ModelForm的强大。
上图是我和GPT4的对话，全部是GPT4写的代码就生成了一个Hack News网页端，地址体验： https://hn.brzhang.club
题外话: 由于公司内部系统不只支持将后台网页中的数据进行导出为docx或者html而只能打印成PDF，所以为了丰衣足食选择了自己进行开发一个浏览器插件来提取网页中的代码片段与提前设置好的html模板将获取的html进行插入，但是我们需要从基础学习开始一步一步的接触Firefox扩展软件的开发；
font-size、font-family、font-style、font-weight
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
Vue 是一套前端框架，免除原生 JavaScript 中的 DOM 操作，简化书写。Vue 基于 MVVM(Model-View-View-Model) 思想，实现数据的双向绑定，将编程的关注点放在数据上。
本文转载自使用Vue.js和Axios从第三方API获取数据 — SitePoint 原文链接： www.sitepoint.com，本译文的链接地址：使用Vue.js和Axios从第三方API获取数据 — SitePoint，Github上面本项目的源代码链接为：vuejs-news，本文中的纽约时报API的API秘钥申请有些问题，访问不了。 通常情况下，在构建 JavaScript 应用程序时，您希望从远程源或从API获取数据。我最近研究了一些公开的API，发现可以使用这些数据源完成很多很酷的东西。
a、插值：数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）
When something is important enough, you do it even if the odds are not in your favor.
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
我们需要引入vue-router.js文件，而且必须是在vue.js文件之后引入
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
带算为自己模版添加上ajax无限加载功能，舍力在百度找了好一阵子，才找到合适的ajax翻页功能。Infinite AJAX Scroll通过很简单的设置，就可以让Emlog支持分页Ajax无线加载功能。 下面舍力就以Emlog本博客主题 default(默认) 主题为例： 1、下载 jquery.ias.min.js、jquery.js(文章尾部有下载地址) 2、把 jquery.ias.min.js、jquery.js 拷贝到 content/templates/default/js/ 文件夹下 3、在编辑器中打开 content/templates/default/header.php，在<head></head>之间加入下面代码
带算为自己模版添加上ajax无限加载功能，虫子在百度找了好一阵子，才找到合适的ajax翻页功能。Infinite AJAX Scroll通过很简单的设置，就可以让Emlog支持分页Ajax无线加载功能。
目录 1. 设置vue模板 2. vue语法--插值操作 3. 动态绑定属性--v-bind 一. 设置vue模板 我们经常新建一个vue项目的时候, 会写如下的一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{message}} <script src="../js/vue.js">
参考代码：https://github.com/chkui/nextjs-getting-started 。
省略外链资源（图片及其它媒体资源）URL 中的 http / https 协议，使 URL 成为相对地址
如果您在网站中使用React，则可以使用Matomo 标签管理器开始无缝跟踪Matomo中的数据。在 Matomo 中创建新站点后，Matomo 标签管理器将自动预先配置一个带有 Matomo 跟踪代码标签的容器，可立即使用该容器。
在网页开发过程中，经常会遇到添加背景的的问题，其他的标签都好说，难度比较大的就是给form表单元素添加背景。下面我来给大家介绍一下如何给form表单元素添加背景。
$("#tab-a-" + options.menuID).click(); // 选中打开的tab
这篇博文用来记录关于hexo的一些魔法操作，主要针对于NEXT主题。将会在未来很长一段时间内持续更新，希望对大家有所帮助。
【如果大家对程序员，web前端感兴趣，想要学习的，关注一下小编吧。加群：731771211。免费赠送web前端系统的学习资料！！前端学习必备公众号ID：mtbcxx】
接着上回新闻搜索的例子。现在我们要通过路由进入一个新的页面来查看新闻详细内容。 react和路由并没有什么直接关系，用什么路由都可以。不过使用react-router可以让我们的代码风格统一， 并且有些工具使用起来很方便。 先来安装react-router库（我目前安装的版本是2.0.1，跟1.x版本区别比较大）： npm install react-router --save 从使用上来说，react-router不过是一些react组件，所以用起来特别方便。不用多说，看个例子就知道怎么用了。 先把咱们已
我们在浏览网页时或者翻转页面时，经常会看到很多精美的效果的效果。其中，抽屉式网页效果比较常见，它主要由图片和文字通过添加js来实现。抽屉式网页通过移动鼠标来实现页面的切换，通过改变文字和图片而展现不同的界面，它非常实用而且实现简单。
Hexo 环境搭建 使用 coding 和 github.io 的 pages 服务，绑定了自己的域名，做了双线解析，国内用户解析到 coding ,国外用户解析到 github.io，访问速度很满意(本来就是静态文件，访问速度很快)。 Hexo 环境的搭建，这里不再赘述，主要介绍如何导出 typecho 的数据和 Hexo 站点的配置以及 Next 主题的配置及优化。 typecho 数据导出 文章数据的导出 花了点时间把 typecho 的文章全部改写成 Markdown 的格式，方便我导出为 md 文
为什么会有动态路由呢？因为在一般的项目中，都会涉及到用户登陆的操作，我们希望某某用户登陆某个网页的时候，能够在该网页的UURL地址上显示用户的登录名或者用户ID等的信息。 动态路由就是根据不同的用户将在网页的URL中动态追加登录名或者ID等信息。 比如:
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
但总有一些实际应用场景，需要的不仅仅是将现有内容导出，还需要我们对一些内容的格式进行转化。
pages/ --| book/ //同名文件夹 -----| _id.vue -----| index.vue --| book.vue //父组件
掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb
使用 laravel 创建一个 Vue 单页面应用 (SPA) 可以构建一个整洁的由 API 驱动的应用。在此教程中，我们将学习如何构建并运行一个以 Vue 路由为前端，laravel 为后端的 SPA 应用。首先我们将注意力集中在编写每一个小的功能代码块上，然后在后续的教程中，我们再演示如何将 Laravel 作为 API 层而构建一个完整的应用。
1、Web路由需要实现的目标 上一篇文章中我们谈到了SPA（Single-page application）的出现，但SPA的应用有个需要解决的问题，就是浏览器只加载记录了一个html，所以当刷新浏览器时js会重新执行，当前页面的内容便会丢失；页面跳转时浏览器不会向服务器发出新的页面请求，浏览器也就无法前进、后退页面。 所以前端web路由需要实现以下目标： （1）能根据页面URL来获取不同的模块，但不发起新的页面请求； （2）能监听URL的变化。
简介： React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
Ajax 技术在 JavaWeb 应用中随处可见，比如购物车中根据商品数量及时更新等应用，那么我们今天就来说说 Ajax 的一些小应用！ Ajax 技术也就是允许浏览器与服务器通信而无需刷新当前页面，数据在客户端和服务端独立传输，而不是以前客户端向服务端发送一个请求，服务器返回整个页面，如此反复。完成 Ajax 请求就需要使用 XMLHttpRequest 类的方法，下面我们先开始介绍 XMLHttpReqest 的 API 一、XMLHttpRequest API 1.1 XMLHttpRe
路由：我们仨都算是负责运输行业的，但是我只是负责运输线路的确定 路由表：为了避免“转送”送错货物到码头，我就负责指定运输的码头 转送： 我负责具体的货物运输，将货物运输到指定的码头。要是没有“路由表”大哥的帮忙，我肯定一天要在十多个码头来来回回的瞎折腾呢。
前端路由是什么？如果你之前从事的是后端的工作，或者虽然有接触前端，但是并没有使用到单页面应用的话，这个概念对你来说还是会很陌生的。那么，为什么会在单页面应用中存在这么一个概念，以及，前端路由与我们后端的路由有什么异同呢。本章，我们就来简单介绍下前端路由的概念，以及如何在 Vue 中使用 Vue Router 来实现我们的前端路由。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
