- 博客(78)
- 收藏
- 关注
RSS订阅原创 el-table 根据数据标识设置行背景色
row-class-name这个属性后面配了一个方法 然后这个方法能拿到里面的数据值 可以返回对应的样式 这个样式就会给到对应行上。我们的这个overdue就是标识。
2024-07-26 10:33:17
147
原创 tarojs项目启动篇
这种事情无疑是让人非常之厌恶的它报了一个这样的错误 这个错误的原因是回调函数没有正常的执行 出现这个东西的话 你可以考虑一下 切个网络 重来一遍 因为这个一般发生在你的网络不稳定的情况下好了我们切换了网络 然后它又癫了npm ERR!报错内容如上。
2024-07-25 14:17:35
1042
原创 git 问题解决笔记
4.到了这一步你会离奇的发现你每操作一步git都需要输入用户名密码 这时候执行下一下下面这句代码 问题就能解决了（再输入一次就完事了 后面就不用再一直输入了）3.如果加完还不正常 那把权限加在git文件夹你当前登录的用户上让完全控制 加之前记一下本来的权限 弄完记得恢复 会有弹框输入用户名密码也能拉取代码了。最近办公电脑坏了送去返修 申请了一个备用机 然后忘记了coding.net的密码 重新改了密码 电脑修好之后发现自己本来的项目拉不了代码了 如下。加完了如果正常也结束了。
2024-05-16 11:18:39
406
原创 计算机系统基础知识
计算机系统由硬件和软件组成。1.运算器和控制器被称为中央处理单元（CPU）2.存储器分为内部和外部内部较快3.输入设备和输出设备被合称为外设。
2024-05-15 15:32:27
297
原创 echarts学习笔记
初始化方法里面要绑定容器 ,容器的概念其实就是一个又固定宽高的html节点。当选中一个标签页的时候，其他标签页1的内容在dom中被移除，当用户再选中这些标签页的时候，就会发现图表不见了。图表的宽高默认是绑定节点的宽高。1.颜色可以用一个数组写在配置项外边 然后再配置的时候引入这个数组。上图的这个转换的对数据多少还是有点要求的 觉得看配置项麻烦的话 其实还是可以选择自己硬写的 嘿嘿。版本5点多开始支持这个 ，通过已有的数据集生成新的数据集 特点有很多。数据集的source可以是数组形式也可以是对象数组格式。
2024-05-15 14:50:17
1673
原创 用vue实现json模版编辑器
设想业务逻辑是拖拽控件生成表单 动手做了一个简单的demo 业务的原型图设想如下所示其中使用的技术主要是vuedragger。
2024-05-14 11:50:27
887
1
原创 仿照el-upload 封装自己的上传控件（el-upload 移动端无法吊起相机）
又因为需要对服务端地址图片进行回显 两个功能el-upload都不能很好的支持 所以自己仿照el-upload 做了上传组件的封装。input选择图片的那个选择在h5的时候在去年下半年突然无法无法出现唤醒相机的选项 不知道出现的原因。发现el-upload作为h5的时候无法吊起相机。
2024-05-13 15:08:36
303
原创 echarts树图 改文本显示的地方的样式
其中有一些失败的尝试 forammter 无法识别html元素 所以对于tooptips有用的html元素定义获取返回在这里写的话是不生效的。rich配置项里面的backgroundColor官方说支持 html元素和canvas元素 已经图片url 没有详细试验。树图改文本显示的时候的样式 虽然有点越改越丑。然后下面是试验的代码。
2024-05-13 14:52:37
242
1
原创 PC适配移动端
/ 当前屏幕宽度与最小适配宽度比较。至于字体需要定义一个统一的标准 小屏幕的字号 中屏幕的字号 大屏幕的字号和超大屏幕的字号。// 最小适配的屏幕宽度。移动端不需要显示的页面可以过滤路由 不需要显示的块可以用css隐藏。/* 大屏幕（大桌面显示器，大于等于 1200px） *//* 中等屏幕（桌面显示器，大于等于 992px） *//* 小屏幕（平板，大于等于 768px） */
2024-05-11 15:00:41
457
原创 解决h5在移动端touchend事件不灵敏的问题-hammer.js
如题 在h5页面尝试过程中发现移动端的touchend触摸结束无法正常生效，故而寻找了插件自定义了vue指令已实现需求效果。定义了自定义指令就需要在main.js进行引入，引入代码如下（此为自己本地的路径 具体路径看xxx.js新建在何处）全局注册了指令便可以使用了 使用和普通vue指令一样。本封装方法指令的绑定的是处理事件的方法。在项目中定义xxx.js文件，在文件中引入hammer.js。然后写对应的逻辑代码 xxx.js全部代码如下。首先在项目中安装如下插件。hammer.js 扩展。
2024-05-11 14:37:58
489
原创 vue大屏
使用viewport方案和postcss-px-to-viewport插件来实现屏幕适配，主要是为了让你的Vue大屏应用在不同尺寸和分辨率的屏幕上都能良好地显示。最大的父盒子用相对的定位 子盒子全部用绝对定位 一层层往下写盖下去。我本人更习惯 子绝父相。3.然后具体布局内容。
2024-04-15 14:38:45
493
原创 前端面试题-vue
组件中的data写成一个函数，数据以函数返回值的形式定义，这样每复用一次组件，就会返回一份新的data ，类似于给每个组件实例创建一个私有的数据空间。而单纯的写成对象的形式，就使得所有的组件实共用了一份data,就会造成一个遍了全部都会变的结果。（开发中接触的点有动态的移除或添加表单组件显示值不正常，以及element 相同的组件有些配置了一些属性有些没配置会产生影响 ，当发生这种情况的时候给组件加上唯一值Key能解决大部分的问题）实现了内容的分发，提高了组件自定义的程度，让组件变的更加灵活。
2024-04-12 14:12:47
1047
2
原创 前端面试题-vue-MVC和MVVM-VUE常见指令
写在最先，不知不觉更新面试题系列也一个月过去了，在这个过程中查漏补缺良多。也来到了熟悉又不太熟悉的VUE阶段。看这些八股文有用吗，我感觉当然是有用的，扩展自己的思维，当在工作中遇到不会的东西的时候。你虽然不能完全上手，但是你至少知道有这么东西存在，你大概能联想到是这个东西。编程需要天赋这是毋庸置疑的，但是我们也要相信任何东西都是勤能补拙的。既然不是天才，那就和比大多数平凡人去更努力一点吧… 这当然枯燥，但是这也很有趣！
2024-02-02 13:03:19
1435
原创 前妻(C#)-基础03-枚举-预处理指令
在声明一个枚举时，要指定改枚举的实例可以包含的一组可接受的值。不仅如此，还可以给值指定易于记忆的名称，如果在代码的某个地方，要试图把一个不在可接受范围内的值赋予枚举的一个实例，编译器就会报告一个错误。在c#代码中它，没有任何的意义。4.#region 和#endregion 指令用于把一段代码标记为有给定名称的一个块（更好的被编辑器识别）2.枚举可以使代码更清晰，允许用描述性的名称表示整数值，而不是用含义模糊，变化多端的数来表示。1.枚举可以使代码更易于维护，有助于确保给变量指定合法的，期望的值。
2024-02-02 09:39:29
458
原创 前端面试题-网络部分-http和其他协议之间的区别-ajax请求的步骤-XSS,CSRF-http的加密过程- 浏览器缓存
CSRF(跨站请求伪造）是一种挟持用户当前以及登录的web应用程序上执行非本意操作的攻击方法。XSS(跨站脚本)，指的是通过利用网页开发时留下的漏洞，注入恶意指令代码到网页，使用户加载并执行攻击者恶意的网页程序。常见的列如在评论区植入JS代码，用户进入评论网页代码被执行，造成页面被植入广告，账户信息被窃取等。如何防御CSRF攻击1.验证token：浏览器请求服务器时，服务器随机返回一个token，每个请求都需要带上token和cookie才会被认为是合法的请求。
2024-02-01 10:11:49
1372
原创 前端面试题-网络请求-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
2050
原创 前妻（C#）-基础语法02-流控制
switch条件语句代码如下，需要注意的是case的值必须是常量表达式：不允许使用变量。如果激活了块中靠前的一条case子句，后面的case子句就不会被激活，除非使用goto语句特别标记也要激活后面的case子句。如果该语句放在嵌套的循环中，就要执行最内部循环后面的语句。但它只退出当前循环的迭代，开始执行循环的下一次迭代，而不是退出循环。if条件语句代码如下，需要注意的是在c#中，If子句中的表达式必须等于布尔值。和大多数语言一样C#也有控制程序流的语句，它们不是按代码在程序中的排列位置顺序执行的。
2024-01-31 09:27:59
964
原创 前端面试题-js部分-数组去重-数组扁平化-伪数组转数组-面向对象的继承方式(ES5)
递归就是在运行的过程中调用自己，构成递归需要以下条件。子问题与原始问题为同样的事情且更为简单。不能无限制的调用本身，需要有一个出口，化简为非递归的情况处理。2.es6 flat 函数 （推荐使用）
2024-01-30 11:15:05
756
原创 灰太狼族谱
今天上班刷到视频狼表哥 太好奇狼表哥的名字了 然后一把百度 百度出来了两手族谱 加上自己的总结写了一些。谁懂啊看下来连狼都在优生优育。然后 狼表哥身份有歧义啊！我印象中狼表哥是红太狼的表哥 好像后期剧情又改成灰太狼的我按自己的印象来！还有我们美丽的红太狼女士的初恋小白狼先生忘了加上去来了 大家不要忘记！
2024-01-30 09:59:17
381
原创 前端面试题-js部分-eventloop-promise-纯函数-高阶函数-函数柯里化
而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有序列的有顺序关系。promise是一部编程的一种解决方案，在es6中promise被列为了正式规范，统一了用法，原生提供了promise对象，promise承诺：默认情况下是等待状态pending,如果状态转变为成功就成功了，如果状态转变为失败就是失败了。是指把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且单号结果的新函数的技术。同步：上一个任务没有执行完，下一个任务不能开启。
2024-01-29 11:51:54
1042
原创 前端面试题-深拷贝浅拷贝-浏览器存储-原型链-闭包-call,bind,apply的区别
浅拷贝只是拷贝一层，更深层及的对象级别只是拷贝出来引用，不拷贝地址，两者属性值指向同一内存空间。简单来讲，就是改变其中一个对象，另一个对象也会跟着改变。深拷贝，拷贝对象各个层级的属性。简单来讲，就是复制出来的每个对象都有属于自己的内存空间，不会互相干扰。实现深拷贝 （这个一般VUE里面有个内置的模块loadsh 很好用和这个深拷贝 用的都是这个 但是下面也会沾一个深拷贝的代码）return obj;[] : {};
2024-01-26 11:16:56
962
原创 前端面试题-js-new关键字-this指向-js事件流-防抖节流
使用事件冒泡原理，自己所触发的事件，让其父元素代为执行例如：富文本解析在不改变富文本内容的情况下给图片实现点击放大预览效果 可以把事件给到解析富文本的那个盒子 然后通过event 去判断点击是不是图片 再进行下面的事件处理。
2024-01-25 14:41:12
582
原创 C#-前后端分离连接mysql数据库封装接口
然后新建 文件夹 Common 并新建类文件 名字任意 文件内容如下 因为要连接的是mysql数据库 所以需要安装 MySql.Data.MySqlClient 依赖;然后在系统自带的Controllers文件夹上新建 api控制类 文件代码如下。然后需要改一点系统自带的文件Program.cs 标红的部分代码添加进去。然后新建 Models 文件夹 并新建类 类名任意 文件内容如下。然后运行项目 API 文档和测试文件。新建项目 如下图所示选择框红的项目。
2024-01-25 13:34:26
1134
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
1289
原创 ES6笔记-symbol
symbol.for()不会每次调用就返回一个新的symbol类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。这也就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种是新增的Symbol类型。Symbol值不是对象，所以也不能添加属性。由于每一个symbol值都是不相等的，这意味着只要symbol值作为标识符，用于对象的属性名，就能保证不会出现同名属性。Symbol（）函数的参数只是对当前Symbol值的描述，因此相同参数的Symbol函数返回值是不相等的。
2024-01-23 10:58:24
624
原创 前端面试题-(浏览器内核，CSS选择器优先级，盒子模型，CSS硬件加速，CSS扩展）
层爆炸，由于某些原因肯呢个导致大量不在预期内的合成层，虽然哟浏览器的层压缩机制，但是也有跟多无法进行压缩的情况。简单直接的方式：食堂3D硬件家岁提升动画性能时候，最后给元素增加一饿z-index属性，人为干扰合成层的顺序，可以有效的减少创建不必要的合成层，提升渲染性能。双飞翼布局：为了中间div内容不被遮挡，直接在中间div内部创建子div用于放置内容，在该子div里用margin-left和margin-right为左右两栏div留出位置（放大浏览器不会变形）他俩的区别就是一个往外撑一个往里挤的区别吧。
2024-01-23 10:37:47
1528
原创 vue项目能正常启动但是打包报错
这个错怎么说呢 一般是不会发生的 发生这个错误的原因也非常的抽象 是手误的原因。public文件夹下的index.html文件 问题就出在这里 解析东西 插入东西发生了失败。能正常的跑应该是浏览器或者跑的那个服务有个校准或者忽略的功能 但是打包的确没有。图上是页面注意看框起来的 不小心删了一个结束标签 引发了这一系列的错误 补上就能解决这个报错。项目执行npm run serve/dev的图一点影响没有 跑起来之后页面也非常的正常。然后就来到了打包环境 执行打包命令。
2024-01-22 13:21:33
1135
原创 前端面试题-(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
629
原创 webpack
当webpack处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图，然后将你项目中所需的每一个模块合成一个活多个的bundles，他们均为静态资源，用于展示你的内容。webpack只能理解js和json文件，这是webpack开箱可用的自带能力.loader让webpack能够去处理其他类型的文件，并将他们转换为有效模块，以供程序使用，以及被添加到依赖图中。（webpack配置的可扩展是指，这些配置可以重复使用，并且可以与其他配合使用的一种流行技术，用于讲关注点从环境，构建目标，运行时中分离。
2024-01-19 14:25:43
694
原创 前端面试题-（W3C标准，重绘，回流 ，CSS伪类）
1.结构化标准语言：主要败局哦XHTML和xml .Xhtml是一种基于xml的标记语言，用于创建和组织网页内容。具有更好的可读性和维护性。xml则是一种用于描述和传输数据的标记语言，具有可扩展性和灵活性。被广泛应用于web服务，数据存储和配置文件等领域。2.表现标准语言：主要包括css。css是一种用于控制网页样式和布局的标记语言，通过选择器和属性来定义元素的外观和行为。可以实现网页的美化和响应式设计，使得网页可以适应不同的屏幕尺寸和设备类型。W3C标准主要包括一下几个方面。
2024-01-19 14:12:49
877
原创 node.js 实现文件上传 和图片映射 文件下载(multer)
Muter是一个node.js中间件。主要处理multupart/from-data类型的表单数据，常用于上传文件。在express.js应用中，multer使得上传文件变得更加简单。主要功能是将客户端上传的文件存储在服务器的本地文件系统中。它还添加了一个body对象以及file或files对象到express的请求对象中去。用这个首先当前Node下要有图片存储目录的那个文件夹的 然后普通的把js文件跑起来。上图为文件上传成功截图。
2024-01-19 09:47:09
499
原创 前端面试题-CSS3新增特性
flex-direction属性指定了弹性子元素在父容器中的位置1.row:横向从左到右排列（左对齐），默认的排列方式2.row-reverse：反转横向排列（右对齐），从后往前排，最后一项排在最前面3.colum：纵向排列4.colum-reverse：反正纵向排列，从后往前排列，最后一项排在最上面。
2024-01-18 15:02:31
1236
原创 前端面试题-html5新增特性有哪些
canvas具有灵活性，高性能，跨平台等优点。2.渲染方式: canvas使用的是像素渲染的方式，这意味着它适合于绘制复杂的，由像素构成的图像。4.文件大小：由于canvass使用的是像素渲染的方式，所以在同样的显示效果下,canvas需要更多的存储空间.svg一般都比较小。5.可编辑性 :canvas通过Js进行绘制，一旦绘制完成就很难直接编辑，而svg的图像是xml格式的,可以直接编辑和修改。1.autoplay:此属性允许音频在也加载完成后自动播放，需要注意的是，不是所有的浏览器都支持此属性。
2024-01-17 16:30:17
1320
原创 vue-quill-editor 图片放大缩小 及富文本解析 放大图片预览
v-html绑定的盒子给一个点击事件然后通过那个e能拿到点击发送的标签 然后通过里面的属性可以让我们知道点击的标签是什么 还能从这个对象身上拿到目标的src js真的yyds。解析的话 就普普通通v-html 然后问题是这个图片放大 一开始想了一个很复杂的方式 然后因为太复杂了没去试验。然后项目跑起来你会发现 报错了 不要慌 配置一下vue.config.js 有用的只有图片标红的地方。底层原理不知道 但是看起来是通过给img标题添加width 和height实现的。巴阿这是上一篇博客的标题。
2024-01-16 17:16:07
1408
4
原创 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
1561
原创 vue 前端等比例压缩图片(再转换成文件后上传后端)
压缩完之后 再将base64 转成blbo再转成文件然后再上传 一生要强的前端崽子（后端不支持base64上传） 自己改吧改吧。前端压缩图片总的来说还是转base64 然后等比例放小宽和高 这个是上次压缩图片的一个扩展。
2024-01-09 15:22:34
1302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人