- 博客(30)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JS-对象数组去重操作
项目实战中，遇到了需要在对象数组中去重的操作，无奈学术尚浅，特此记录一波。需求如下：const arr = [ { "title": "百度两下", "start": "2021-10-16", "end": "2021-10-16" }, { "title": "百度两下", "start": "2021-10-16", "end": "2021-10-16" }, .
2021-10-16 11:26:47
205
原创 【Web前端】vxe-table组件之实践运用
前言vxe-table组件是小弟在开发时，遇到的比较有趣、且实用的nice组件哦。刚开始接触时还比较头疼，可是后面发现竟如此funny呢。下面附上api文档哟：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install事情是这样的，我遇到了一个需求：大致内容是这样的，对移动端底导航进行配置，然后将数据保存在pc端，并通过如下表格保存。刚开始接触，“这是咩呀”。后来在大佬的指引下我找到了今天的主角 —— vxe-ta
2021-09-16 18:04:27
2665
1
原创 vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色，这个问题。尝试过很多方法，最后发现不是代码的问题，而是iconfont图标库中没有配置好。1. 发现问题如下当点击菜单选项时，icon和文字同时变色。2. 解决方案第一步：在iconfont图标库中找到该图标，点击批量操作第二步：图标去色第三步：重新下载图标至项目文件中，最后重启项目这时，图标就有颜色啦...
2021-08-10 11:52:35
1550
原创 当浏览器获取到网页数据后，浏览器又是如何将数据转化为视图？
前言如果把web前端工程师比作赛车手，那么浏览器就成为了赛车。一个合格的赛车手怎么能不对自己的赛车了如指掌呢。1. 当浏览器获取到网页数据后，浏览器又是如何将数据转化为视图？我们从浏览器结构图入手：浏览器结构可以包括 ①用户界面 ②浏览器引擎 ③渲染引擎①用户界面：用于展示除变迁页窗口之外的其他用户界面内容；②在用户界面和渲染引擎之间的浏览器引擎：用于在用户界面和渲染引擎之间传递数据；③渲染引擎：负责用户请求的页面内容。其中，渲染引擎中还存在的功能模块：网络、JS解析器、数据存储持久层。
2021-08-09 17:05:56
192
转载 js判断对象数组中是否存在某个对象类型
前言做项目时遇到这个问题——判断对象数组中是否存在某一对象，这个不能用寻常的方法来检测了。1. 如果要判断数组中是否存在某个元素的话很好判断，直接用数组的indexOf方法就好，存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -12. 要只是判断的话是可以遍历后判断对象的属性是否相同的，像这种：arr.forEach(item=>{ if(item.name==='Alex'){
2021-08-05 16:22:06
209
原创 Oracle 11g+PLSQL Developer12安装流程
前言自己安装时遇到了些问题，所幸记录一波。1. 第一步-打开PLSQL Developer安装包一直下一步，后会遇到注册码激活，网上都可搜到，我这里放一份。最后，安装完成后，打开时会跳出输入username/password弹框，这里先跳过。2. 第二步-打开Oracle11g安装包一直下一步，会让你输入一个密码，这里请输入一个好记的密码。3. 第三步-配置oracle环境变量我是安装在E盘下的oraclexe，注意这里必须追踪到server目录下。4. 第四步-在plsql的弹框
2021-07-28 13:08:50
328
原创 vue项目 - 新建一个路由步骤
前言小弟在研究项目时遇到了一个任务 —— 新建一个跳转页面，而这个页面就需要配置路由。1.首先需要在你想要找到你想要新建页面的父目录，在其之下创建新的目录，用于存放vue文件这里是，我想要在user-center用户中心中新建一个子菜单，子菜单中包含sync-log这个路径。2. 第二步，我们需要打开新建的index.vue文件，配置一波基础vue代码主要是添加name属性，好让全局发现。<template> <div class="sync-log">
2021-07-24 15:32:41
447
1
原创 Error in v-on handler: “SyntaxError: Unexpected token w in JSON at position - 解决方案
前言小弟在开发时遇到的easy错误。废话不多说，直接上图乍一看，无从下手。其实敢单的一批。下面是代码： goPageMore(item) { let href; console.log("item",item); if (JSON.parse(item.appUrl).defaultId) { // if(item.appUrl[0] === '{') { href = this.$router.resolve({
2021-07-21 15:53:31
7756
原创 JS判断颜色是否为深色 阀值
前言碰到一个有趣的项目需求，判断颜色的深浅，若为深色则设置浅色阴影；反之，设置深色阴影。本来没有头绪，怎样从才能知晓她的深浅呢，百度一下就tmd有了结果。// arr为用于存储rgb的三个数据var $grayLevel = arr[0] * 0.299 + arr[1] * 0.587 + arr[2] * 0.114;知道其原理，则可以开始实践了… <div id="app"> <div :style="bgc"></div> &l
2021-07-01 10:05:29
1788
原创 Vue项目-elementUI组件库中form表单的rules表单验证属性
前言一般适用场景为，新建用户，打开模态框出现必填项，若不填则爆红。伪代码如下： <el-form ref="addForm" :model="formValue" @submit.native.prevent :rules="rules" > ... </el-form>export default { minxins: [ValodataMixin], d
2021-06-29 12:25:59
322
原创 Vue项目如何局部更新数据
前言在Vue项目中promise函数实现与后台交互时，发现有些只需要改一个数据的接口，但仍然不得不再次调用查询所有数据接口当我们只需要更改/切换表格数据中的状态栏时，我们原本的代码是：const request = { ...apis.UPDATE_WORK_STATUS }; request['params'] = { id, workStatus }; this.$request(request) .async
2021-06-28 17:53:30
1107
原创 Vue项目中$t()的意义
一般项目vue文件中将会把中文字符的数量拉至最低，而这些中文字符跑到哪里去了呢？我们需要用一个文件容器来储存他们。栗子：<el-form-item:label="$t('staffManage.modal.userName')"prop="userName"class="is-required"> <el-input v-model="formValue.userName" :placeholder="$t('staffManage.modal.placehol.
2021-06-28 17:06:31
14551
原创 Vue项目-家政服务平台之登录&顾客管理篇
家政服务平台后台管理系统前言该文记录博主做项目时的大致流程和遇到的问题及如何解决。视图：基于vue框架，大量运用ElementUI组件；数据：从云服务器上通过若干接口传输到项目。综合运用了项目依赖【dependencies】axios,element-ui,vue,vue-router,vuex本文是基于其中一个小模块-顾客模块，展开来说的第一步-项目部署：有以下三种方法：部署到自己的云服务器上部署到本地直接调用别人已经部署好的接口这里以部署本地为例（简）：第一步：在Nav
2021-06-13 16:38:40
878
原创 得帆+凌志面试+感悟
前言于2021年6月9号，作为一名大三学生的我参加了第一次面试【前面投过十多份简历】。得帆云公司和凌志公司当天来我所处的培训机构宣讲，我抱着刷面试经验的态度就去了。得帆云公司面试流程是：在网上先投递简历，后进行一面【家常面】、二面【项目面】、三面【基本成功】。班上跟我一起报名的有四五个同学，我最后幸运的通过了。一面里我比较记忆深刻的是时光机穿越到高三。目前为止最挫败的事。因为刚开始【第一次面】，然后又是说自己的story所以难免有些紧张，导致我说话都结巴了，hr小姐姐还笑了????。二面是
2021-06-09 14:46:51
775
2
原创 学姐半夜不会vue，跑来我家问问题——Vue之双向数据绑定
前言众所周知，Vue技术栈已经涵盖了大部分厂家，这也成为了前端程序员不可避开的一项工具，面试中也不容错过。Vue的强大之处有两点：双向数据绑定组件机制双向数据绑定(MVVM)而今天我们则主要针对一下双向数据绑定，毕竟学姐已经问到头上来了。MVVM要说双向数据绑定，我们就不得不提到MVVM。MVVM是一种软件架构模式，而Vue是一个MVVM视图层框架，可以构建出复杂的单页面应用程序。Vue与原生的JS显著的区别是不再对DOM节点进行直接操作。而是通过对数据操作来改变试图。MV
2021-06-07 00:01:04
131
2
原创 面试官问你的【CSS经典布局】
前言这篇小文主要有讲一些常见的css布局，例如四列布局、三列布局、圣杯布局等；在面试中，我们不难被问到布局相关问题，例如看图直接做出响应式页面，或者口头描述，或者笔代之。我们都应有一个清晰的思路。1. 四列布局介绍：一个盒子中装有多个盒子<style> .center { /* 伸缩盒布局 */ display: flex; width: 1100px; margin: 0 auto; backgro
2021-06-06 13:00:11
369
1
原创 【Web前端实习生】每日一记 - 面试题（一）
虽然我更新每日一记有一段时间了，但是还没有正式“官宣”一下。在这里我正式说明一下，我要为了更美好的明天而奋斗！！！????????????????????????????????就让广大友友们，成为见证人~~每日一记20210603特此说明，搬运至牛客网1.说一下块级元素和行内元素2.说一下选择器有哪些基本选择器-通配选择器：*{}-逗号/并且选择器：-标签选择器：tag{}-类选择器：.class{}-id选择器：#id{}-组合选择器：层次选择器-子代选择器：
2021-06-05 16:30:38
187
1
原创 每日一记-js中闭包及相关面试内容
闭包认识闭包我们可以从以下三个问题出发。1.如何产生闭包？当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包【当闭包函数被定义时就会创建闭包】2.闭包到底是什么？理解一：闭包是嵌套的内部函数（绝大部分人认为）理解二：包含被引用变量（函数）的对象（极少数人认为）注意：闭包存在于嵌套的内部函数中3.产生闭包的条件？函数嵌套内部函数引用了外部函数的数据（变量/函数）常见的闭包1.将函数作为另一个函数的返回值function fn1() { var a
2021-06-02 20:35:08
76
原创 每日一记-js中原型链及继承的实现
我们前端开发工程师职位在大部分厂家面试时都无法避免的一个问题——原型链及通过原型链继承的方式。谨以此文发表我的一些理解，也对往后自己面试做好准备。显示原型/隐式原型两个原型相信大家都不陌生，是底层js的一个理解工具。每个函数function都有一个prototype，即显示原型当函数对象定义（创建）时，prototype属性就被js引擎自动加入其中，默认指向一个空的Object对象。每个函数的实例对象都有一个__proto__，即隐式原型当实例被创建时，函数内部自动执行一条语句将proto.
2021-05-27 19:33:35
110
2
原创 前端-关于上海某公司笔试题（小练）
本人于2021年5月21日“云”参与了该公司（名字不方便透露）的笔试，总体来说是非常常规的题目，下面是题目及答案。一、填空题1.目前常用的WEB标准静态页面语言是_xhtml_2.改变元素的外边距用_margin_，改变元素的内填充用_padding_3.在Table中，TR是_行_，TD是_单元格_4.如果给一行两列的表格（table）定义高度样式，在_table_标签中定义最合理、最能减少代码的臃肿5.对ul li的样式设成无，应该是用_list-style:none_属性6.在新.
2021-05-25 13:55:59
1009
原创 前端-JavaScript鼠标点击小特效
具体js代码如下： <script> /* 鼠标点击特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("（*@ο@*）", "（⊙o⊙）", "★~★", "(*^‧^*)", "（ˇ＾ˇ〉", "~>_<~+", "(≥◇≤)" ,"（*>.<
2021-05-20 19:21:09
228
原创 前端-JavaScript实现鼠标移动小特效
加入script标签如下： <script type="text/javascript" color="244,179,31" pointColor="120,120,120" opacity="1" zIndex="10" count="250" src="https://cdn.jsdelivr.net/npm/canvas-nest.js/dist/canvas-nest.js
2021-05-19 19:22:00
433
1
原创 前端-JavaScript事件与事件流疑难点
在前端面试中，我们经常会碰到解释JS中事件的问题，今天他来了··==1.什么是事件JavaScript和HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口发生的一些特定的交互瞬间。可以使用监听器（或事件处理程序）来预定事件，以便事件发生时执行相应的代码。通俗的说，这种模型其实就是一个观察者模式。（事件是对象主题，而这一个个的监听器就是一个个观察者）事件三要素：事件目标：发生的事件与之相关联或与之相关的对象事件处理程序：处理或相应事件的函数事件对象：与特定事件相关且包含有关该事件详
2021-05-18 15:20:47
127
原创 前端-JS四种九九乘法表输出
时隔几周我又更新了，嗨呀，没有其他理由，没干劲呢。本文将对于js脚本语言的循环语句做一个简单的实践——四种九九乘法表的输出。言归正传，js中循环语句可以大致分为以下几种：1.for(开始条件;结束条件;迭代条件) {}2.while(结束条件) {}3.do{} while(结束条件);4.增强for循环（针对对象）而今天主要用到最常用的普通for循环。对于九九乘法表，相信都不陌生。虽然乍一看需要写出四种样式感觉很难，但其实仔细一想只要写出一种其他三种就可以顺理成章的写出来了。那么，我们就
2021-04-26 11:33:51
1861
原创 前端-如何利用html快速地制作一个轮播图
不入虎穴，焉得虎子。要想知道这轮播图的运作原理，还得打下一层基础——了解一个名为animation的属性。第一步：写出animation属性；管他三七二十一，先把这个标签写上再说。然后就出现了下面这一行代码块，乍一看这不是CSS代码中的速写格式吗。没错，animation属性也分很多个子属性，既然有速写格式，那分开也不会错，通常以animation-xxx的形式出现。animation: name duration timing-function delay iteration-count di
2021-04-07 19:45:11
2369
3
原创 前端-CSS是什么，为什么，怎么做（简）
学习css我们最初要掌握的是一下三点：一、 定义、工作原理、语法。我们姑且用高中常写的论述文三要素作为标题以一定程度增加理解。什么是css？css的英文名是Cascading Style Sheets，中文名层叠样式表，是一个用于修饰文档（可以是标记语言HTML,也可以是XML——的语言，可以将文档以更优雅的形式呈现给用户。❤为什么css能做到？（css的工作原理）浏览器在处理文档的时候包含两个阶段：步骤一： 浏览器将HTML和CSS转换为DOM (Document Object
2021-03-27 08:55:18
239
原创 html中table介绍及如何制作一张简历
表格TABLE - 展示数据table标签：a) 直接子元素1.thead2.body3.tfootb) tr th td元素包含的属性有：colspan - 跨列合并rowspan - 跨行合并c) table属性中若不给予任何配置，该table会连边框都没有，只会存在孤零零的文字。width - 可以设置表格宽度border - 表格的边框 （当设置为1时，表格就会出现双线边框，那是因为border 是每个单元格的边框，两个单元格就有两条线了，那怎么消除呢？往下看）cellsp
2021-03-24 15:24:13
229
2
原创 前端-有关于html的一些最基础知识
有关于htmlhtml 超文本标记语言文本 中、英文超文本 视频、音频、图片…浏览器解析html文件的顺序从上往下，并且页面中元素在html文件中的位置保持一致html出现语法错误时，浏览器或者编辑器不会报错html文件可以以.html或者.htm文件名后缀前期准备B/S架构HTTP （超文本传输协议）请求/响应模式请求请求头 - 浏览器的缓存机制、设置token（令牌）请求行 - 请求方式（post、get）、请求地址请求体 - 携带给服务器的数据响
2021-03-24 14:54:36
81
空空如也
vue框架 - 给定一个事件，当触发该事件时取消正在上传的接口
2021-08-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人