自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小白学习ajax

HTTP学习1.概念1.客户端与服务器超本文无状态传输协议2.http默认端口803.https 默认端口 4432.请求方法1.options:测试有哪些方法可以用2.get:获取服务信息3.Post: 修改与更新,新增服务器信息4.put:新增5.delete:删除6.head 只返回头信息7.trace:回显头信息,用来测试8.connect: 管道形式连接3.请求过程建立tcp连接 客户端发送请求头+请求体 服务器响应请求头+请求体 ,关闭tcp连接 客户端

2020-08-25 20:43:58 14162 136

原创 vue的hash值原理,也是table切换。

我希望大家敲一遍<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .pages>div{display: none;} </style> </head> <body> <p> <a href="#/">aaa</

2020-11-18 19:53:38 3772 30

原创 了解before和after的作用,就会懂了.clearfix:after清除浮动的作用

第一种样式设置当在一个元素里添加span,想要设置css样式,需要重新命名再设置css样式,才会达到效果,比较麻烦<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> span:nth-of-type(1){ border: 1px solid red; } span:

2020-11-18 19:22:59 4915 66

原创 我寻找的call、apply和bind方法的用法以及区别

call、apply、bind的作用是改变函数运行时this的指向,所以先说清楚this。以下是函数的调用方法:方法调用模式:当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象。 var a = 1 var obj1 = { a:2, fn:function(){ console.log(this.a) } } obj1.fn()//2

2020-11-05 21:52:54 833 2

原创 寻找的JavaScript中判断对象类型的几种方法总结

我们知道,JavaScript中检测对象类型的运算符有:typeof、instanceof,还有对象的constructor属性:**1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串。**如:“number”,“string”,“boolean”,“object”,“function”,“undefined”(可用于判断变量是否存在)。 但 typeof 的能力有限,其对于Date、RegExp类型返回的都是"object"。如:typeof {}; // "

2020-11-05 20:59:45 651

原创 程序员必须要会的git配置密钥(私钥、ssh、公钥)

1.本地安装好git;2.桌面右键 Git Bash Here 打开git命令行;3.ssh-keygen -t rsa -C “[email protected]” (全部按enter);4.cd ~/.ssh (如果没有执行第三步,则不会有这个文件夹);5.cat id_rsa.pub 在命令行打开这个文件,会直接输出密钥;6.复制,打开github ,点自己头像 >> settings >> SSH and GPG keys >>

2020-11-05 19:18:21 627

原创 我的总结----javascript 常用全局方法

1.window.alert() 警告框window.alert() 方法是在页面中弹出一个带有指定消息和一个确认按钮的警告框。window 是一个窗口对象,包含了很多方法。alert() 是window对象中的一个方法。() 警告框中显示的消息(文本内容)。window对象是一个全局对象,使用该对象的方法时可以将window省略。例如:alert('hello world');2.window.document.write() 文本页面输出window 是一个窗口对象,包含了很多方法

2020-11-04 23:44:46 223 12

原创 我的--笔记Cookie总结

我的–Cookie总结Http协议是无状态的,主要是为了让HTTP协议尽可能简单,使得它能够处理大量事务。HTTP/1.1引入Cookie来保存状态信息Cookie是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上,通常,它用于告知服务器两个请求是否来自于同一个浏览器。如保持用户的登陆状态。一、用途1.会话状态管理(如用户登陆状态、游戏分数或者其他需要记录的信息)2.个性化设置(如用户自定义设置、主题等)3.浏览器行为跟踪(跟踪分析用

2020-11-04 23:10:32 1084 1

原创 案例-VUE组件访问---父组件访问子组件---子组件访问父组件

父组件访问子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <cpn></cpn> <cpn></cpn> <my-cpn></

2020-10-24 11:27:19 136

原创 案例之高阶函数

一:普通的for循环通过这个素组有三个需求//1.需求:取出所有小于100的数字 const nums = [10,20,111,222,444,40,5] let newNums = [] for(let n of nums){ if(n<100){ newNums.push(n) } }//2.将所有小于100的数字进行转化: 全部*2 let new2Nums = [] for(let n of newNums)

2020-10-20 09:39:21 2468 34

原创 案例之-块的作用域

一:ES5 var作用域//ES5中的var是没有块级作用域的(if/for)//ES6中的let是有块级作用域的(if/for)// 1.变量作用域:变量在什么范围内是可用.{ var name = 'why'; console.log(name); } console.log(name); //不管在{ }里面,还是在外面都可以调用二:ES5 var作用域//2.没有块级作用域引起的问题: if的块级var func; if(true){

2020-10-14 19:53:08 5524 59

原创 案例了解之源生ajax

案例一<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button" > 添加一张图片</button> <script type="text/javascript">

2020-10-13 20:45:27 323 2

原创 浏览器窗口了解

浏览器窗口和滚动条// wrap.clientWidth显示区域的宽// wrap.offsetWidth 边框+滚动条+显示区域宽// wrap.scrollWidth 内容实际的宽<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .wrap{ height: 200px;

2020-10-12 09:40:06 554

原创 let变量和const常量的简单了解

//let 是变量,可以更改变量名 let name = 'why' name = 'kobe' //重新命名//const 是常量量,不可以更改变量名 const name = 'why' name = 'kobe' //一改就会报错 // var没有作用域 ,有缺陷。

2020-10-10 17:03:01 165

原创 浏览的vue动态组件设计原则

对于已经掌握基本的组件设计并且想要提高自身的组件设计能力的开发者,我认为以下 8 � 项是我认为值得去注意的,当然这并不是组件设计的全部。层次结构和 UML 类图扁平化、面向数据的 state/props更加纯粹的 State 变化低耦合辅助代码分离提炼精华及时模块化集中/统一的状态管理请注意,代码示例可能有一些小问题或有点人为设计。但是它们并不复杂,只是想通过这些例子来帮助更好的理解概念。层次结构和类图应用内的组件共同形成组件树, 而在设计过程中将组件树可视化展示可以帮助你全面了解应

2020-09-29 20:38:33 278

原创 复习递归和拷贝案例

//递归就是函数自己调用自己 //递归的重要因子,递归的结束条件 function say(n){ if(n==0){return}//当n = 0 的时候递归结束 alert("你好") n--;//让n-- say(n); } say(5);//不用for循环求出1-3的和 function sum(n){ if(n==1){return 1}; return n + sum(n-1); } alert(sum

2020-09-27 17:58:45 4600 34

原创 我的webpack笔记

一:定义1.前端项目模块打包器2.生成依赖关系htmlcssjs图片(资源)3.自动化压缩…二:核心概念1.入口entry2.出口output0.1filename文件名称0.2path文件路径3.loader加载器0.1 test 处理哪些文件0.2 use 使用哪些loader加载器0.3 让webpack 拥有处理 打包非js文件的能力4.plugin插件使用步骤:1.安装 2. require导入 3. new 实例化让webpack在打包运行过程中

2020-09-23 17:49:42 262

原创 收集的Css面试题

推荐题库网址:https://github.com/FEGuideTeam/FEGuide/tree/master/css%E9%97%AE%E9%A2%98第1题 ## 显示:无;与可见性:隐藏;的区别相同:两者都能让元素不可见区别: 1. 显示:无;不会造成元素完全从渲染树中消失,渲染的时候不重叠任何空间;可见性:隐藏;不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见 2. 显示:无;是非继承属性,子孙继承消失由于元素从渲染树消失造成,通过修改子孙例程属性无法显示;可见性

2020-09-11 21:57:11 612 19

原创 收集的Vue面试题

VUE题库推荐网址:https://github.com/FEGuideTeam/FEGuide/blob/master/%E6%A1%86%E6%9E%B6/vue.md第1题 ## 什么是 mvvm? 1. MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Mo

2020-09-11 20:57:09 410 20

原创 收集的面试题 js面试题

第1题:JavaScript 由以下三部分组成: ECMAScript(核心):JavaScript 语言基础 DOM(文档对象模型):规定了访问 HTML 和 XML 的接口 BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法第2题JS 的基本数据类型和引用数据类型 基本数据类型:undefined、null、boolean、number、 string、symbol 引用数据类型:object、array、function...

2020-09-11 16:25:28 5065 59

原创 对手机端的概念

总结1.英寸大概2.54cm5.5英寸 对角线2.像素图像最小的不可分割单元3.分辨率01:720X128002:750X1334横向容纳750个像素点纵向容纳1334个像素点4.ppi01:pixcel per inch像素每英寸02:每英寸像素点的数量电子设备 72打印小文件 300宣传栏 1500-2005.dpi在手机上 每英寸 容纳的点大小dot per inch6.视网膜屏Retina 屏 dpi (dot per inch) 超过300的屏幕7.

2020-09-10 20:47:55 5843 32

原创 VUE-cli

Vue的cli内容1.mockjs**作用:**拦截ajax,生成随机数据。使用方法:安装npm install mockjs -D导入import Mock from ‘mockjs’const Mock = require(“mockjs”)配置拦截Mock.mock(url,type,{})Mock.mock(url,{})Mock.mock(url,type,function(){return {}})在main.js 导入配置项2.axios作用:1.aja

2020-09-08 19:08:21 3838 12

原创 基础js快速学习

重学jsjavascript数据类型1.值(key,value都存储在栈中)基本类型undefined 未定义String 字符串Number 数字Boolean 布尔Symbol 符号2.引用类型栈中存储 内存地址堆中存储 实际的值Array 数组Object 对象null 空Function 函数typeof1.引用类型函数 Function其他 Object2.undefined 未定义String 字符串Number 数字Boolean 布尔Sym

2020-08-27 19:15:42 5569 28

原创 小白学Vue

vue知识点1.前端框架1.dom操作jquery2.mvvm1.angular指令 服务 依赖注入2.react虚拟dom 组件3.vue虚拟dom 组件 +指令3.mvc1.mModel 模型2.vView 视图3.vmc Ctrl 控制器4.vue1.一款构建前端界面的渐进式 mvvm框架2.特点1.指令(渲染出视图)2.模板(渲染出视图)3.控制器:数据处理:1.当数据发生变化时候 触发模板重新渲染视图2.视图发生变化时会更新数据3.视图V

2020-08-26 17:29:05 5123 29

原创 小白需要知道的IT名词

1.O2O线上利线下例如:美团2.B2B商家对商家例如:1688阿里巴巴3.c2c个人对个人例如:转转咸鱼4.B2C商家对个人例如:京东5.p2p个人对个人理财6.BS架构浏览器与服务架构例如:百度网页7.Cs架构客户端与服务器例如:百度云的pc版8.ToB软件例如: Ding9.toC软件用户直接浏览产品...

2020-08-17 16:21:47 7744 12

原创 小白CSS知识点

一:css三角形的制作<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .span1{ display: block; width: 0; height: 0; border-top: 40px solid red; border-bottom: 40px so

2020-08-14 10:01:24 7180 21

原创 课堂jQuery笔记

课堂jQuery笔记一.Dom操作1.append()末尾插入 $('.box').append($('<h1>Hello World1</h1>'));2.prepend()头部插入$('.box').prepend($('<h1 style="color:red">Hello World1</h1>'));

2020-08-12 09:38:15 6353 20

原创 ES6课堂笔记

2020.8.16ES6学习一:数据类型1.值类型数字:number字符串:string布尔:boolean未定义:undefined2.应用类型数组 Array对象 Object二: 变量声明1.let1.局部变量在一对{ }里面才有效2.不能重复声明3.不会变量声明2.const1.声明的是常亮2.声明必须赋值3.不能被修改4.建议变量名采用大写...

2020-08-11 21:04:56 9868 63

空空如也

空空如也

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

TA关注的人

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