微信小程序开发入门教程(六):原生框架开发入门 —— 博客文章详情页实现(上)

创建新页面 在微信开发者工具中打开小程序项目,在 pages 目录下新增 detail 目录用于存放文章详情页面,选中 detail 目录,右键弹出快捷菜单,点击「新建 Page」,输入 detail 创建详情页相关文件。 此时,项目根目录下的 app.json 配置文件中,pages 配置项会自动新增 pages/detail/detail 页面。 路由导航 在微信小程序的 WXML...

[ Laravel 从入门到精通 ] 前端入门:CSS 预编译语言 Sass 快速入门教程

CSS 预编译语言概述 CSS 作为一门样式语言,语法简单,易于上手,但是由于不具备常规编程语言提供的变量、函数、继承等机制,因此很容易写出大量没有逻辑、难以复用和扩展的代码,在日常开发使用中,如果没有完善的编码规范,编写的 CSS 代码会非常冗余且难以维护。 为了解决上述问题,出现了很多 CSS 预编译语言,CSS 预编译语言是基于 CSS 语言的语法扩展,除了能解决上述缺乏语言特性带...

基于 Laravel + Vue 构建 API 驱动的前后端分离应用系列(十一) —— 通过 Laravel Mix 将 SASS 编译到 Vue 组件

在为单页面应用配置 JavaScript 和 Sass 这篇教程中,我们已经为所有 Sass 资源构建了目录结构,我们可以将 Vue 组件的 Sass 资源放到这些目录中。 第一步:创建变量文件 由于我们使用 Foundation 组件来实现快速格栅功能,包含应用所有 Sass 变量的 _variables.scss 将成为最重要的文件,我们将这个文件放到 resources/asset...

[ Laravel 5.4 文档 ] 数据库 —— 分页

1、简介 在其他框架中,分页是件非常痛苦的事,Laravel 的分页器集成了查询构建器和 Eloquent ORM,并且开箱提供了方便的、易于使用的、基于数据库结果集的分页。分页器生成的 HTML 兼容 Bootstrap CSS 框架。 2、基本使用 基于查询构建器进行分页 有多种方式实现分页,最简单的方式就是使用查询构建器或 Eloquent 查询的 paginate 方法。...

基于 Laravel 的 Vue.js 中文学习教程 —— Class 与 Style 绑定

数据绑定一个常见的需求就是操作元素的class列表和内联样式,由于它们都是属性,所以我们可以使用v-bind来处理:我们只需要使用表达式来计算最终的字符串。不过,字符串拼接既麻烦又容易出错,因为这个原因,在v-bind用于class和style的时候,Vue.js对此专门进行了增强,除了字符串以外,这些表达式还可以计算为对象或数组。 绑定HTML Class 尽管你可以使用Musta...