它可以自动完成单个 HTML 页面的编码任务，并让这些页面准备好为用户服务。由于 HTML 页面是预先建立的，它们在用户的浏览器中加载得非常快。...Eleventy: 一个静态网站生成器 Eleventy（11ty）是一个简单的静态网站生成器，是 Jekyll 和 Hugo 的替代品。...为你的文档建立一个静态网站 现在你可以开始使用 Eleventy 来建立你的静态文档网站。以下是需要遵循的步骤。...1、创建一个 package.json 文件 要将 Eleventy 安装到你的项目中，你需要一个 package.json 文件： $ npm init -y 2、将 Eleventy 安装到 package.json...然后把 _site 中的文件上传到你的 Web 服务器，发布你的网站给世界看。 尝试 Eleventy Eleventy 是一个静态网站生成器，它易于使用，有模板和主题。
我进入了 Jamstack 和静态站点生成器的世界，当时我使用 Publii 和 Netlify 启动了一个页面。 从那时起，Jamstack 这个术语被 Netlify 推广了一番。...所以 Eleventy（通常简称为 11ty）是奇怪命名的 JavaScript 工具包中的又一个。但作为静态站点生成器，它有什么优势呢？...如果我们查看新的 _site 目录，可以确认： 所以它将我的 README.md 文件的输出视为一个新的路径，具有自己的默认索引页面。它似乎还使用了 Liquid，一种模板语言，来处理这些文件。...模板语言和前置内容 现在进入有趣的部分。对于个人网站，我们希望页面共享一个布局。我们希望将内容保留在 Markdown 中，并让 Eleventy 为我们创建站点。...但如果我们仅使用这个，Eleventy 将认为布局页面只是一个类似 README 的路径。因此，我们将其放在一个名为 _includes 的特殊文件夹中，该文件夹不会被构建，但可以被引用。
，默认的css和字体文件在一个文件夹内） 在main.js中引入字体文件 import '....配置js文件中制定'@': resolve('src'), 制定了@就是src目录 但是我们在css中引入css文件是 需要使用src的时候 要在@前面再多加一个~符号 相同的 我们的sytles文件夹多次使用...因为我们页面整直接访问static文件夹,所以我们可以在static下创建一个mock文件夹，里面定影json文件来模拟后台数据 但是我们并不想提交我们的数据到github，所以我们可以在gitnore...我们可以使用vue基于webpack-dev-serve的一个配置选项来解决这个问题，在vuecli生成的config文件夹中index.js文件有一个proxyTable配置选项 我们可以这样来替换我们的请求地址...'babel-polyfill' 6.3 Vue项目的打包上线 运行命令 npm run build 生成一个能被浏览器运行的代码，打包完成后，项目目录中多出来一个dist文件夹，里面就是是上线代码
具体步骤如下： 在项目根目录下创建一个名为subpackages的文件夹。 在subpackages文件夹中创建一个子包，例如叫做testPackage。...在testPackage文件夹中创建页面或组件，并在manifest.json文件中进行配置。...需要注意的是，一个页面只能属于一个子包，而不能同时存在于多个子包中。 除了上述配置方式外，还可以通过代码动态加载子包。具体方法请参考Uniapp官方文档中的相关章节。...在Uniapp中，分包打包和上传小程序可以参考以下步骤： 在manifest.json文件中配置好子包以及子包所包含的页面或组件。 进入命令行工具，使用命令npm run build进行打包。...在打包时，会根据manifest.json文件中的配置将代码分为主包和子包。 打包完成后，在项目目录下会生成一个dist文件夹，里面包含了主包和子包的所有代码。
Collections: 接口集，相当于一个接口项目或测试计划，接口集中可以建立无限极子文件夹，用于对接口进行分组管理 3、环境管理区 什么是环境 环境切换：用于切换环境 环境预览：用于快速预览环境中的所有变量...授权：请求集及其子文件夹下的接口统一使用该授权，不用每个接口再都单独设置一遍 请求前脚本：请求集的每个接口公用的请求前脚本 请求后断言：请求集每个接口公用的请求后脚本 请求集变量：请求集中公用的一些变量...②新建子文件夹：子文件夹的属性中同样拥有描述，授权，请求前脚本，和请求后断言（没有变量，一个请求集的变量统一管理），实现了不同范围（Scope）的Fixture功能。...1、发送一个get请求的方法： 选择get请求方式，输入要请求的url，传参方式以json为例，选择raw再选择JSON，然后将参数填入请求参数区，点击send发送请求，在响应区即可看到返回结果。...如下 2、发送一个post请求实例： 选择post请求方式，输入要请求的url，传参方式以混合表单为例，选择form-data，然后将参数名称和对应的值填入参数区，点击send发送请求，在响应区即可看到返回结果
/sninius/p/12345678.html 第二部分： 在生成的 hwlist.csv 文件的同文件夹下，创建一个名为 hwFolder 文件夹，为每一个已提交作业的同学，新建一个以该生学号命名的文件夹...，将其作业网页爬取下来，并将该网页文件存以学生学号为名，“.html”为扩展名放在该生学号文件夹中。...查看类型发现是字典，且字典中有三个key值，而我们需要的key在一个叫data的key中。 ? 而data中的数据是一个学生信息的列表类型，列表的每个元素都是一个字典，包括学生姓名，学号等信息。...如何解决我提到的这些问题呢，目录问题我使用了一种比较容易实现的方案，那就是先判断当前目录是否存在，如果不存在就创建目录，否则就什么都不做。至于文件，暂定的方法是直接覆盖。...把它提取出来，请求这个样式，并且修改原来的href属性为抓到的文件在自己电脑上的保存位置即可。这样的话即可保证抓到的CSS可以正常使用，确保排版正确。
那么如何自定义一个组件呢，这节记录以下~ 1....创建自定义组件 一个组件也类似于一个页面，由json wxml wxss js 4个文件组成 可以在一个新文件夹上右键新建component，可以直接生成这四个文件 其次在json配置文件中，需要将component...属性配置成true，用上面的方法创建的默认设置好了 然后在组件的wxml 和wxss文件中，配置组件模板，写法就和编写普通的功能模块一致 类似于这样，编写一个myHeader的组件 可以在组件js文件中编写属性和方法...使用自定义组件 在使用自定义组件前，需要在使用组件的页面中使用json文件中进行声明，并且需要配置组件的名称和文件路径 这样我们就配置好一个自定义组件了，我们可以在页面的wxml文件中直接使用myHeader...子组件使用父组件传递来的数据 将接收过来的数据当作本身data中的数据来使用 {{ aaa }} 5.
2、项目结构 前面通过vue-cli生成的项目结构如下： ? 主要是src文件夹，我们对其进行了一些拓展，其中api文件夹用来存放前端各种请求api模块，components文件夹如下： ?...可以看到如上为App.vue组件的数据结构，这里通过ES6的export default导出当前vue实例，组件下包含很多东西，比如data（data是一个function，通过return一个数据对象来表示当前组件都有哪些数据实例...）、components（组件是可以被其它组件导入使用的，components就是用来声明当前组件导入的子组件）、computed（计算属性，和data类似，本质返回的是一个数据对象）、watch（监听...其次是任意无关系的组件如何通信： 这个时候需要使用中间组件进行数据传输，相当于搭建起一个中央数据总线，比如A组件需要和C组件进行通信，那么我们可以在定义一个空的组件为B，那么在A组件中导入B组件，同时向...2、在组件中配置使用 router-view是用来做路由视图的显示的，第一步配置了每个路由对应的路由，那么一旦某个页面使用router-view进行视图显示的话，恰好该路由匹配了上面path，那么path
组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用 这个其实大家可以理解为是一个公共的组件的js文件，这个js文件可以在你的任何组件页面内引用，引入后你的被引用的js...微信小程序内如何一键生成骨架屏，美观又实用 首先，我们写一个这样的原始页面 然后，在我们的开发者工具里的模拟器下方找到···点击生成骨架屏 生成骨架屏文件 分别在wxml和wxss内引入 wxml...页面加载时默认true，拿到数据后赋值为false关闭骨架屏 Tips: 可在生成的wxss内自行修改骨架屏样式 八、微信小程序使用less 首先第一步，在vsCode内下载安装Easy LESS...但我们还需要去设置一下Easy LESS的输出文件，因为默认会生成.css文件，我们需将其设置为.wxss 在我们已安装的插件内找到Easy LESS并点击小齿轮图标 在弹开的小窗口内找到Extension...这时我们就可以采用page-container，去模拟一个页面容器，将我们的全屏子页面放在这个页面容器内。
node.js wxml为页面显示的文件，类似于网页中的html文件 json为配置文件，可以进行对页面内容的配置。...js 为进行处理回调，以及页面数据绑定的文件 自定义组件 使用自定义组件，将页面的功能抽象成为组件，在不同的页面中重复使用，将复杂的页面抽象成为多个模块。即达到高内聚，低耦合的目标。...总诉 创建自定义组件 一个组件由json，wxml，wxss，js四个文件组成，要编写一个自定义组件，需要在json中自定义组件声明，声明这一组文件为自定义组件。...json文件如下 { "usingComponents": { "component": "/component/component" } } 复制代码 即上方中设置该文件夹为组件文件夹...> 复制代码 编译后即可生成 模板和数据绑定 使用数据绑定，向子组件的属性动态的传递数据 即，向模板传递数据 设置模板的wxml <component
训练过程生成一个 JSON 文件，用于映射图像数据集和许多模型中的对象类型。然后，您就可以使用生成的 JSON 文进行高精度自定义图像预测。...您需要按如下方式提供图像： 创建一个数据集文件夹并命名（如 pets） 在数据集文件中创建一个名称为 train 的子文件夹 在数据集文件中创建一个名称为 test 的子文件夹 在 train ...文件夹中，为每个你要训练的对象创建文件夹并命名（如 dog，cat，squirrel，snake） 在 test 文件夹中，为每个你要训练的对象创建文件夹并命名（如 dog，cat，squirrel，...snake） 把每个对象的图像放在 train 文件夹下对应名称的子文件夹，这些图像是用于训练模型的图像，为了训练出精准度较高的模型，我建议每个对象收集大约500张以上图像。...把每个对象用于测试的图像放在 test 文件夹下对应名称的子文件夹，为了训练出精准度较高的模型，我建议每个对象用于测试的图像在100~200张。 用于训练模型时在这些图像中识别出要训练的对象。
概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://...Ajax跨域访问 3. jsonp跨域 3.1 概念 JSONP（JSON with Padding）填充式JSON是资料格式 JSON 的一种“使用模式”，是被包含在函数调用中的JSON，例如：callback...,function(jsondata)'){ //处理获得的json数据 }); jquery会自动生成一个全局函数来替换callback=?...使用window.name跨域 window对象有name属性，在一个窗口(window)的生命周期内,窗口载入的所有的页面都共享一个window.name，每个页面对window.name都有读写的权限...，window.name是持久存在一个窗口载入过的所有页面中的 6.
，所以我们开发了一个 Plugin，在构建打包时，该 Plugin 会读取所有的文件夹下的 index.js 文件，再合并到一起形成一个统一的 Router 文件，轻松解决业务耦合问题。...执行 compilation.addEntry() 方法，addEntry 用于分析所有入口文件，逐级递归解析，调用 NormalModuleFactory 方法，为每个依赖生成一个 Module 实例...Plugin 在项目中的应用 讲完这么多理论知识，接下来我们来看一下 Plugin 在项目中的实战：如何将各个子模块中的 router 文件合并到 router-config.js 中。...，该 Plugin 会读取所有文件夹下的 Router 文件，再合并到一起形成一个统一的 Router Config 文件，轻松解决业务耦合问题。...callback(); }); }; // 合并当前文件夹下的router数据，并输出到 data 对象中 function generate(config, dir, data) {
在树形依赖数中，每个节点代表一个对象或实体，节点之间的连接表示对象之间的依赖关系。树形依赖数通常用于描述复杂的层次结构或组织关系，例如文件系统、组织结构等。...以下是一个示例，演示如何使用TreeVo和TreeNode类构建树形依赖数： // 创建树形依赖数的节点 TreeVo root = new TreeVo(1, "Root"); TreeVo child1...main文件夹中: ets文件夹:存放ets代码. resources文件:存放模块内的多媒体及布局文件等，module.json5文件:为模块的配置文件。 ohosTest:单元测试目录。...Entryability:存放ability文件，用于当前ability应用逻辑和生命周期管理。 Pages:存放UI界面相关代码文件，初始会生成一个Index页面。...表2 abilities中对象的默认配置属性及描述 main_pages.json src/main/resources/base/profile/main_pages.json文件保存的是页面page
路由 基础路由 基础路由不需要配置，Nuxt.js 会根据 pages 中的文件夹及文件，自动生成的路由配置 假设 pages 的目录结构如下： pages/ --| user/ -----| index.vue...，你在Vue 中如何使用，在Nuxt 中同样如何使用就可以了。...创建内嵌子路由，需要添加一个 Vue 文件，同时添加一个与该文件同名的目录用来存放子视图组件。在父组件(.vue文件) 内增加 用于显示子视图内容。...npm run generate 命令就是用来专门做静态导出的，这个命令执行后，Nuxt 会根据路由配置，将应用的全部内容生成对应的 HTML 静态站点资源，这个命令会创建一个 dist 文件夹，所有静态化后的资源文件均在其中...可以使用一个返回 Promise 对象类型的 函数，意思就是，发送请求获取所有数据，根据返回的数据，生成所有可能的路由，再根据所有路由，生成全部的静态文件 nuxt.config.js const axios
概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://...跨域访问 3. jsonp跨域 3.1 概念 JSONP（JSON with Padding）填充式JSON是资料格式 JSON 的一种“使用模式”，是被包含在函数调用中的JSON，例如：callback...,function(jsondata)'){ //处理获得的json数据 }); jquery会自动生成一个全局函数来替换callback=?...使用window.name跨域 window对象有name属性，在一个窗口(window)的生命周期内,窗口载入的所有的页面都共享一个window.name，每个页面对window.name都有读写的权限...，window.name是持久存在一个窗口载入过的所有页面中的 6.
next.js/nuxt.js/nest.jsNext.jsNext.js是一个React框架，允许使用React构建SSR和静态web应用安利下：《next.js静态页面渲染技术(静态生成和服务端渲染...相同的是两者都遵循文件即路由的设计。默认以 pages 文件夹为入口，生成对应的路由结构，文件夹内的所有文件都会被当做路由入口文件，支持多层级，会根据层级生成路由地址。...不同的是，根据依赖的前端框架的不同，生成的路由配置和实现不同：api 路由：Next.js：在 9.x 版本之后添加了此功能的支持，在 pages/api/ 文件夹下（为什么放在pages文件夹下有设计上的历史包袱...，如何让不同的页面渲染不同的 head 呢，我们知道 head 是在组件之外的，那么两者都是如何解决这个问题的呢？...渲染过程的最后，会生成页面数据与页面构建信息，这些内容会写在 中渲染到客户端，并被在客户端读取。
它只是用来制作 Git repos 的副本，在我们的例子中，我们将把 Svelte 模板克隆到一个新文件夹中（或者在你的Git repo中）。...在新文件夹中创建一个新的 Svelte 项目。...现在让我们在 src 文件夹中创建一个名为 Fetch.svelte 的新 Svelte 组件。我们的组件从 Svelte 导入 onMount 并向 API 发出获取请求。...// 12{/each} 注意“each”是如何生成变量 data 的，我将每个元素提取为 “link”。...要生成元素列表，只需确保将每个元素包装在一个 ul 元素中： 1 2 import { onMount } from "svelte"; 3 let data = []; 4
为每个页面都创建一个页面组件 其实就是子组件，只不过当做一个页面用而已 每个页面组件还可继续包含子组件(components) 3....(2)运行命令行工具，为一个项目创建脚手架代码 vue create my_project • 下蛋 (3)进入项目文件夹内(看到package.json文件)，运行该项目 npm run serve...脚手架中 • src/文件夹下 views/文件夹下 放所有页面组件 有几个页面，就要有几个组件 每个组件都是一个.vue文件。...自己编写的公用的css和js 脚手架中 • src/文件夹下 assets/文件夹 css/ 自己编写的所有页面公用的css js/ 自己编写的所有页面公用的js es6模块化开发1..../模块所在文件的相对路径" 4. 脚手架中的模块化: (1). 每个页面或者组件都是一个.vue文件，每个.vue文件都是一个模块。
定义组件 首先，创建一个components文件夹，专门用于放组件 然后，在components中创建head文件夹，用于放head组件的文件 然后，选中head,右键选择新建Component(即会生成....js, .json, .wxml, .wxss四个文件) head.json中，可以看到配置“component”:true; 这是说明head可以作为组件使用 head.js 在js文件中，可以看到使用的是...引用组件 相对路径与绝对路径 “./”：代表目前所在的路径 "../"：代表上一层路径 “/”开头，代码根目录（绝对路径） 在要引用组件的页面，设置页面.json文件，如下图： 3....组件通信（父传值） 子组件中，使用properties属性定义传递的属性 properties: { myProperty: { // 属性名 type: String,...: function( ){} //当传入的值改变的时候，微信小程序会重新执行 } } 注意：properties可以在wxml中用{{}}来绑定，和data类似 子组件定义属性 父组件中传递数据
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
