前端
关注
分享
扫一扫
文章平均质量分 70
Nicholas___
这个作者很懒，什么都没留下…
展开
-
CSS3中的margin和padding
最近关于margin和padding有很多困惑，找了一些资料实践一下，做了一些笔记，后面如果忘记了也能很快回忆起来。1. 小试牛刀<!DOCTYPE html><html><head lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style>原创 2021-10-19 18:02:53 · 273 阅读 · 0 评论 -
async/await
公司的前端工程使用了ES6语法，最近看代码的时候还是有很多疑惑的，记录一下async/await相关知识1. async function使用谷歌浏览器开发者工具写脚本进行测试按F12打开开发者工具点击Source在左侧选择Snippets，点击New snippets创建一个新文件输入以下代码async function add(x) { let a = 1; return x + a;}add(10);运行此脚本，在控制台可以看到有结果输出返回的结果是一原创 2021-10-16 12:56:21 · 187 阅读 · 0 评论 -
Vue axios
1. 准备工作npm install axios2. 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia原创 2021-09-21 17:54:22 · 150 阅读 · 0 评论 -
Vue 计算属性和侦听器
本文讨论一下计算属性和侦听器相关的用法直接上代码1. 计算属性 <!-- HTML --> <div id="app"> 我的购物车：<br> <ul> <li v-for="(item, index) in cart" :key="index"> 商品名称：{{item.name}} 商品单价：{{item.price}} 商品库存：{{item.st原创 2021-09-20 17:21:17 · 163 阅读 · 0 评论 -
Vue插槽
前言：学习本章需要对Vue的组件有一定了解Vue组件基础：https://cn.vuejs.org/v2/guide/components.html1、基本示例定义一个全局组件名为 navigation-link，props中为可传递进来的属性，props中的元素通过v-bind绑定到template中，可作为属性。如果不需要绑定为属性，直接使用双层花括号引用即可 Vue.component('navigation-link', { props: ['url', 'name', 'title']原创 2021-09-13 18:16:36 · 147 阅读 · 0 评论 -
JS修改数组中对象属性名称
后端响应给前端的数组中对象属性名称不是我们想要的，可通过此方法进行转换。转换过后，原响应体并未发生改变。当数据量巨大可考虑将响应体转换为JSON，替换字符串即可 const data = { totalEmelents: 100, list: [ { id: 0, name: "a" }, { id: 1, name: "b" }, { id: 2, name: "c" }, ] } const myList = data.list.map(item原创 2021-09-13 17:06:07 · 2408 阅读 · 0 评论