自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (2)
  • 收藏
  • 关注

转载 vue自适应pc或移动端

vue识别移动端或者Pc,更自由的跳转在index.html中head标签内插入<script type="text/javascript"> if(/Android|webOS| iPhone | iPad | iPod |BlackBerry|opera mini|opera mobile|appleWebkit.*mobile|mobile/i.test( navigator.userAgent)) { w

2020-10-30 11:19:17 1003

原创 vue3.0介绍简单入门

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结内容概要Vue.js 3.0 核⼼优势逻辑复⽤案例基于 Webpack 构建基于 Vue CLI Preview基于 Vite 构建结合 Official Libraries、TypeScript、Vue RouterVuexTIPs. 别在成熟项⽬中使⽤前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很

2020-10-24 09:38:46 885

原创 前端性能整理笔记

网站性能优化1、http请求方面,减少请求数量,请求体积,对应的做法是,对项目资源进行压缩,控制项目资源的dns解析在2到4个域名,提取公告的样式,公共的组件,雪碧图,缓存资源,2、压缩资源,提取公共资源压缩,提取css ,js公共方法3、不要缩放图片,使用雪碧图,使用字体图表(阿里矢量图库)4、使用CDN,抛开无用的cookie5、减少重绘重排,CSS属性读写分离,最好不要用js修改样式,dom 离线更新,渲染前指定,图片的大小6、js代码层面的优化,减少对字符串的计算,合理使用闭包,首屏的j

2020-10-10 17:47:54 635

原创 Git 版本提交整理笔记

GitGit是一个分布式的版本控制工具,SVN 是集中版本控制工具git commit 和 git push的区别git作为支持分布式版本管理的工具,它管理的库(repository)分为本地库、远程库。git commit操作的是本地库,git push操作的是远程库。git commit是将本地修改过的文件提交到本地库中。git push是将本地库中的最新信息发送给远程库。git指令4.3.1 状态查看git status查看工作区、暂存区状态4.3.2 添加git add [f

2020-10-10 17:46:40 170

原创 css整理笔记

css水平垂直居中的方法1、绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;)div{ background:red; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}方法二:绝对定位方法:确定了当前div的宽度,margi

2020-10-10 17:45:13 305 1

原创 javascript(包括es6)整理笔记

JavaScript数据类型基本数据类型(按值访问):Undefined 、 Null 、 Boolean 、 Number 和 String引用数据类型(按引用访问):object、Array、function两种类型的区别是:存储位置不同;改变原数组的方法· pop():删除数组最后一个元素,并返回该元素· push():在数组尾部添加元素,并返回更新后的数组长度· shift():删除数组的第一个元素,并返回该元素· unshift():在数组第一位添加元素,

2020-10-10 17:44:20 431

原创 React Hooks整理笔记

React Hooks所有组件都将是Function组件,这个函数却有自己的状态(count),同时它还可以更新自己的状态(setCount),除了useState这个hook外,还有很多别的hook,比如useEffect提供了类似于componentDidMount等生命周期钩子的功能,useContext提供了上下文(context)的功能等等。useRef获取DOM元素和保存变量useMemo优化React Hooks程序性能import { useState } from 'react';

2020-10-10 17:43:16 471

原创 React整理笔记

Reactreact 的生命周期?可以说他有 11 个,也可说他有 10 个有 3 个阶段实例化,存在期,销毁期实例化:props的实例化,state的实例化, componentWillMount 渲染前(修改 state 的最后一次机会), render(渲染), componentDidMount(渲染后,首次可以访问到 dom)在实例化阶段除了 render 生命周期外,其它的生命周期只会执行一次存在期componentWillReceiveProps 当 *props* 值发

2020-10-10 17:42:09 113

原创 vue整理笔记

什么是vue生命周期?Vue 实例从创建到销毁的过程,就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。vue生命周期的作用是什么?它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。vue生命周期总共有几个阶段?它可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后。第一次页面加载会触发哪几个钩子?会触发 下面这几个beforeCreate, created, be

2020-10-10 17:23:56 402

ranking.zip

仿微信运动排行榜html

2021-07-19

去哪儿(Vue移动端Demo)

本项目是由vue框架编写,相关内容涉及到了 Vue的 基础语法,包括实例、生命周期、指令、计算属性、方法、侦听器,表单等部分内容。适合刚入门的前端同学们进行参考学习,感谢大家的支持。

2020-10-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除