再敲一行就睡觉
码龄6年
关注
提问 私信
  • 博客：16,150
    16,150
    总访问量
  • 46
    原创
  • 358,927
    排名
  • 94
    粉丝
  • 0
    铁粉

个人简介：前端开发工程师 目前在字节

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：上海市
  • 加入CSDN时间： 2019-05-27
博客简介：

One_punchman_zxl的博客

查看详细资料
个人成就
  • 获得112次点赞
  • 内容获得71次评论
  • 获得27次收藏
创作历程
  • 47篇
    2021年
  • 2篇
    2020年
成就勋章
TA的专栏
  • 笔记
  • 精通CSS
    3篇
  • JavaScript学习
    27篇
  • Vue采坑
    2篇
  • JavaScript数据结构
    1篇
  • Vue官方文档学习
    14篇
  • 浙大OJ刷题
    2篇
  • 基础教程
兴趣领域 设置
  • 前端
    javascriptvue.jsreact.jswebpack
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴，一年仅有一次！MAC mini、大疆无人机、华为手表等精美奖品等你来拿！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

精通CSS学习笔记 第三章 盒子模型 定位

总结一下就是这章讲了css核心，就是盒子模型，然后讲了一些比较特殊的情况，比如合并外边距，关于两栏布局里面那个overflow:auto为什么可以实现两栏布局的答案也在这。1.盒模型：outline->padding->border->margin->content默认情况下，为标准盒模型，也就是box-sizing为content-box，这种情况下，width和heigth是指的内容的宽度和高度；当box-sizing为border-box，这时的宽度和高度为加上边框和内边
原创
发布博客 2021.07.14 ·
268 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

精通CSS学习笔记 第二章 选择符 层叠 特殊性 CSS文件性能

1~13关于选择符，选择器。14~18关于层叠和特殊性。19 加载CSS。20 关于性能优化的tips。1.类型选择符：p{ color：black;}2.后代选择符：blockquote p{ padding-left:2em;}3.id和类选择符：#intro{...}.date-post{...}4.子选择符：#nav > li{ 只选择 *一个* 直接后代}5.相邻同辈选择符：h2 + p{ 选择一个后方相邻同辈}6.一般同
原创
发布博客 2021.07.14 ·
299 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

精通CSS学习笔记 第一章 基本理解

总结：讲了一些关于CSS3和H5的概念，这些概念某种程度上是一种指导思想，在后面的开发中要注意，这样才能优化前端界面本身。1.关注点分离：将一个应用分成一个一个模块，然后模块之间松散组合起来2.CSS3：所谓CSS3不是一个确定的CSS版本，而是一个模糊的集合，像CSS Backgrounds and Borders Level 3,Selectors Level 4 和 CSS Grid Layout Level 1，这些都属于这个集合，也就是对CSS2改进到了一个地步，就是CSS3，没有明确的规范，
原创
发布博客 2021.07.13 ·
254 阅读 ·
4 点赞 ·
1 评论 ·
0 收藏

vue 中简单封装 axios

把axios注入到Vue中import axios from 'axios';Vue.prototype.$axios = axios;import axios from 'axios'axios.defaults.timeout = 5000; //响应时间axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'; //配置请求头axios.de
原创
发布博客 2021.06.10 ·
650 阅读 ·
6 点赞 ·
5 评论 ·
4 收藏

Tomcat服务器 配置 Vue cli 4 Vue router history模式

在tomcat你的app文件下面，创建一个WEB-INF文件夹，在里面创建web.xml<?xml version="1.0" encoding="ISO-8859-1"?><web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/ja
原创
发布博客 2021.06.10 ·
348 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

数据结构 JavaScript实现 栈

title: 数据结构 JavaScript实现 栈date: 2021-6-9 22:55:53author: Xilong88tags: 数据结构基于JavaScript类的栈/** * @description :Stack based on JavaScript Class * @method : push(element); * pop(); * peek(); * isEmpty(); * clear(); * s.
原创
发布博客 2021.06.09 ·
145 阅读 ·
2 点赞 ·
2 评论 ·
0 收藏

Vuex 学习总结

title: Vuex 学习总结date: 2021-6-8 23:28:33author: Xilong88tags: Vue个人理解加简单总结：个人理解：Vuex就是一个插件，用来做Vue的状态管理。因为Vue里面每个组件都有自己的data，然后子组件又可以相互访问，有的时候还必须改变某些prop，这个时候又加上Vue的响应式，可能就会导致数据变化很难维护。用官方的话来说，原本是想实现单向数据流，但是多组件共享状态时，就会破坏这种单向数据流。如：多个视图依赖于同一状态。.
转载
发布博客 2021.06.08 ·
155 阅读 ·
3 点赞 ·
1 评论 ·
3 收藏

Vue Router学习

title: Vue Router学习date: 2021-6-7 21:08:18author: Xilong88tags: Vue简单理解和总结：个人理解：Vue Router是一个插件，可以通过组合组件来组成应用程序，把components添加到routes里面，就可以实现路由的功能。官方的例子：Vue Router 官网<script src="https://unpkg.com/vue/dist/vue.js"></script><scr.
原创
发布博客 2021.06.07 ·
237 阅读 ·
3 点赞 ·
0 评论 ·
0 收藏

VUE官方文档学习---深入响应式原理

title: VUE官方文档学习—深入响应式原理date: 2021-6-6 20:41:08author: Xilong88tags: Vue先上一张图：这是官方对响应式原理的解释图我在网上查到一个简易版的响应式原理的代码原贴在这<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Two-way data-binding<.
原创
发布博客 2021.06.06 ·
1003 阅读 ·
9 点赞 ·
11 评论 ·
15 收藏

Vue官方文档学习---过渡 & 动画

title: VUE官方文档学习—过渡 & 动画date: 2021-6-5 11:22:39author: Xilong88tags: Vue过渡 & 动画进入/离开 & 列表过渡单元素/组件的过渡transition标签来封装组件来完成过渡自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。如果过渡组件提供了 JavaScript 钩子函数，这些钩子函数将在恰当的时机被调用。如果没有找到 JavaScr.
原创
发布博客 2021.06.05 ·
337 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

VUE官方文档学习---深入了解组件

title: VUE官方文档学习—组件注册date: 2021-6-4 22:59:27author: Xilong88tags: Vue组件注册全局注册：Vue.component('my-component-name', { /* ... */ })组件名称建议用“-”链接起来的，而且命名要和功能挂钩。组件名大小写可以使用“-”或者大驼峰模式命名，但是在html中只能用连线。全局注册通过Vue.component创建组件就是全局创建，全局创建的组件可以在所有子组件中使.
转载
发布博客 2021.06.04 ·
374 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

VUE官方文档学习---组件基础

title: VUE官方文档学习—组件基础date: 2021-6-3 17:13:48author: Xilong88tags: Vue基本示例// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">.
原创
发布博客 2021.06.03 ·
353 阅读 ·
2 点赞 ·
3 评论 ·
0 收藏

VUE官方文档学习---表单输入绑定

title: VUE官方文档学习—表单输入绑定date:author: Xilong88tags: Vuev-model用来绑定表单的，本质是一种语法糖，有几点需要注意：1.绑定时的数据来源是vm中的data，而不是默认的DOM属性2.不同的输入元素v-model会使用不同的property，发生不同的事件text 和 textarea 元素使用 value property 和 input 事件；checkbox 和 radio 使用 checked property 和 cha.
原创
发布博客 2021.06.03 ·
326 阅读 ·
2 点赞 ·
1 评论 ·
1 收藏

VUE官方文档学习—事件处理

title: VUE官方文档学习—事件处理date:author: Xilong88tags: Vue<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p></div>var example1 = new Vu
原创
发布博客 2021.06.03 ·
379 阅读 ·
2 点赞 ·
2 评论 ·
1 收藏

VUE官方文档学习---列表渲染

title: VUE官方文档学习—列表渲染date: 2021-6-2 21:39:19author: Xilong88tags: Vue列表渲染用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。<ul id="example-1"> <li v-for="item in .
转载
发布博客 2021.06.02 ·
136 阅读 ·
3 点赞 ·
1 评论 ·
0 收藏

VUE官方文档学习---条件渲染VUE官方文档学习---条件渲染

title: VUE官方文档学习—条件渲染date:author: Xilong88tags: Vue
原创
发布博客 2021.06.02 ·
229 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

VUE官方文档学习---Class 与 Style 绑定

title: VUE官方文档学习—Class 与 Style 绑定date: 2021-6-2 17:32:02author: Xilong88tags: Vue操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还.
原创
发布博客 2021.06.02 ·
367 阅读 ·
3 点赞 ·
2 评论 ·
1 收藏

VUE官方文档学习---计算属性和侦听器

title: VUE官方文档学习—VUE实例date:author: Xilong88tags: Vue计算属性为了维护性，我们希望模板表达式里面内容少一点，所以可以用计算属性：<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></.
原创
发布博客 2021.06.02 ·
537 阅读 ·
2 点赞 ·
1 评论 ·
1 收藏

VUE官方文档学习---模板语法

title:date:author: Xilong88tags: JavaScript
原创
发布博客 2021.06.02 ·
187 阅读 ·
3 点赞 ·
1 评论 ·
0 收藏

VUE官方文档学习---VUE实例

title: VUE官方文档学习—VUE实例date: 2021-6-1 16:56:06author: Xilong88tags: JavaScriptVue实例通过new 关键字 创建 一个Vue 的实例，其中要传入一个property对象参数，options。比如传入data，可以作为响应式的值当这些数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。也就是说如果你添加一个新的 property 改变这个属.
原创
发布博客 2021.06.01 ·
762 阅读 ·
4 点赞 ·
7 评论 ·
0 收藏
加载更多