HTML5web前端
关注
分享
扫一扫
文章平均质量分 74
qfxietian
这个作者很懒，什么都没留下…
展开
-
零基础教你学前端——1.HTML扬帆
本节课开始前，我们先回忆一个事情，我们小时候写作文时，老师都会教我们一些“规矩”，比如说：题目要在中间写，也就是居中，要分段，要有标点符号，第一段要空两个格子等等。了 比如：我们来书写一个 < h1 >再写一个 两个组合在一起形成一个完整标签 ，这个标签对中间可以书写一段内容，把我们的这一段内容复制进去，再次打开浏览器刷新，这一段内容变得不一样了 这就是 h1 标签的作用。其实就是一个以 html 为后缀的普通文件，说到这，你可能会出现疑问了，这个文件我也没见过，应该怎么创建和书写呢？原创 2022-09-20 14:06:22 · 260 阅读 · 0 评论 -
考研失败后，却稳稳拿到13K的offer
我叫黎星，是千锋武汉HTML5前端毕业老学员，我现在在北京的一家科技公司，做前端开发~其实我觉得我挺幸运的，选择了靠谱的培训机构，学到了扎实的前端技术，也找到了心仪的技术岗位。让我孤身一人在北京，能够有所立足。这一切，都要感谢当初的正确选择！大三，我就确定了自己未来的职业方向和很多95后一样，我身上也有一股桀骜不驯的劲头，在填报志愿的时候，我报考了离家很远的学校，为了让自己脱离父母的庇护，真正的自立。但是和多数同龄人不同的是，我在上大三的时候，就确定好了自己的职业方向——成为一名原创 2022-03-30 17:22:03 · 116 阅读 · 0 评论 -
10个常用的JS工具库，80%的项目都在用
高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库，如果觉得有用，就把大拇指点亮一下吧！Day.js一个极简的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npminstalldayjs复制代码基本用法importdayjsfrom'dayjs'dayjs...原创 2022-03-29 17:58:01 · 1630 阅读 · 0 评论 -
用vue实现一个仿简书的轮播图效果
先展示最终效果：解决思路：vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个，如图所示：代码实现：各个slide的样式：$width:800px;//容器宽度$height:300px;//容器高度$bWidth:500px;//大图片宽度$sWidth:$width-$bWidth;//小...原创 2022-03-29 17:52:42 · 239 阅读 · 0 评论 -
3种Javascript图片预加载的方法详解
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用css和JavaScript实现预加载实现预加载图片有很多方法，包括使用css、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案，十分高效。原创 2022-01-07 16:49:51 · 563 阅读 · 0 评论 -
HTML、CSS从零开始 | 浏览器兼容
浏览器兼容浏览器浏览器内核（现代4大内核）Trident 代表作：IE元老级内核之一，由微软开发，并于1997年10月首次在ie 4.0中使用，凭借其windows垄断优势，Trident市场占有率一直很高。然而垄断并非，没有竞争就没有进步，长期以往，Trident内核一度停滞不前，更新缓慢，甚至一度与W3C标准脱节。2011年，从ie 9开始，Trident开始支持HTML5和CSS 3，因此我们也经常会看到有些网站在浏览时会提示用户（在Internet Explorer 9.0+以上原创 2022-01-05 17:45:17 · 110 阅读 · 0 评论 -
前端工程师学习指南，很清晰，高薪就业看它就够了
寒假来了，要学习资源的同学太多了，不过没关系，都给你们一一安排上！基础入门阶段：HTML+CSS学习俗话说，万事开头难，总感觉入门如登天，入门如“入土”。不着急。Kerwin老师完美解决你的疑虑。列位可曾听说，“评书版”前端教程，带你入门，乐呵乐呵的就把这个门给入了。妈妈再也不用担心我的学习！PC端网站布局：其中包括：HTML基础，CSS基础，CSS核心属性，浮动，盒子模型，溢出，元素类型，安利案例，定位，锚点，精灵图，宽高自适应，表单进阶。HTML5+CSS3原创 2022-01-02 18:40:43 · 1187 阅读 · 0 评论 -
6 个用于排序数组的 JavaScript 代码片段
本文仅供 Web 开发人员的学习参考哦～演示用例：查找“arr”的结果(1) 数值排序 | 上升 [⇣⁰₉]constarr=[40,100,1,5,25,10];arr.sort(function(a,b){returna-b;});之前：[40,100,1,5,25,10]之后：[1,5,10,25,40,100]说明：对于数字排序，必须创建 Comparator 实体或比较函数。在上面的代码片段中，这相当于const compare = ...原创 2021-12-30 18:18:05 · 164 阅读 · 0 评论 -
HTML、CSS从零开始 | GRID布局
GRID布局它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。GRID布局预热 容器和项目 <section><div><p&g...原创 2021-12-29 16:45:30 · 111 阅读 · 0 评论 -
7个你可能不知道但很有用的HTML属性
HTML是每个Web开发人员都必须具备的技能。如果你不了解这种标记语言，你就不能称自己为Web开发人员。你在网络上看到的每个网站都是使用HTML构建的，因为它具有许多有用而强大的功能，作为开发人员，你可以从中受益以创建网页。话虽如此，HTML还具有可以附加到元素或标签的属性，以便向HTML元素添加某些交互功能。在本文中，将会提到一些你可能尚未听说过的有用的HTML属性的列表。接着往下看吧~1、accept如你所知，HTML允许你创建输入，你可以在其中上传文件。除此之外，HTML属性acc..原创 2021-12-14 16:34:58 · 1245 阅读 · 0 评论 -
如何解决img标签下面的小空隙
很多初学小伙伴在写页面的时候碰到过一个问题，当我们用一个div直接包裹img，img的下方会出现3px间距，如图：代码<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1"><title></title>...原创 2021-12-08 21:38:11 · 150 阅读 · 0 评论 -
10个非常实用的CSS技巧
在开发交互式用户界面时，级联样式表 (CSS) 非常棒且非常强大。CSS 有一些惊人的隐藏提示和技巧，可以用来改善你网站的外观。在本文中，我们将介绍每个前端开发人员在开发出色且用户友好的网页时需要知道的一些很棒的 CSS 技巧。现在，就让我们开始吧。1、首字下沉我们可以在 CSS 中实现首字下沉。它比看起来简单得多。查看下面显示的图像和代码片段。效果如下：p:first-letter{font-size:3rem;}2、给文字添加渐变为文本添加渐变使...原创 2021-12-01 18:42:28 · 111 阅读 · 0 评论 -
HTML、CSS从零开始 | 媒体查询 + rem用法
媒体查询+rem计算方法:计算rem方法：结合媒体查询 -> 随着设备的改变 更改html font-size的值。媒体查询确定范围移动端设计图 ：640px 750px 1080px;dpr 2 2 3范围 320px 375px@mediascreenand(max-width:320px){html{font-size:12px;}}@mediascreenand(min-width:321px)and(...原创 2021-11-30 15:52:02 · 315 阅读 · 0 评论 -
网页排版布局常见问题有哪些?
关于排版布局,好的页面排版重点突出,看起来舒适不费劲,整体简洁大方,更重要的是能让用户更好的更方便的浏览网站,而在书写的过程中,无论你写的是什么代码,都会犯一些小错误,而小错误往往不起眼难以引起注意,结果花大量的时间来调试和排错.查看下面这份CSS网页布局中易犯的7个小错误，努力的修正可能会犯的错误，加速你的前端开发效率。所以列举以下网页在排版中常见的问题1: 每行文字太多用户在阅读许多行文字时间久了会引起眼睛的疲劳，在从一行到另一行时读者不得不经常移动他们的眼睛和头部，而这种让人疲惫的布局模式..原创 2021-11-24 17:55:31 · 1006 阅读 · 0 评论 -
Webpack5超详细教程，入门这篇就够了
大家好，今天为大家分享下Webpack5超详细教程推荐理由①为什么学习Webpack?如果你尚没有接触过Webpack，那么你对构建和打包的概念恐怕是模糊不清的。你可能更习惯使用开箱即用的脚手架来生成你的项目配置，或者迭代着某个项目的业务，却对它的开发/生产环境搭建知之甚少。要知道，前端架构最重要的点就在于前端工程化，而Webpack则是我们搭建前端工程化环境的一个技术选型。②那么为什么是Webpack呢?在github上搜索Webpack的时候，repositories的...原创 2021-11-22 15:06:04 · 1863 阅读 · 0 评论 -
好程序员React精品项目全集：商城管理后台（视频+源码+笔记）
众所周知，项目经验对于一个程序员变得越来越重要。在面试中，项目经验已经成为衡量程序员水平高低的标尺。项目经验丰富的程序员在面试中更容易胜出，薪资待遇更是比没有项目的程序员高出几个档次。如何快速的获得项目经验，有两种方法，一种是自己直接参与进去；另一种就是通过学习研究成型的项目案例，丰富自己的项目经验，提升自己的项目把控能力。今天给大家带来了好程序员Recat实战项目：商城管理后台。通过此项目，让各位同学将之前学习的React知识迅速串联起来，并且教会大家如何利用React进行项目开发。本套《原创 2021-11-09 11:12:38 · 5058 阅读 · 2 评论 -
前端界扛把子｜千锋前端入门到精通视频教程免费学习了
Hello，各位锋迷们，今天给大家带来千锋教研院院长王蓝浠老师力荐的《千锋HTML5大前端开发教程1000集》教程可以说是非常的细致、全面扫码一键直达课程学习地址千锋教育，#千锋教育 HTML5大前端开发教程1000集，从零开始，一步步掌握前端开发的各项相关技能，助力追梦的莘莘学子用专业技能充实自己，为成功就业奠定基础。#千锋B站好课推荐@微信时刻 @微信创作者 @千锋校园在线这套史上最全面、最通俗、最实用、最系统、最用心的大前端千集免费教学视频，绝对是全网独一份，没有.原创 2021-11-08 14:46:37 · 1088 阅读 · 1 评论 -
一文带你搞懂前端必会的动态规划
一文带你搞懂前端必会的动态规划用1, 3, 5,0四个数不重复的组成4位数,则所有四位数的平均值为多少?我这里的解决方案应用了动态规划的算法思想，下面我们一起来看看什么是动态规划吧。一、动态规划动态规划的定义：动态规划(dynamic programming)是运筹学的一个分支，20世纪50年代初美国数学家R.E.Bellman等人在研究多阶段决策过程(multistep decisions)的优化问题时，提出了著名的最优化原理，把多阶段过程转化为-系列单阶段问题，利用各阶段之间的关系原创 2021-11-04 11:47:28 · 314 阅读 · 0 评论 -
web前端专业学习你应该了解的25个JS技巧
写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前 25 个捷径和小技巧。1、类型检查小工具JavaScript 不是强类型语言，对此我推荐的最佳解决方案是 TypeScript。但有时你只是想要一个简单的类型检查，这种时候 JavaScript 允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些原语和函数时效果很好，但对于数组和对象来说，由于它们都被视为“对象”，因此很难把握它原创 2021-11-04 10:43:04 · 115 阅读 · 0 评论 -
HTML、CSS从零开始 | 响应式布局概念
HTML、CSS从零开始 | 响应式布局概念，常见的布局方案固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局；弹性布局：以百分比作为页面的基本单位，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果；混合布局：同弹性布局类似，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空原创 2021-11-04 10:37:47 · 157 阅读 · 0 评论 -
web前端的开发比较重要的知识点
本文主要从以下几个方面来概述前端的开发规范 1. 目录构建规范 2. 前端命名规范 3. 前端工作规范 4. 开发文档的书写规范 1. 前端目录构建规范 我们从命名原则、根目录、业务逻辑等方面进行目录构建 1.1 命名原则： 1.2 根目录(root)结构按职能划分(如下：) 1.3 根据业务逻辑进...原创 2021-11-04 10:26:57 · 768 阅读 · 0 评论 -
6种JavaScript判断数组是否包含某个值的方法
6种JavaScript判断数组是否包含某个值的方法：我们在项目开发过程中，经常会要检查一个数组(无序)是否包含一个特定的值？这是一个在JavaScript中经常用到的并且非常有用的操作。下面给出几种实现方式。方式一：利用循环这种方式是比较老的实现方案，但不可否认的是在浏览器中效率较高。functioncontains(arr,val){for(vari=0;i<arr.length;i++){if(arr[i]===val)...原创 2021-11-03 18:07:51 · 3949 阅读 · 0 评论 -
JavaScript学习笔记（二十二）-- 原型及原型链
原型原型的出现，就是为了解决构造函数的缺点 也就是给我们提供了一个给对象添加函数的方法 不然构造函数只能给对象添加属性，不能合理的添加函数就太 LOW 了prototype每一个函数天生自带一个成员，叫做 prototype，是一个对象空间 即然每一个函数都有，构造函数也是函数，构造函数也有这个对象空间 这个prototype对象空间可以由函数名来访问function Person() {}console.log(Person.prototype) // 是一个对象...转载 2021-01-15 14:09:22 · 117 阅读 · 0 评论 -
数组扁平化
概念：用于将嵌套多层的数组“拉平”，变成一维的数组方法一：通过concat将二维数组转化为一维数组原理：通过将扩展运算符，将数组内部展开，并通过concat连接两个字符串的方式返回一个新的数组 let a = [12, 3, 45, [6, 7, 8]] console.log(a) // [12, 3, 45, Array(3)] console.log([].concat(...a)) // [12, 3, 45, 6, 7, 8]方法二：使用数组方法join和字符串方转载 2021-01-15 14:08:39 · 180 阅读 · 0 评论 -
重写事件抛发接收机制原理
关于js中事件侦听和抛发机制的一些基础简单重构，通过这个简单重构了解中介者模式的工作方式，以下就是要做的简单重构方案思路：创建EmitterTarget类和EmitterEvent类。EmitterTarget类主要使用了中介模式+观察者模式其中EmitterTarget类的实例化属性list充当中介角色，每当执行add方法时，给EmitterTarget类的实例化对象注册事件名称及触发函数；每当该对象执行remove方法时，从list列表中移除注册的事件及触发函数；dispatchEv转载 2021-01-15 14:07:47 · 158 阅读 · 0 评论 -
React学习笔记（三）
组件的生命周期React中组件也有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)初始化在组件初始化阶段会执行constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDidMount()更新阶段props或state的改变可能转载 2021-01-15 14:06:55 · 354 阅读 · 0 评论 -
React学习笔记（二）
组件的数据挂载方式属性(props)props是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的props属性是描述性质、特点的，组件自己不能随意更改。之前的组件代码里面有props的简单使用，总的来说，在使用一个组件的时候，可以把参数放在标签的属性当中，所有的属性都会作为组件props对象的键值。通过箭头函数创建的组件，需要通过函数的参数来接收props:import React, { Comp...转载 2021-01-15 14:06:19 · 116 阅读 · 0 评论 -
话题：什么是前端工程化？
虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。只不过那个时候，前端工程师并没有工程化的意识，也没有必要对前端进行工程化的操作，毕竟在那个时期，前端的开发工作只能算是整个项目开发过程中的“附属品”。那为什么这几年，前端工程化的概念又突然成为了热点话题了呢？要想讲好前端工程化其实并不容易，我就从下面几个方面入手，对前端工程化的概念做个简单的讲解，仅仅是个人理解，希望大家多多交流讨论。1、前端为什么要工转载 2021-01-12 16:09:08 · 154 阅读 · 0 评论 -
从赛博朋克2077看未来互联网科技的发展
《赛博朋克 2077》 2020年年末最火热的没有之一的3A游戏大作，主角被扔进了科技发达的2077年，科技并没有给所有的人带来更美好的生活，而是一个更加撕裂的美国社会。玩家被丢入了一个黑暗的未来社会。故事发生在一个叫做"夜之城(Night City)"的大都会，以它为背景游戏讲述了这样一个人挣扎的故事，他从小在街头长大，一直试图在贫民窟中间找到自己的出路，在帮派和产业巨头的无尽斗争中生存下去，在这个充满污垢和罪恶的城市中成长。毒品、暴力、贫穷和专政并没有在2077年消失，几十年过去了，人们仍然保留着那份贪转载 2021-01-12 16:09:00 · 315 阅读 · 0 评论 -
讲清楚重排或回流、重绘
为了让项目的运行效率更高，减少开销，需要对重排、回流、重绘有一定的了解。重排和回流其实是一回事。浏览器渲染浏览器在渲染页面的时候，大致是以下几个步骤：解析html生成DOM树，解析css，生成CSSOM树，将DOM树和CSSOM树结合，生成渲染树； 根据渲染树，浏览器可以计算出网页中有哪些节点，各节点的CSS以及从属关系 - 回流 根据渲染树以及回流得到的节点信息，计算出每个节点在屏幕中的位置 - 重绘 最后将得到的节点位置信息交给浏览器的图形处理程序，让浏览器中显示页面回流回流转载 2021-01-07 16:37:17 · 145 阅读 · 0 评论 -
大厂如何考虑开发环境与部署方案
阅读指南开发环境的追求 部署方案的要求 大厂环境因素 整合环境因素，导出方案 展望未来 QA首先我们强调一点，任何公司的技术基建都是随时间推移去不断改进和建设的，任何纯技术输出都必然存在它的边界。而业务拓展、组织架构变迁、新兴技术迭代等都是不断发生的，这意味着技术基建必然也是不断改进的。拿整个互联网来说，也是由“石器时代”不断演变而来。而一切解决方案都是为了针对某类需求。开发环境的追求作为团队中的开发者一员，无疑要追求美好的开发体验，具体可以列举为：高效的编译速度 屏蔽转载 2021-01-05 16:44:30 · 350 阅读 · 0 评论 -
小程序中云函数的使用
什么是云函数？为何要用最近在做小程序开发的时候，发现在创建小程序的时候可以勾选一个使用云开发的选项。这里面就提供了云操作相关的功能。说白了，就是小程序内部帮助我们构建了一个云服务器，我们可以在这服务器上面进行后端数据库一些较为复杂的业务实现了。使用了云开发后，更大强度的丰富了我们与后端的直接操作。那激动人心的时刻到了，我们如何使用云开发中的云函数呢？创建目录与云函数第一步，在微信开发者工具中创建目录与新建nodejs云函数接下来，需要将此目录在projec...转载 2021-01-05 16:41:01 · 620 阅读 · 0 评论 -
企业面试真题--051
试计算100!在不考虑越界的情况下,可以使用递归、for循环等方法一：function factorial(num) { if (num < 0) { return -1; } else if (num === 0 || num === 1) { return 1; } else { return (num * factorial(num - 1)); }}factorial(100);方法二：转载 2021-01-05 16:40:51 · 118 阅读 · 0 评论 -
JavaScript学习笔记（二十）-- DOM动画效果
DOM动画效果让一个元素从左至右进行运动<div id="box"></div> var box = document.getElementById("box"); var t = null; t = setInterval(function(){ })运动的终止条件t = setInterval(function(){终止条件}) // 元素的属性值 === 目标点if(dom.a转载 2020-12-31 14:52:12 · 176 阅读 · 0 评论 -
JavaScript学习笔记（二十一）-- 构造函数
面向对象首先，我们要明确，面向对象不是语法，是一个思想，是一种编程模式。 面向： 面（脸），向（朝着） 面向过程： 脸朝着过程 =》 关注着过程的编程模式 面向对象： 脸朝着对象 =》 关注着对象的编程模式 实现一个效果 在面向过程的时候，我们要关注每一个元素，每一个元素之间的关系，顺序，。。。 在面向过程的时候，我们要关注的就是找到一个对象来帮我做这个事情，我等待结果 例子 ： 我要吃面条 面向过程 用多少面粉 用多少水 怎么和面 怎么切面条 做开水.转载 2020-12-31 14:50:07 · 112 阅读 · 0 评论 -
V8的垃圾回收和内存限制
前言在第三次浏览器大战中,来自Google的Chrome浏览器凭借优异的性能成为聚光灯下的焦点。而Chrome的成功离不开站在其背后的JavaScript引擎V8。随着V8的出现，让JavaScript彻底摆脱了作为脚本语言性能低下的形象。V8出色的性能让JavaScript出现在高性能后台服务程序开发的舞台上。也正是因为这样的契机，在2009年，Node的创始人Ryan Dahl选择了V8作为Node的JavaScript脚本引擎。在事件驱动、非阻塞I/O模型的设计下实现了Node。但是需要了转载 2020-12-31 14:49:57 · 247 阅读 · 1 评论 -
JavaScript学习笔记（十五） Event事件（上）
EVENT（上）之前我们简单的了解过一些事件，比如onclick/onload/onscroll/ ... 今天开始，我们详细的学习一些事件什么是事件一个事件由什么东西组成 触发谁的事件：事件源 触发什么事件：事件类型 触发以后做什么：事件处理函数 var oDiv = document.querySelector('div')oDiv.onclick = function () {}// 谁来触发事件 => oDiv => 这个事件的事件源就是...转载 2020-12-18 11:14:07 · 175 阅读 · 0 评论 -
前端面试题-企业真题-47
请实现单例模式function singleton(){ if(!singleton.instance){ singleton.instance = { ... ... } } return singleton.instance;}还有另一种写法 (懒汉式)var singleton = (function(){ var instance; return func.转载 2020-12-18 11:13:36 · 116 阅读 · 0 评论 -
前端面试题-企业真题-46
写一个通用的事件侦听器函数var EventHandler = (function(){ function EventAdapter(ev){ //使用适配器包装Event对象 return { clientX: ev.clientX, clientY: ev.clientY, ... //处理兼容 stopPropagation: funct转载 2020-12-18 11:12:43 · 112 阅读 · 0 评论 -
有了前端的学习路线，自学可以找到工作吗？
其实能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件，如果基础好，自律性强那么将会容易很多，还有就是自学最难克服的并不是知识点，而是自己的学习环境是否真的能让自己静心学习。就学历和专业而言我们可以来分析成功率，本科生计算机相关专业的那么他的自学成功率就会很高，因为本身基础好，我国高考制度已经充分证明来他的实力，所以这样的人才学习能力是很强的。比如一个高中...原创 2019-12-03 18:13:02 · 116 阅读 · 0 评论