自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端入门

学习笔记

  • 博客(20)
  • 收藏
  • 关注

原创 手机屏幕分辨率

1、问:什么是手机屏幕分辨率?答:手机厂商公布的屏幕物理像素点,一般在手机"设置"->"关于手机"里可以查看,如iPhone 6的屏幕分辨率750*1334(px)2、问:那屏幕尺寸是?答:屏幕对角线的长度,单位是英寸,如iPhone 6为4.7英寸3、问:什么是英寸,为什么用英寸?答:英制单位,1英寸等于2.54厘米。用英寸为单位是行业惯例。// 14世纪时,英皇爱德华二世颁布了“标准合法英寸”。其规定为:从大麦穗中间选择三粒最大的麦粒头对头排成一行的长度就是一英寸。4、问:移动端开发

2021-10-20 13:39:14 1836

原创 Flutter日期时间

Flutter日期时间1、日期选择器2、当前时间3、UTC时间4、时间戳转日期1、日期选择器 //日期选择 flutter_datetime_picker: ^1.5.1 //日期格式化 date_format: ^2.0.4// showDatePicker、showTimePicker、showDateTimePickerTextButton( onPressed: () { DatePicker.showDateTimePicker(context, sho

2021-08-18 10:15:43 1130

原创 Flutter路由传参

Flutter路由传参1、普通路由1、普通路由//main.dartroutes: routes,

2021-08-16 18:22:13 1188

原创 VSCode

1、快捷键设置: Ctrl + K , Ctrl + S2、代码格式化: Shift+Alt+F3、向上或向下移动一行: Alt+Up 或 Alt+Down4、向上或向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down5、批量编辑: Ctrl + F2

2021-08-05 13:56:08 118

原创 Git学习笔记

Git学习笔记一、概念1、结构2、git托管中心3、本地库/远程库二、git1、本地库初始化2、设置签名3、查看git状态4、将文件提交到暂存区5、从暂存区撤回6、从暂存区提交到本地库7、记录8、前进后退9、删除文件10、比较11、分支三、github1、查看远程仓库2、增加远程仓库3、推送4、克隆5、拉取一、概念git:开源的分布式版本控制系统GitHub:世界上最大的代码托管平台https://github.com/1、结构工作区-git add=>暂存区-git commit=>

2021-07-04 16:17:36 165

原创 闭包closure

闭包closure一、引例1、n++函数2、把n放外面3、改成闭包二、例子1、点击按钮增加一、引例1、n++函数function closure() { let n=1 n++ console.log(n); } closure() //2 closure() //2 closure() //2 closure() //22、把n放外面 let n=1 function closure() { n++

2021-07-03 17:31:00 104

原创 微信小程序

微信小程序一、环境设置二、开始1、HbuilderX创建项目2、manifest.json一、环境设置注册个账号 https://mp.weixin.qq.com/在https://mp.weixin.qq.com/下载开发者工具(稳定版) (模拟器)设置-安全-开启服务端口在HbuilderX官网下载HbuilderX(APP开发版)二、开始1、HbuilderX创建项目新建/uni-app/uni-ui项目2、manifest.json基础配置:DCloud AppID微信小

2021-06-23 16:12:29 263

原创 react-router-dom学习笔记

react-router-dom学习笔记一、安装调用二、使用Link跳转三、导航栏跳转1、路由组件和普通组件2、history3、window.location.href一、安装调用https://www.npmjs.com/package/react-router-domnpm install --save react-router-domimport { BrowserRouter as Router, Route, Link } from "react-router-dom";二、使用L

2021-06-17 23:23:42 185

原创 React静态文件、公共样式、公共方法

React静态文件、公共样式、公共方法一、静态文件1、App.js引入logo2、public目录下二、公共样式三、公共方法一、静态文件1、App.js引入logoreact脚手架搭建好后,在App.js中引入了logoimport logo from './logo.svg';使用<img src={logo} className="App-logo" alt="logo" />logo.svg图片存放在src目录下2、public目录下public目录不会被webpac

2021-06-16 14:02:16 2784

原创 React中axios及代理配置

React中axios及代理配置一、axios二、middleware三、使用axios一、axiosnpm install axios在组件中引入import axios from 'axios'二、middlewarenpm install http-proxy-middleware --save在src目录下新建setupProxy.js文件,里面配置const { createProxyMiddleware } = require('http-proxy-middleware')

2021-06-16 11:28:11 282

原创 VUE公共样式与公共方法

VUE公共样式与公共方法一、问题描述二、公共样式三、公共方法1、全局方法一、问题描述二、公共样式三、公共方法1、全局方法防止按钮重复提交参考:https://blog.csdn.net/qq_45516629/article/details/106422417?spm=1001.2014.3001.5506(1)新建src/api/index.js文件import Vue from 'vue'// 防止按钮重复点击const preventReClick = Vue.directive(

2021-06-11 10:23:28 1769 3

原创 vue父子组件传值

vue父子组件传值一、应用场景介绍二、创建子组件三、父组件引入子组件一、应用场景介绍销售单列表,点击销售单单号跳出element dialog对话框,展示销售单明细。对话框应用在众多页面中,把它做成子组件调用。二、创建子组件<template> <div> <el-dialog :visible.sync="dialogVis" width="30%" :before-close="handleClose"

2021-06-09 11:05:29 91

原创 JS对象的浅拷贝和深拷贝

JS对象的浅拷贝和深拷贝一、值类型和引用类型1、js数据类型2、引用拷贝二、浅拷贝1、循环拷贝(for of)2、spread运算符(...)3、object.assign()方法三、深拷贝1、JSON方法2、递归循环四、浅拷贝和深拷贝的应用1、concat()方法2、filter()方法3、slice()方法4、map()方法5、......一、值类型和引用类型1、js数据类型(1)值类型为基本数据类型,包括number,string,boolean,undefined,null,symbol(ES

2021-06-06 21:34:50 638

原创 Element ui侧边导航栏的使用笔记

Element ui侧边导航栏一、Vue使用Element ui1、npm安装2、main.js 引入 Element3、拷贝导航组件二、样式调整1、导航栏宽度2、导航栏高度3、默认颜色设置4、el-submenu样式设置5、.el-menu-item样式设置三、方法使用一、Vue使用Element ui1、npm安装npm i element-ui -S2、main.js 引入 Elementimport Vue from 'vue';import ElementUI from 'eleme

2021-05-29 22:33:03 11606

原创 vue挂载前后与DOM渲染-学习笔记

vue挂载前后与DOM渲染mounted二级目录三级目录mounted二级目录三级目录

2021-05-21 15:42:47 396

原创 event loop学习笔记

event loop学习笔记1、同步任务和DOM渲染2、加入ajax3、加入setTimeout4、加入Promise5、宏任务中加入微任务6、微任务中的宏任务、宏任务中的宏任务7、微任务中的微任务1、同步任务和DOM渲染console.log("****event-start****");$("div").append('<p>满堂花醉三千客</p>'); //DOM渲染alert("aaaaaa")在点击alert之前,DOM不会渲染。顺序:同步任务->DO

2021-05-18 17:22:22 94

原创 Promise学习笔记

Promise学习笔记一、概念二、对象的使用1、封装函数创建对象2、then( )方法三、使用场景一、概念Promise对象是JavaScript异步操作解决方案,为异步操作提供统一接口。Promise对象的三种状态:未完成(pending)、已完成(fulfilled)、失败(rejected)二、对象的使用1、封装函数创建对象function getFoo() { let p=new Promise((resolve,reject)=>{ if (/* 异步操作成

2021-05-14 16:54:06 135

原创 居中问题(CSS)

居中问题1、水平居中(1)、父元素 text-align=center;对于子元素是行内块元素有效(2)、父元素 with:fit-content;margin: auto;(3)、子元素 margin:0 auto;2、垂直居中(1)、单行文本 父元素 line-height:200px;height:200px;3、水平垂直居中(1)、绝对定位1(2)、绝对定位2(3)、绝对定位3(4)、定位+margin(5)、父元素padding(6)、flex布局(7)、grid布局(8)、伪元素1、水平居中

2021-05-13 20:31:19 75

原创 数组去重的方法(Set对象)

数组去重的几种方法一、for循环判断二、ES6中的Set对象1、一个数组去重2、两个数组合并去重(取合集)三、对象数组去重一、for循环判断let a=[1,2,4,2,3,1,2,2]function duplRem(arr) { let b=[]; let flag=true; for (let i = 0; i < arr.length; i++) { for (let j = 0; j < b.length; j++) {

2021-05-13 14:34:49 10804

原创 JS事件传播流程-学习笔记

JS事件传播流程-学习笔记一、事件传播三个阶段1、 捕获阶段2、 目标阶段3、 冒泡阶段<!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-w

2021-04-16 22:48:25 226

空空如也

空空如也

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

TA关注的人

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