自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 收藏
  • 关注

原创 阿里云服务器白P指南 用于学习实验/搭博客/部署个站/跑脚本都不在话下,要参加的小伙伴直接去平时一起交流的公众号 夜眸凉 里回复「服务器」就行了

第一批双11送云服务器的活动,小伙伴上车,隔着屏幕都能感觉到大家白瞟的快乐。只要是阿里云新用户就可,很多机型可选,用于学习实验/搭博客/部署个站/跑脚本都不在话下,要参加的小伙伴直接去平时一起交流的公众号 夜眸凉 里回复「服务器」就行了。...

2021-11-10 15:50:47 583

原创 react 路由跳转

import React, { Component } from 'react';//引入hashHistoryimport {hashHistory} from 'react-router'class About extends Component{ constructor(props){ super(props) }// 事件执行 ta...

2018-09-05 22:10:51 680

原创 自动化构建react

npm i -g create-react-app       //全局安装环境create-react-app ‘项目名’ //创建项目npm start 启动可以看到 安装的 react ,react-dom  react-scriipts安装完成后查看package.json   //依赖 配置文件 命令.lock   依赖版本锁定文件(del)进入s...

2018-09-05 21:54:33 350

原创 阿里云服务器白P指南

活动介绍阿里云服务器白嫖活动是11月1号开始活动仅限新用户参与。推荐 购买三年 174,我返现60元,相当于自费 114,这里非常推荐一次性购买三年(搞计算机的一般都会用得上的),不然明年续费就要1000多元了,能最大化利用新人优惠就这次了,基本白嫖流程通过专属链接注册或者登陆 -> 选择自己的想要的服务器 -> 支付 -> 填写表单等待返现购买链接:云小站_专享特惠_云产品推荐-阿里云(复制到浏览器打开的话,一定要复制完整哦,推荐电脑打开浏览,注意

2021-11-11 16:11:54 622

原创 HTML面试题

HTML5 有哪些新特性? Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义? 如何实现浏览器内多个标签页之间的通信? ⾏内元素有哪些?块级元素有哪些?空(void)元素有哪些?⾏内元 素和块级元素有什么区别? 简述⼀下src与href的区别? cookies,sessionStorage,localStorage 的区别? HTML5 的离线储存的使用和原理? 怎样处理 移动端 1px 被 渲染成 2px 问题? 浏览器是如何渲染页面的? iframe 的优缺点? Can

2021-06-16 17:34:20 148

原创 堆?堆排序 排序算法之堆排序

什么是堆?堆是一颗完全二叉树 堆分为 最大堆和最小堆 最大堆父节点都大于子节点, 最小堆父节点都小于子节点 左子节点: 2*i +1 (i: 父节点index) 右子节点: 2*i+2堆排序利用最大堆实现升序, 最小堆实现降序. 因为最大堆的根父节点一定是最大的, 让它和队尾元素互换, 然后在从堆中排除最后一个元素, 并复原最大堆. 循环 n-1次.关键在于构建最大堆最大堆的构建过程最后 每次都找到最大得时间复杂度: O(n*log(...

2021-04-23 10:36:35 88

原创 call,apply,bind实现原理

共同点JavaScript中的每一个function对象的原型上都会有call,apply和bind方法.都是用于改变函数运行时上下文,最终的返回值是你调用的方法的返回值,若该方法没有返回值,则返回undefined。call()自己封装 call()的理解 B.call(A, args1,args2)unction.prototype.myCall = function(context){ console.log(context) // ...

2021-04-16 10:44:55 113

原创 cookie和session的区别

基本概念cookie Cookie是访问某些网站以后在本地存储的一些网站相关的信息,下次再访问的时候减少一些步骤。sessionsession是存在服务器的一种用来存放用户数据的类HashTable结构。区别 (前四点比较重要)1.存储位置不同cookie的数据信息存放在本地。session的数据信息存放在服务器上。2.存储容量大小不同cookie存储的容量较小,一般<=4KB。session存储容量大小没有限制(但是为了服务器性能考虑,一般不能存放太...

2021-04-15 11:02:05 1009

原创 2021-04-14 react vue 跨域 解决

浏览器存在同源策略(所谓同源是指:“域名”、“协议”“端口”均为相同)vue 解决反向代理(Reverse Proxy) config 文件 proxyTable: { '/api': { //使用"/api"来代替"http://192.168.2.189:8080" target: '', // 请求跨域的接口 changeOrigin: true, //改变源 pathRewrite: { ...

2021-04-14 11:16:52 167

原创 get和post 的区别

1 概念上GET的语义是请求获取指定的资源。GET方法是安全、幂等、可缓存的(除非有 Cache-ControlHeader的约束),GET方法的报文主体没有任何语义。POST的语义是根据请求负荷(报文主体)对指定的资源做出处理,具体的处理方式视资源类型而不同。POST不安全,不幂等,(大部分实现)不可缓存。为了针对其不可缓存性,有一系列的方法来进行优化,以后有机会再研究(FLAG已经立起)。2 使用中GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。3 安全性..

2021-04-12 17:58:43 108

原创 useEffect,useState 基本用法

import {useEffect,useState} from "react"export const SearchPanel = () =>{ const [param,setParam] = useState({ name:'', personId:'' }) const [users,setUsers] = useState([]) const [list,setList] = useState([]) .

2021-04-12 02:18:42 1033

原创 json-server 用法

npm i json-server -g安装之后创建db,json 文件命令json-server --watch db.json配置命令scripts 中配置"json-server" : "json-server __json_server_mock/db.json --watch"

2021-04-12 01:59:46 107

原创 2021-04-11 jira 任务管理系统 react  ts  配置 Prettier3

"baseUrl": "./src",在tsconfig 配置路径 绝对路径 在src 下配置代码格式化 工具Prettieryarn add --dev --exact prettier配置文档https://prettier.io/docs/en/install.html然后遇到 Cannot find module \mrm-task-lint-staged就全局安装一下npm install -g mrm mrm-task-lint-...

2021-04-12 00:24:14 261

原创 2021-04-11 jira 任务管理系统 react  ts  项目创建及其目录对应的含义 2

项目创建命令npx create-react-app jira --template typescript目录 注释src 目录app.test.tsx 页面内容react-app-env.d.ts Tyscript 的类型reportWebVitals 埋点上报setup 配置单元测试public 目录index 打包的主页面manifest.json 配置pwa 的加载情...

2021-04-11 23:02:06 190 1

原创 2021-04-11 jira 任务管理系统 react  ts  项目基本概述1

react ts 项目创建jira 任务管理系统jwt 登录注册 项目列表 项目详情 项目编辑删除 任务列表 任务排序 看板列表 看板排序项目主角 技术栈react react-hook tsreact querycss in js乐观更新react 17 TypeScript4jsx state 事件处理 等必备知识状态提升 组件解耦 组合refs 转发高阶组件render Props错误边界hooksu...

2021-04-11 22:16:35 260

原创 RESful Api 的面试题回答

REST是“REpresentational State Transfer”的缩写,可以翻译成“表现状态转换”,但是在绝大多数场合中我们只说REST或者RESTful。 REST在我看来是一种很笼统的概念,它代表一种架构风格。“面向资源的架构(ROA: Resource Oriented Architecture)”。 所以我们明白了,所谓 RESful Api 是一种设计Api 的架构。 一、协议 API与用...

2021-04-09 18:54:38 161

原创 DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

(1)创建新节点      createDocumentFragment()    //创建一个DOM片段      createElement()   //创建一个具体的元素      createTextNode()   //创建一个文本节点(2)添加、移除、替换、插入      appendChild()      removeChild()      repla...

2018-09-27 17:49:52 245

原创 js 基本概念

Javascript作用链域? 理解变量和函数的访问范围和生命周期,全局作用域与局部作用域的区别,JavaScript中没有块作用域,函数的嵌套形成不同层次的作用域,嵌套的层次形成链式形式,通过作用域链查找属性的规则需要深入理解。 什么是闭包(closure),为什么要用它? 简单的理解是函数的嵌套形成闭包,闭包包括函数本身已经它的外部作用域 使用闭包可以形成独立的空间,延长变量的生...

2018-09-27 17:47:49 142

原创 17、请实现如下功能

 function setcookie(name,value,days){  //给cookie增加一个时间变量  var exp = new Date();   exp.setTime(exp.getTime() + days*24*60*60*1000); //设置过期时间为days天  document.cookie = name + "="+ escape (value...

2018-09-27 17:36:03 129

原创 JS中的简单继承 call方法!

function Parent(name, money){            this.name = name;            this.money = money;            this.info = function(){                alert('姓名: '+this.name+' 钱: '+ this.money);           ...

2018-09-20 16:20:13 1521

原创 js(4)

BOM对象有哪些,列举window对象?1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;2、document对象,文档对象;3、location对象,浏览器当前URL信息;4、navigator对象,浏览器本身信息;5、screen对象,客户端屏幕信息;6、history对象,浏览器访问历史信息;请问代码实现 outerHTML ...

2018-09-20 16:20:04 150

原创 如何在HTML中添加事件,几种方法?

1、标签之中直接添加 onclick="fun()";2、JS添加 Eobj.onclick = method;3、绑定事件  IE: obj.attachEvent('onclick', method);            FF: obj.addEventListener('click', method, false); ...

2018-09-20 15:20:31 5310

原创 js(3)

var str='asdjdfskjksjdkkf'; var json={} for(var i=0;i&lt;str.length;i++){ if(!json[str.charAt(i)]){ json[str.charAt(i)]=1 ...

2018-09-20 15:19:54 301

原创 js面试题(1)

   已知ID的Input输入框,希望获取这个输入框的输入值,怎么做?(不使用第三方框架) document.getElementById(ID).value希望获取到页面中所有的checkbox怎么做?(不使用第三方框架)var domList = document.getElementsByTagName(‘input’)var checkBoxList = [];var ...

2018-09-11 11:43:36 436

原创 Worker继承Person的方法

//使用构造函数+原型的组合模式function Person( age, name ){ this.age = age; this.name = name; } Person.prototype.show = function(){ alert('父级方法'); } function Worker(age,name,job){ Person.apply( t...

2018-09-11 08:52:37 729

原创 js 面向对象

基本的数据类型js的数据类型 原始值  字符串 数字 布尔   null undefined    数组 对象 创建对象关键字(new)  var obj=new Object()2对象字面量(1)var obj1={}(2)嵌套字面量var obj3={name:'bob',age:29,todo:function(){console....

2018-09-10 21:28:00 86

原创 js 常用

3种强制类型转换和2种隐式类型转换?强制(parseInt(),parseFloat(),Number())隐式(== ,!!)split() 、join()前者是切割成数组的形式,后者是将数组转换成字符串 数组方法pop() push() unshift() shift()push()尾部添加 pop()尾部删除unshift()头部添加 shift()头部删除...

2018-09-08 19:46:09 80

原创 Html5 Css3不得不知的知识点

css有个content属性吗?有什么作用?有什么应用? css的content属性专门应用在 before/after 伪元素上,用来插入生成内容。最常见的应用是利用伪类清除浮动。 //一种常见利用伪类清除浮动的代码 .clearfix:after {     content:"."; //这里利用到了content属性     display:block;     ...

2018-09-08 12:06:27 141

原创 新的 HTML5 文档类型和字符集是

HTML5文档类型:&lt;!doctype html&gt; HTML5使用的编码&lt;meta charset=”UTF-8”&gt;

2018-09-07 22:37:54 1405

原创 什么是响应式设计?

低成本实现一套代码一个网页在多终端多设备下访问达到一定用户体验的开发方式。其布局会根据终端情况自适应调整达到一定水平的用户体验。媒体查询...

2018-09-07 22:37:04 1063

原创 你如何对网站的文件和资源进行优化?

文件合并文件最小化/文件压缩使用CDN托管缓存的使用

2018-09-07 22:36:07 92

原创 如何实现浏览器内多个标签页之间的通信?

调用 localstorge、cookies 等本地存储方式

2018-09-07 22:34:47 205

原创 本地存储(Local Storage )和cookies(储存在用户本地终端上的数据)之间的区别是什么?

Cookies:服务器和客户端都可以访问;大小只有4KB左右;有有效期,过期后将会删除;本地存储:只有本地浏览器端可访问数据,服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器;每个域5MB;没有过期数据,它将保留直到用户从浏览器清除或者使用Javascript代码移除...

2018-09-07 22:34:00 5760

原创 html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

新特性:1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section)3. 音频、视频API(audio,video)4. 画布(Canvas) API5. 地理(Geolocation) API6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢...

2018-09-07 22:32:03 723

原创 CSS3有哪些新特性?

1. CSS3实现圆角(border-radius),阴影(box-shadow),2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜4. 增加了...

2018-09-07 22:30:02 3824

原创 行内元素跟上面的元素距离10px,加margin-top和padding-top可以吗?

margin-top,padding-top无效

2018-09-07 22:28:34 1503

原创 b标签和strong标签,i标签和em标签的区别

后者有语义,前者则无。

2018-09-07 22:26:27 1904

原创 css属性可以继承

可继承    font-size font-family  color ul li dl dd dt不可继承    border   padding     margin width  height  

2018-09-07 08:48:26 80

原创 css盒子模型

在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式: 内容、内边距、边框、外边距。   在 CSS的标准盒子模型中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 IE盒子模型中,width 和 height 指的是   内容区域+border+padding    的宽度和高度。...

2018-09-06 21:54:30 95

原创 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

(1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素。  (2)行内元素有:a b span img input select strong(强调的语气) 块级元素有:div ul ol l...

2018-09-06 21:51:39 2418

空空如也

空空如也

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

TA关注的人

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