不爱学习的nnz-优快云博客

原创前端的本质

由于前端技术飞速发展，需要不断学习和掌握新的前端框架、库和工具。同时，前端开发还涉及到对不同的浏览器和设备的兼容性处理，以及面对不同的网络条件和性能要求进行优化。逐步地从浏览器兼容->前端开发也逐渐走向复杂化和规模化，前端的难点逐渐转向复杂应用的管理问题。针对浏览器开发，浏览器呈现出来的页面就是前端：逻辑+UI展示，实质是前端代码在浏览器被编译、运行、渲染。● 狭义的前端：与js、css、html相关的应用软件中的展示和用户交互层开发技术。● 广义的前端：前端是跨平台的应用开发技术。

2025-01-03 17:11:09 210

原创 CSS常考面试题

文章目录1.盒模型2.margin合并3.margin负值问题4.BFC5.圣杯布局 1.盒模型 <style> #box { width: 200px; padding: 10px; margin: 10px; border: 1px solid #ddd; } </style> </head> <body> <div id="box"> 你好 &lt

2023-02-17 14:40:45 687

原创计算机网络之TCP

文章目录运输层定义运输层端口号多路复用和多路分解UDP：用户数据报协议UDP报文段结构TCP：传输控制协议运输层定义 1.前几个层实现了主机到主机的通信，但实际上计算机网络中进行通信的实体位于通信两端的主体中的进程而运输层的任务就是为运行在不同端系统上的应用进程之间提供逻辑通信，所以运输层协议又称端到端协议 2.运输层向高层用户屏蔽了下面网络核心的细节，它使应用进程看起来好像是在两个运输层实体之间有条端到端的逻辑通信信道所以根据应用进程需求的不同，运输层为应用层提供两种不同的运输协议： TCP：

2023-02-17 14:40:44 740

原创 vue基础过滤器-内置指令-生命周期

文章目录一.收集表单案例一.收集表单案例 v-model默认收集input框的value值 radio需要亲自配置value值如果是一个数组框

2023-02-17 14:39:07 519

原创 Vue脚手架运用

文章目录一.脚手架的文件结构二.ref属性三.props配置四.mixin混入五.插件一.脚手架的文件结构需要注意的是：执行完npm run serve 之后直接去运行main.js assets放静态资源，放大家共同享用的资源所有组件都往components里面放唯独App.vue是王者不放里面二.ref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实的DOM元素，应用在组件标签上是组件实例对象（vc）打标识：< h1 ref=“xxx”

2023-02-17 14:38:41 245

原创 ES6笔记

文章目录一.箭头函数二.ES6函数参数的默认值设置三.ES6-Symbol的介绍与创建一.箭头函数 ES6允许使用箭头（=>）定义函数 // 声明一个普通函数 let fn = function(){ } // 声明一个箭头函数，省略function let fn = (a,b) => { return a + b; } // 调用函数 let result = fn(1,

2023-02-17 14:37:16 124

原创 vue组件化编程

vue组件化编程传统的编程方式：学了vue之后，我们需要了解组件是什么组件的定义：实现应用中局部功能代码和资源的集合为什么我们需要组件，因为一个界面功能很复杂，我们可以利用组件复用编码，简化项目编码，提高运行效率什么是模块化：将庞大的js模块化的拆分成多个js文件什么是组件化：应用里面按照功能点拆分的组件 vue中如何定义（创建一个组件）非单文件组件： ...

2023-02-17 14:37:05 285

原创常见的布局方式

浏览器的渲染引擎在对网页文档布局时，会按照css基础盒模型标准，将所有的元素看成一个个盒子，再用css去决定盒子的属性盒模型由四部分组成：Content box: 这个区域是用来显示内容，大小可以通过设置 width 和 height.Padding box: 包围在内容区域外部的空白区域；大小通过 padding 相关属性设置。Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。Margin box: 这是最外面的区域，是盒子和其他元素之间的空白区域。

2023-02-13 23:18:46 493

原创项目git操作

将本地的子分支推送到远程的叫做login的分支里面。要合并哪个分支必须先切到被合并的分支上。合并代码 master代码也变成最新的。将master分支推到远程。将修改文件添加到暂存区。先查看当前项目的状态。将代码提交到本地仓库。

2022-09-25 12:12:25 149

原创数组和字符串操作实例

拿到每一项的H3_INDEX来和ids里的匹配，返回匹配下标，把第一次出现的筛选出来。editLbsFence.value.points是一串字符串。在 `` 中可以使用 ${} 直接把变量和字符串拼接起来。第一个参数为第一项位置，第二个参数为要删除几个。

2022-09-25 12:11:22 175

原创 vue基础

文章目录一.监视属性1.监视属性watch2.深度监视3.监视的简写4.watch对比computed二.绑定样式一.监视属性 1.监视属性watch 当被监视的属性变化时，回调函数自动调用（回调函数是指handler）进行相关操作监视属性必须存在才能监视（必须是属性里面有的）监视属性的两种写法：（1）new Vue时传入watch配置（2）通过vm.$watch监视 1.怎么写监视属性watch： watch:{//监视属性watch isHot:{//监视谁:监视isHot

2022-09-03 11:33:32 160

原创计算机网络之网络层

文章目录1.网络层概述2. 网络层提供的两种服务3.IP地址3.1 IPv4地址概述3.1.1分类编制的IPv4地址 1.网络层概述网络层的主要任务是实现网络互连，进而实现数据包在个网络之间的传输如图所示：这些异构型网络如果只是需要各自内部通信，那他们只要实现各自的物理层和数据链路层即可但是如果需要将这些异构型网络互连起来，形成一个更大的互联网就需要使用网络层互连设备路由器需要说明的是为了简单起见，有时我们可以不用画出这些网络而将他们看做是一条链路即可对于互联网而言仅实现物理层和数据链路层

2022-06-24 15:00:56 888

原创 javaScript实现面向对象的程序设计

面向对象的英文Object-Oriented 俗称OO 面向对象语言有一个标志，他们都有类的概念。通过类可以创建任意多个具有相同属性和方法的对象文章目录对象属性对象属性一.对象Object 对象的定义：无序属性的集合，其属性可以包含基本值，对象，函数。每个对象都是基于基本引用类型创建的创建对象的方法： 1.创建Object对象的实例： var penson1 = new Object() penson1.name = '小米' console.log(pen.

2022-06-24 15:00:22 649

原创 JavaScript引用类型之Object、Function

文章目录引用类型Object类型Function类型引用类型引用类型是什么：是一种数据结构引用类型和对象之间的关系：对象是某个特定引用类型的实例如何创建一个引用类型的实例：使用new操作符后跟一个构造函数来创建（构造函数本身是一个函数，它出现在这里的目的是为了创建一个新对象的目的而定义的）。构造函数为新对象创建了默认的属性和方法 ECMAScript提供了很多原生引用类型例如Object Object类型需要注意的是每一个对象都有其引用类型的默认属性和方法对象名是指向对象类型的指针创建Obje

2022-05-16 21:17:31 382

原创 Vue-组件间通信方式

文章目录组件的自定义事件一.全局事件总线组件的自定义事件自定义事件是给组件用的点击按钮将学校名交给App,实现子组件给父组件传递数据 App.vue 首先先在app.vue里面定义得到学校名字的方法 script> // 引入组件 import School from './components/School.vue' import Student from './components/Student.vue' export default { name:'App', c

2022-03-16 20:08:01 518

原创一篇文章让你了解JavaScript高级

文章目录一.Object(对象）1.对象使用2.属性存在性测试3.如何遍历对象4.对象的引用和复制5.垃圾回收6.对象方法this二.构造函数1.构造函数2.构造器的return三.原型1.构造函数原型prototype2.对象原型__proto__3.constructor构造函数 ES5的时候，我们知道的数据类型是6种：number、 String 、Boolean 、undefind 、Null、object ES6中新增了一种Symbol。这种类型的对象永不相等，即使创建的时候传入相同的值，可以解决

2022-02-11 14:56:12 1003 1

原创基于JavaScript的数据结构之数组

创建和初始化数组方法一：使用new关键字创建数组（用new创建数组并不是好的方式） let daysOfWeek = new Array(); //使用new关键字声明并初始化数组 daysOfWeek = new Array(7); //创建一个指定长度的数组 daysOfWeek = new Array('Sunday','Monday','Tuesday'); //直接将数组元素作为参数传递给他的构造器方法二：在JavaScript中只用中括号形式创建数组就行[ ] let daysOf

2022-02-11 14:54:55 1023

原创 JavaScript之PC端网页特效

文章目录一.元素偏移量offset系列1.offset概述二.元素可视区client系列1.client概述2.立即执行函数三.元素滚动scroll系列属性1.scroll概念2.页面被卷去的头部3.三大系列总结一.元素偏移量offset系列 1.offset概述 offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素位置获得元素自身大小（宽度高度）注意：返回的数值都不带单位 offset系列常用属性： offs

2022-02-06 11:18:22 473

原创 JavaScript之BOM

文章目录一.BOM概述1.什么是BOM2.BOM的构成3.窗口加载事件4.调整窗口大小事件5. 定时器6.this二.JS执行机制1.JS是单线程2.location对象3.location对象的属性4.location对象的方法5.navigator对象6.history对象一.BOM概述 1.什么是BOM BOM（BrowserObject Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供了很对方法

2022-01-26 12:23:56 680

原创 JavaScript之DOM

文章目录一、DOM简介1.DOM树二、获取元素1.根据ID获取2.根据标签名获取一、DOM简介文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式 1.DOM树 DOM把以下内容都看做是对象：文档：一个页面就是一个文档，DOM中使用document表示元素：页面中的所有标签都是元素，DOM中使用element表示节点：

2022-01-25 15:16:15 1048

原创 JavaScript(二）之数组、函数、对象

文章目录数组（Array）数组的创建方式访问数组元素数组的索引遍历数组数组（Array）数组的概念: 可以把一组相关数据一起存放，并提供方便的获取方式什么是数组：数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。 //普通变量一次只能存储一个值 var num = 10; //数组一次可以存储多个值 var arr = [1,2,3,4,5]; 数组的创建方式 JavaScript中创建数组有两种方式：利用new 创建数组 var 数组名 = new Arra

2022-01-19 14:16:17 1439

原创 javaScript基础(一）之变量、数据类型、运算符、流程控制

js基础javaScript简介js三种书写位置js的注释js输入输出语句变量什么是变量声明变量变量语法扩展变量命名的规范性数据类型基本数据类型数字型Number字符类型Undefined和Nulltypeof检测数据类型数据类型的转换转换为数字类型转换为布尔型 javaScript简介 JavaScript是什么 javascript是运行在客户端的脚本语言（script是脚本的意思）脚本语言：不需要编译器，运行过程中由js解释器（js 引擎）逐行来解释并执行现在也可以基于Noode.js技术进行服

2022-01-15 16:57:13 1507 1

qq_47157937的博客