前端开发
-
vue3前端开发-小兔鲜-购物车列表单选功能的实现和基础渲染！内容代码比较简单。我们直接看代码就行了。 import { computed, ref } from 'vue' import { defineStore } from 'pinia' export const useCartStore =defineStore('cart',()=>{ const cartList = ref([]) const addCart = (goods)=>{ //添加购
2024-11-26 -
列表 无序列表 作用：布局排列整齐的不需要规定顺序的区域。 标签：ul嵌套il，ul是无序列表，li是列表条目 注：ul标签只能包裹li标签，li标签可以包含任何内容 有序列表 作用：布局排列整齐的需要规定顺序的区域。 标签：ol嵌套li，ol是有序列表。 注：ol标签只能包裹li标签，li标签里面可以包裹任何内容 定义列表 标签：dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情 注：dl里面只能包含dt和dd，dt和dd可以包含任何内容。 表格 标签：
2024-11-26 -
1、BEM 2、实战 这是饿了么官网的卡片组件的代码，我们来分析以下这个组件的命名。 Block 首先对于BEM中的B，更高级别的抽象或组件，这里是el-card，表示饿了么的card卡片组件。 Element Element代表 block 的后代(或者组成部分)，用于形成一个完整的 block 的整体。对于el-card，它的Element有卡片头部、卡片主体等。 BEM规范规定B和E之间使用双下划线___连接起来，例如上图中的： el-card__header (el-card的头部h
2024-11-26 -
放在最前面的言 前不久电视剧《点燃我，温暖你》中男主动态爱心爆火网络，大家纷纷在冲男主阿瑟的同款爱心代码。 我没有追剧的习惯，也就看了一下这个爱心的片段，大致分析了一下它的运行过程。用中国话简单描述一下，就是好多小爱心内到外的展示。 总之，用来表白还是很不错的。 实现 编写这个爱心，首先就是计算坐标，更新坐标，绘制爱心，重复调用这样的三步，就可以实现理工男的浪漫辣。 效果展示 好了，话不多说，现在开始代码部分。 代码部分 <!DOCTYPE html> <head> <title>李
2024-11-26 -
最近微信公众号网页开发项目遇到一个问题： 在吊起扫一扫功能的时候，Android端正常，iOS端总是提示config：fail 或者签名失败（sigxxxxxx） Vue的项目，前几个类似的项目没遇到这种问题。这次微信配置和吊起的代码也是同事考培来的。 通过调试还有微信提供的签名验证工具都没问题； 因为Android端正常，说明逻辑是正确的，签名失败配置失败说明iOS端的参数是有问题的。 直接搜问题搜不到，最后从侧面看了下history模式，发现： 在路由配置的时候，即项目router下
2024-11-26 -
（一）行内元素与块级函数的三个区别 1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。 2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。 3.行内元素与块级元素属性的不同，主要是盒模型属性上 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效 （二）行内元素转换为块级元素（重要标签 :下面详
2024-11-26 -
Vue.js 是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。 使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。 会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。这篇文章主要介绍element和Vue Admin。 1、element Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮
2024-11-26 -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单</title> </head> <body> <!-- 表单 action：提交的网址 默认是当前的网址
2024-11-26 -
https://www.sunjs.com/article/detail/6ec78db2139a468d933c40ed38322ecf.html 1.Bootstrap Bootstrap是当前可用前端框架中无可争议的NO.1。鉴于其巨大的知名度，每天仍在不断增长，可以肯定，这个奇妙的工具不会让你失望。 创作者：Mark Otto and Jacob Thornton. 发布时间：2011年 当前版本：4.0 人气：GitHub上有122825颗星 描述：“简洁，直观且功能强大的前端框架，
2024-11-26 -
一、本地存储是什么？ 二、sessionStorage对象 1.介绍 它可以将数据存储到浏览器中。可以通过F12找到Application中的SessionStorage查看哪些数据被存储进来了。 ① 声明周期为关闭浏览器窗口；(关闭浏览器窗口就没有了) ② 在同一个窗口（页面）下数据可以共享； ③ 以键值对的形式存储使用。 2.使用 存储数据：sessionStorage.setItem(key,value) 获取数据：sessionStorage.getItem(k
2024-11-26