- 博客(66)
- 收藏
- 关注
RSS订阅原创 vue大屏
使用viewport方案和postcss-px-to-viewport插件来实现屏幕适配，主要是为了让你的Vue大屏应用在不同尺寸和分辨率的屏幕上都能良好地显示。最大的父盒子用相对的定位 子盒子全部用绝对定位 一层层往下写盖下去。我本人更习惯 子绝父相。3.然后具体布局内容。
2024-04-15 14:38:45
359
原创 前端面试题-vue
组件中的data写成一个函数，数据以函数返回值的形式定义，这样每复用一次组件，就会返回一份新的data ，类似于给每个组件实例创建一个私有的数据空间。而单纯的写成对象的形式，就使得所有的组件实共用了一份data,就会造成一个遍了全部都会变的结果。（开发中接触的点有动态的移除或添加表单组件显示值不正常，以及element 相同的组件有些配置了一些属性有些没配置会产生影响 ，当发生这种情况的时候给组件加上唯一值Key能解决大部分的问题）实现了内容的分发，提高了组件自定义的程度，让组件变的更加灵活。
2024-04-12 14:12:47
994
原创 前端面试题-vue-MVC和MVVM-VUE常见指令
写在最先，不知不觉更新面试题系列也一个月过去了，在这个过程中查漏补缺良多。也来到了熟悉又不太熟悉的VUE阶段。看这些八股文有用吗，我感觉当然是有用的，扩展自己的思维，当在工作中遇到不会的东西的时候。你虽然不能完全上手，但是你至少知道有这么东西存在，你大概能联想到是这个东西。编程需要天赋这是毋庸置疑的，但是我们也要相信任何东西都是勤能补拙的。既然不是天才，那就和比大多数平凡人去更努力一点吧… 这当然枯燥，但是这也很有趣！
2024-02-02 13:03:19
1379
原创 前妻(C#)-基础03-枚举-预处理指令
在声明一个枚举时，要指定改枚举的实例可以包含的一组可接受的值。不仅如此，还可以给值指定易于记忆的名称，如果在代码的某个地方，要试图把一个不在可接受范围内的值赋予枚举的一个实例，编译器就会报告一个错误。在c#代码中它，没有任何的意义。4.#region 和#endregion 指令用于把一段代码标记为有给定名称的一个块（更好的被编辑器识别）2.枚举可以使代码更清晰，允许用描述性的名称表示整数值，而不是用含义模糊，变化多端的数来表示。1.枚举可以使代码更易于维护，有助于确保给变量指定合法的，期望的值。
2024-02-02 09:39:29
437
原创 前端面试题-网络部分-http和其他协议之间的区别-ajax请求的步骤-XSS,CSRF-http的加密过程- 浏览器缓存
CSRF(跨站请求伪造）是一种挟持用户当前以及登录的web应用程序上执行非本意操作的攻击方法。XSS(跨站脚本)，指的是通过利用网页开发时留下的漏洞，注入恶意指令代码到网页，使用户加载并执行攻击者恶意的网页程序。常见的列如在评论区植入JS代码，用户进入评论网页代码被执行，造成页面被植入广告，账户信息被窃取等。如何防御CSRF攻击1.验证token：浏览器请求服务器时，服务器随机返回一个token，每个请求都需要带上token和cookie才会被认为是合法的请求。
2024-02-01 10:11:49
1256
原创 前端面试题-网络请求-http请求方式-http状态码-url地址到浏览器渲染过程-跨域-请求测试工具-http和https
https:运行在ssl（secure socket layer）上面，ssl运行在tcp上面，是添加了加密和认证机制的http,默认端口443，https的加减密处理消耗更多的CPU和内存资源，还需要证书。get和post本身都是tcp的连接，并无差别。但是由于HTTP规定和浏览器/服务器的限制，导致它们在应用过程中体现出一些不同。http:协议运行在TCP之上，明文传输，客户端与服务器无法验证对方的身份，默认端口80。post:向指定的资源提交要被处理的数据，用于将数据发送给服务器。
2024-01-31 10:25:03
1967
原创 前妻（C#）-基础语法02-流控制
switch条件语句代码如下，需要注意的是case的值必须是常量表达式：不允许使用变量。如果激活了块中靠前的一条case子句，后面的case子句就不会被激活，除非使用goto语句特别标记也要激活后面的case子句。如果该语句放在嵌套的循环中，就要执行最内部循环后面的语句。但它只退出当前循环的迭代，开始执行循环的下一次迭代，而不是退出循环。if条件语句代码如下，需要注意的是在c#中，If子句中的表达式必须等于布尔值。和大多数语言一样C#也有控制程序流的语句，它们不是按代码在程序中的排列位置顺序执行的。
2024-01-31 09:27:59
942
原创 前端面试题-js部分-数组去重-数组扁平化-伪数组转数组-面向对象的继承方式(ES5)
递归就是在运行的过程中调用自己，构成递归需要以下条件。子问题与原始问题为同样的事情且更为简单。不能无限制的调用本身，需要有一个出口，化简为非递归的情况处理。2.es6 flat 函数 （推荐使用）
2024-01-30 11:15:05
727
原创 灰太狼族谱
今天上班刷到视频狼表哥 太好奇狼表哥的名字了 然后一把百度 百度出来了两手族谱 加上自己的总结写了一些。谁懂啊看下来连狼都在优生优育。然后 狼表哥身份有歧义啊！我印象中狼表哥是红太狼的表哥 好像后期剧情又改成灰太狼的我按自己的印象来！还有我们美丽的红太狼女士的初恋小白狼先生忘了加上去来了 大家不要忘记！
2024-01-30 09:59:17
344
原创 前端面试题-js部分-eventloop-promise-纯函数-高阶函数-函数柯里化
而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有序列的有顺序关系。promise是一部编程的一种解决方案，在es6中promise被列为了正式规范，统一了用法，原生提供了promise对象，promise承诺：默认情况下是等待状态pending,如果状态转变为成功就成功了，如果状态转变为失败就是失败了。是指把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且单号结果的新函数的技术。同步：上一个任务没有执行完，下一个任务不能开启。
2024-01-29 11:51:54
1019
原创 前端面试题-深拷贝浅拷贝-浏览器存储-原型链-闭包-call,bind,apply的区别
浅拷贝只是拷贝一层，更深层及的对象级别只是拷贝出来引用，不拷贝地址，两者属性值指向同一内存空间。简单来讲，就是改变其中一个对象，另一个对象也会跟着改变。深拷贝，拷贝对象各个层级的属性。简单来讲，就是复制出来的每个对象都有属于自己的内存空间，不会互相干扰。实现深拷贝 （这个一般VUE里面有个内置的模块loadsh 很好用和这个深拷贝 用的都是这个 但是下面也会沾一个深拷贝的代码）return obj;[] : {};
2024-01-26 11:16:56
932
原创 前端面试题-js-new关键字-this指向-js事件流-防抖节流
使用事件冒泡原理，自己所触发的事件，让其父元素代为执行例如：富文本解析在不改变富文本内容的情况下给图片实现点击放大预览效果 可以把事件给到解析富文本的那个盒子 然后通过event 去判断点击是不是图片 再进行下面的事件处理。
2024-01-25 14:41:12
540
原创 C#-前后端分离连接mysql数据库封装接口
然后新建 文件夹 Common 并新建类文件 名字任意 文件内容如下 因为要连接的是mysql数据库 所以需要安装 MySql.Data.MySqlClient 依赖;然后在系统自带的Controllers文件夹上新建 api控制类 文件代码如下。然后需要改一点系统自带的文件Program.cs 标红的部分代码添加进去。然后新建 Models 文件夹 并新建类 类名任意 文件内容如下。然后运行项目 API 文档和测试文件。新建项目 如下图所示选择框红的项目。
2024-01-25 13:34:26
971
2
原创 前端面试题-js数据类型-怎么判断是对象还是数组-字符串常用方法-数组常用方法
4.Object.prototype.toString.call(arr) 把对象转换成一个字符串和已知对象去对比。2.值类型只能单纯的存储值，如整型，字符串等。而引用类型可以存储对象的堆地址，可以使多个变量指向同一个对象。1.值类型内容长度固定，保存值的存在范围，引用类型内容长度不固定，可以存储不定长度的数据。1.Array.isArray(要检测的值) 是数组返回true 不是数组返回false。一般说的JS的数据类型是前7个 7中数据类型 后两种也有归属于object的说法。
2024-01-24 11:36:10
1241
原创 ES6笔记-symbol
symbol.for()不会每次调用就返回一个新的symbol类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。这也就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种是新增的Symbol类型。Symbol值不是对象，所以也不能添加属性。由于每一个symbol值都是不相等的，这意味着只要symbol值作为标识符，用于对象的属性名，就能保证不会出现同名属性。Symbol（）函数的参数只是对当前Symbol值的描述，因此相同参数的Symbol函数返回值是不相等的。
2024-01-23 10:58:24
613
原创 前端面试题-(浏览器内核，CSS选择器优先级，盒子模型，CSS硬件加速，CSS扩展）
层爆炸，由于某些原因肯呢个导致大量不在预期内的合成层，虽然哟浏览器的层压缩机制，但是也有跟多无法进行压缩的情况。简单直接的方式：食堂3D硬件家岁提升动画性能时候，最后给元素增加一饿z-index属性，人为干扰合成层的顺序，可以有效的减少创建不必要的合成层，提升渲染性能。双飞翼布局：为了中间div内容不被遮挡，直接在中间div内部创建子div用于放置内容，在该子div里用margin-left和margin-right为左右两栏div留出位置（放大浏览器不会变形）他俩的区别就是一个往外撑一个往里挤的区别吧。
2024-01-23 10:37:47
1475
原创 vue项目能正常启动但是打包报错
这个错怎么说呢 一般是不会发生的 发生这个错误的原因也非常的抽象 是手误的原因。public文件夹下的index.html文件 问题就出在这里 解析东西 插入东西发生了失败。能正常的跑应该是浏览器或者跑的那个服务有个校准或者忽略的功能 但是打包的确没有。图上是页面注意看框起来的 不小心删了一个结束标签 引发了这一系列的错误 补上就能解决这个报错。项目执行npm run serve/dev的图一点影响没有 跑起来之后页面也非常的正常。然后就来到了打包环境 执行打包命令。
2024-01-22 13:21:33
591
原创 前端面试题-(BFC，前端尺寸单位，网站页面常见的优化手段)
BFC的布局规则是内部的box会在垂直方向上，一个接一个地放置，BOX垂直的方向的距离由margin决定，属于同一个BFC的两个相邻的BOX的margin 会发生重叠。在布局中，BFC的应用场景包裹清楚盒子垂直方向上外边距合并和解决子元素设置成浮动元素时产生的父元素高度塌陷的问题。所谓的塌陷即是较大的margin 会覆盖较小的margin 上下方向的两个盒子中间只有一个较大的margin值(本来应该是2+1 变成2 )。4.把子元素的margin 改成父元素的padding。父子的margin塌陷。
2024-01-22 11:50:25
600
原创 webpack
当webpack处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图，然后将你项目中所需的每一个模块合成一个活多个的bundles，他们均为静态资源，用于展示你的内容。webpack只能理解js和json文件，这是webpack开箱可用的自带能力.loader让webpack能够去处理其他类型的文件，并将他们转换为有效模块，以供程序使用，以及被添加到依赖图中。（webpack配置的可扩展是指，这些配置可以重复使用，并且可以与其他配合使用的一种流行技术，用于讲关注点从环境，构建目标，运行时中分离。
2024-01-19 14:25:43
666
原创 前端面试题-（W3C标准，重绘，回流 ，CSS伪类）
1.结构化标准语言：主要败局哦XHTML和xml .Xhtml是一种基于xml的标记语言，用于创建和组织网页内容。具有更好的可读性和维护性。xml则是一种用于描述和传输数据的标记语言，具有可扩展性和灵活性。被广泛应用于web服务，数据存储和配置文件等领域。2.表现标准语言：主要包括css。css是一种用于控制网页样式和布局的标记语言，通过选择器和属性来定义元素的外观和行为。可以实现网页的美化和响应式设计，使得网页可以适应不同的屏幕尺寸和设备类型。W3C标准主要包括一下几个方面。
2024-01-19 14:12:49
841
原创 node.js 实现文件上传 和图片映射 文件下载(multer)
Muter是一个node.js中间件。主要处理multupart/from-data类型的表单数据，常用于上传文件。在express.js应用中，multer使得上传文件变得更加简单。主要功能是将客户端上传的文件存储在服务器的本地文件系统中。它还添加了一个body对象以及file或files对象到express的请求对象中去。用这个首先当前Node下要有图片存储目录的那个文件夹的 然后普通的把js文件跑起来。上图为文件上传成功截图。
2024-01-19 09:47:09
451
原创 前端面试题-CSS3新增特性
flex-direction属性指定了弹性子元素在父容器中的位置1.row:横向从左到右排列（左对齐），默认的排列方式2.row-reverse：反转横向排列（右对齐），从后往前排，最后一项排在最前面3.colum：纵向排列4.colum-reverse：反正纵向排列，从后往前排列，最后一项排在最上面。
2024-01-18 15:02:31
1208
原创 前端面试题-html5新增特性有哪些
canvas具有灵活性，高性能，跨平台等优点。2.渲染方式: canvas使用的是像素渲染的方式，这意味着它适合于绘制复杂的，由像素构成的图像。4.文件大小：由于canvass使用的是像素渲染的方式，所以在同样的显示效果下,canvas需要更多的存储空间.svg一般都比较小。5.可编辑性 :canvas通过Js进行绘制，一旦绘制完成就很难直接编辑，而svg的图像是xml格式的,可以直接编辑和修改。1.autoplay:此属性允许音频在也加载完成后自动播放，需要注意的是，不是所有的浏览器都支持此属性。
2024-01-17 16:30:17
1193
原创 vue-quill-editor 图片放大缩小 及富文本解析 放大图片预览
v-html绑定的盒子给一个点击事件然后通过那个e能拿到点击发送的标签 然后通过里面的属性可以让我们知道点击的标签是什么 还能从这个对象身上拿到目标的src js真的yyds。解析的话 就普普通通v-html 然后问题是这个图片放大 一开始想了一个很复杂的方式 然后因为太复杂了没去试验。然后项目跑起来你会发现 报错了 不要慌 配置一下vue.config.js 有用的只有图片标红的地方。底层原理不知道 但是看起来是通过给img标题添加width 和height实现的。巴阿这是上一篇博客的标题。
2024-01-16 17:16:07
686
原创 node.js笔记
回调函数在完成任务后会被调用，node.js使用了大量的回调函数,node所有的api都支持回调函数。2.node.js里面的许多对象都会分发事件：一个net.server对象会在每次有新连接时触发一个事件，一个fs.readStream 对象会在文件被打开的时候触发一个事件，所有产生事件的对象都events.eventemitter实例。node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有时间发生就调用该回调函数。
2024-01-16 10:54:09
1525
原创 vue 前端等比例压缩图片(再转换成文件后上传后端)
压缩完之后 再将base64 转成blbo再转成文件然后再上传 一生要强的前端崽子（后端不支持base64上传） 自己改吧改吧。前端压缩图片总的来说还是转base64 然后等比例放小宽和高 这个是上次压缩图片的一个扩展。
2024-01-09 15:22:34
1247
原创 vue 组件之间通信的方式
2.子向父版 父组件设置自定义方法并绑定接收的方法 子组件触发方法。1.父向子版 父组件设置自定义属性 子组件props接收。
2024-01-08 16:20:49
492
原创 vue vue-quill-editor 富文本编辑器 （图片问题）+拦截粘贴动作 将粘贴的图片上传服务器 + 一个页面渲染多个富文本编辑器（使用场景循环遍历 个数不定）
富文本编辑器默认的方式是图片转成base64 但是这个一张图片可能就把后台的默认字符长度占满了 所以需要先服务端上传图片的方式 代码如下。封装组件的方式应该复制了是能直接使用的。
2024-01-05 13:06:45
758
原创 vue icon 本地正常 线上打包失败变乱码
出现这个原因是因为sass解析的问题 Node版本高的话可以通过升级sass版本 并且配置vue.config规避这个问题。
2024-01-03 14:02:06
509
原创 vue js-table2excel + xlsx 文件导入导出 （导出包含图片）
如果做文件的小批量导出不用转换base64 直接用http url即可 文件量或者图片过大可能会出现加载失败的情况 避免这个问题 是跑all方法去请求url资源转换成base64 再渲染就能够全部导出 转base64的时候做了一个图片压缩 不需要的可以去掉。代码中掺杂着文本匹配Id 的逻辑 不需要的可以忽略 #@是个人习惯 可以换成别的 表格头文本描述和字段值的分隔符。需要安装以下这两个依赖包 js-table2excel 用于文件导出 xlsx 用于文件导入。
2024-01-03 13:52:14
1061
原创 vue 中使用three.js 性能优化
关于性能优化的地方啊 其实这里面已经做了一个 就是那种重复的模型 不要用几次加载几次啊 加载一次就行了 然后改一下模型的位置啥的 还有就是就是那种大模型如果有重复的很多块的话可以拆开一下 （此做法前端定位会麻烦一些）然后再需要使用three.js的页面。npm i 这些包自己装一下。首先安装three.js环境。容器，相机，场景，光源。最后渲染器和相机控制的东西。
2023-08-08 10:34:21
249
原创 node.js 学习笔记
这个模型的可扩展性非常得强，因为sebserver一直接受请求而不等待任何的用户读写操作（这也称之为非阻塞式IO或事件驱动IO）在事件驱动模型中，会生成一个主循环来监听事件，当检测到事件时触发回调函数。node.js里面的许多对象都会分发事件；node.js单线程类似进入一个while（true）的事件循环，直到没有时间观察者退出，每个异步事件都生成一一个事件观察者，如果有事件发生就调用该回调函数。阻塞是按顺序执行的，而非阻塞是不需要按顺序的，所以如果需要处理回调函数的参数，我们就需要写在回调函数内。
2023-07-27 09:50:11
74
原创 sql 学习笔记
查询语句中你可以使用一个或多个表，表之间使用逗号逗号(,)分割,并使用where语句来设定查询的条件，可以使用limit属性来设定返回的记录数 可以通过offset指定select语句开始查询的数据偏移量 默认情况下偏移量是0。这标识写入的资料必须完全符合所以的预设规则，这包含资料的精确度，串联性以及后续数据库可以自发性的完成预定的工作。SQL 是用于访问和处理数据库的标准的计算机语言 是用于管理关系数据库管理系统rdbms SQL的范围包括数据插入，查询，更新和删除，数据库模式的创建和修改。
2023-07-27 09:48:40
100
原创 html dom 学习笔记
web存储api提供了sessionstorage（会话存储）和loacalstorage（本地存储）两个存储对象来对网页的数据进行添加，删除，修改，查询操作。sessionstorage 用于临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后将会删除这些数据。11.getSelection 返回一个selection对象，标识用户选择的文本范围或光标的当前位置。localstorage 用于长久的保存郑哥网站的数据，保存的数据没有过期时间，直到手动去除。同级的子节点被称为同胞。
2023-07-27 09:48:01
59
原创 2023.4.18 想起来记一下笔记
/除了指示该元素不是鼠标事件的目标之外，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。1.给页面添加水印 用css的穿透样式。3.el-iamge 图片预览。3.两个时间选择框互相限制。2.页面元素平滑滑动。
2023-04-18 13:36:28
52
原创 vue 项目前端导出word文档
手打的可能不太对 然后第一个建议装3.5 不然后面会有报错（我出现了 不知道大家会不会出现）然后就是我们的代码了 我就不分开截图了 全丢的一起 不出意外的话 应该拿过去能直接跑的。我的使用环境是 表格里面有图片。首先安装以下的结构包分别是。
2023-04-12 14:38:15
393
3
原创 WebSocket 前端demo node.js 加vue
websoket使得客户端和服务端的数据交换变的更加的简单。允许服务端主动向客户端推送数据，在websoket api中，浏览器和服务器值需要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道。浏览器通过该Js向服务器发出建立websocket连接的请求，连接建立以后，客户端和服务端就可以挺高tcp连接直接交换数据，当你获取webscoket连接以后，可以通过send方法向服务器发生数据。websoket能更好的节省服务器资源和宽带，并且能够更实时地进行通讯。node.js搭建简单的服务端。
2023-04-03 09:37:00
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人