前端
文章平均质量分 85
js、css、html、vue、react、小程序
windfallsheng
这个作者很懒,什么都没留下…
展开
-
一个Vue的小小小小小小页面示例
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> <!--引入vue js 外部文件--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div...原创 2020-08-13 18:15:29 · 200 阅读 · 0 评论 -
小程序异常:VM964:1 (in promise) MiniProgramError {“errMsg“:“navigateTo:fail page \“pages/***/pages/...
小程序使用navigateTo跳转时出现异常:VM964:1 (in promise) MiniProgramError{"errMsg":"navigateTo:fail page \"pages/***/pages/***/***\" is not found"}Object出现上述问题的原因及检查处理:1、编写的文件名可能不对,检查是否有字母拼写是否一致;2、页面路径输入不正确,如果是全路径需要注意开头一定要带 “/” 这个符号;3、页面路径没有在app.json中定义,推荐.原创 2020-08-13 17:59:52 · 9087 阅读 · 0 评论 -
html元素中pre、code元素的使用及说明
pre、code标签的使用;展示效果:<pre>Text that is preformatted in the HTML code.在HTML代码中预先格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 pre标签的一个常见应用就是用来表示计算机的源代码。在 HTML 4.01 中,不赞成使用 width 属性,在 HTML 5 中不再支持该属性。提示:请使用pre标签来显示非常规的格式化内容,或者某类计算机代码。&.原创 2020-08-30 21:07:20 · 2530 阅读 · 0 评论 -
微信小程序实现一个购物车页面的简易列表效果
wxml部分的代码:<view wx:if="{{!isCartEmpty}}"> <view class="cart-item" wx:for="{{cartList}}" wx:key="{{item.merchantInfo.merchantId}}"> <!-- 商家部分布局 --> <view class="item-box item-merchant"> <view class="cart-check-box..原创 2020-08-20 21:12:30 · 5720 阅读 · 3 评论 -
一个Weex的小小小小小小页面示例
使用Weex实现的一个页面效果:下面列出主要的代码:index.vue<template> <div> <!--<image :src="logo" class="logo" /> <text class="greeting">The environment is ready!</text>--> <common-title title="积分商城"&g..原创 2020-08-13 19:09:58 · 2723 阅读 · 0 评论 -
element UI 的TimePicker 时间选择器的默认值问题
element UI 的TimePicker 时间选择器的默认值问题原创 2023-06-13 12:14:47 · 3644 阅读 · 0 评论 -
前端开发知识汇总系列八(CSS盒模型)
概念在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用CSS实现准确布局、处理元素排列的关键。在 CSS 中我们广泛地使用两种“盒子”——块级盒子(block box)和内联盒子(inline box)。这两种盒子会在页面流(page flow)和元素之间的关系方面表现出不同的行为:一个被定义成块级的(block)盒子会表现出以下行为:盒子会在内联的方向上扩展并占据父容器在该方向上的所有可用空间,在绝大数情况下意味着盒子会和父...原创 2021-01-16 22:14:56 · 276 阅读 · 0 评论 -
前端开发知识汇总系列七(CSS选择器)
选择器 选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素...原创 2021-01-16 22:03:12 · 204 阅读 · 0 评论 -
前端开发知识汇总系列六(CSS属性)
常用属性 背景色 可以使用background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为灰色:p { background-color: gray;}font-sizefont-weight 字体加粗效果具体取决于浏览器字体包中是否设计对应的效果;font-stylefont-famillycolor:rgb(0,255,255);border:border-width bo...原创 2021-01-16 21:41:52 · 202 阅读 · 0 评论 -
前端开发知识汇总系列五(CSS概念、语法、单位、样式表)
概念 层叠样式表(Cascading Style Sheets,缩写为CSS),是一种样式表语言,用来描述HTML或XML(包括如SVG、MathML、XHTML之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。CSS 是开放网络的核心语言之一,由W3C 规范实现跨浏览器的标准化。CSS节省了大量的工作。 样式可以通过定义保存在外部.css文件中,同时控制多个网页的布局,这意味着开发者不必经历在所有网页上编辑布局...原创 2021-01-16 21:24:02 · 380 阅读 · 0 评论 -
前端开发知识汇总系列四(HTML结构化、语义化)
结构化 为什么我们需要结构化?因为没有元素给内容结构,所以浏览器不知道什么是标题,什么是段落。此外:用户在阅读网页时,往往会快速浏览以查找相关内容,经常只是阅读开头的标题(我们通常在一个网页上会花费很少的时间spend a very short time on a web page)。如果用户不能在几秒内看到一些有用的内容,他们很可能会感到沮丧并离开。 对您的网页建立索引的搜索引擎将标题的内容视为影响网页搜索排名的重要关键字。没有标题,您的网页在SEO(搜索引擎优化)方面效果不佳。 ...原创 2021-01-16 21:00:05 · 292 阅读 · 0 评论 -
前端开发知识汇总系列三(HTML语法、元素详解)
HTML 元素语法 HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。<p>我的猫咪脾气爆:)</p>HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性...原创 2021-01-16 20:57:46 · 353 阅读 · 0 评论 -
前端开发知识汇总系列二(HTML初见)
历史版本 HTML 2.0HTML 2.0 是 1996 年由 Internet 工程工作小组的 HTML 工作组开发的。HTML 2.0 是过时的 HTML 版本。目前在市场上可以找到的浏览器都依赖于更新版本的 HTML。对于一位 WEB 开发者而言,没有任何必要需要 HTML 2.0 标准。HTML 3.2HTML 3.2 作为 W3C 标准发布于 1997 年 1 月 14 日。HTML 3.2 向 HTML 2.0 标准添加了被广泛运用的特性,诸如字体、表格、applets...原创 2021-01-16 20:38:59 · 186 阅读 · 0 评论 -
前端开发知识汇总系列一(前端概述)
概述现代互联网应用大都由运行在服务器的后端程序和运行在各种终端设备的前端程序共同构成。后端的代码、资源和数据是预先就部署或存储在后端并且运行在后端服务器上。而前端运行所需的代码、资源和数据都是来自后端的。前端从后端服务器安装或加载程序并运行在终端设备中,并且前端和后端通过网络进相互协作,最终向用户展示和实现 WEB 应用的全部内容和功能。前端应用就是指运行在各种终端设备的程序及资,HTML、CSS 和 JS 提供前应用运行的代码,图片和视频等为前端应用提供多媒体内容,后端 API 为前端提供业务原创 2021-01-16 20:29:09 · 431 阅读 · 0 评论