qq_39670012的博客

原创 前端知识摘要、总结。

1.less 结构清晰，便于扩展。实现多重继承

原创 ctrip 小试牛刀记录

react的新特性，http2.0和1.0选型看服务端还是客户端。问了很详细的性能优化方案，页面卡顿怎么具体定位到哪行问题代码。内存泄露的几种情况，怎么处理，浏览器垃圾回收机制。vue3和vue2的区别，proxy原理。nodejs服务端中间件开发，性能优化。跨域的原因和机制处理方式。

原创 上海AI中心记录

3、背景：在前端开发中，展示超长列表数据时，如果直接渲染会导致性能问题。为了解决这一问题，需要使用虚拟列表技术。要求：使用React 实现一个虚拟列表组件。滚动到任意位置时，能正确渲染可视区域内的列表项。提供简单的示例代码展示组件的用法。动态加载数据（模拟异步加载）。自定义列表项的高度。

原创 如何画好一张架构图/业务图/流程图，掌握这4个关键点

作为一个开发，日常工作中免不了要画一些图，无论是技术架构图还是业务流程图。基于个人的一些经验，作者分享了他的作图方法，给大家一点思路提供参考，希望在未来的工作、生活中都能有所帮助。结构清晰、外表美观、结构完整。亲密、对齐、对比、重复。

原创 JS实现水果机老虎机的抽奖效果

【代码】JS实现水果机老虎机的抽奖效果。

原创 致学习--

第一句：学习就像是慢慢爬山，一时半会儿看不出来谁爬得快，谁爬得慢，但时间一长，勤奋和懒惰的差别就大了去了。记住，学习永远不嫌晚，现在开始就是最好的!第二句：学习得靠自己。别指望老师或者爸妈一直催，得自己想通想明白，老师教的东西，只是帮忙，真正懂得还得靠自己！第三句：别怕题目难，更别怕做错题，其实错题才是你提分的好机会，学习嘛，就是要不断发现并改正错误。第四句：学会等等再享受。玩手机是挺爽的，但以后可能会后悔，人的成就，就看能不能抵住诱惑。

原创 引用存储复制属性

当将一个对象赋值给一个变量或将其作为参数传递给函数时，实际上是将对象的引用复制给了新变量或函数参数。这意味着新变量或函数参数与原始对象指向同一个对象，任何对该对象的修改都会影响所有引用它的变量或参数。数组中之前的对象是通过引用方式存储的，那么之前的对象会被改变，因为它们指向的是同一个对象。数组中时，它们实际上引用的是同一个对象。如果之前的对象是通过引用存储的，那么当您修改。的属性复制到新对象中，然后将新对象添加到。操作之前创建一个新的对象，并将。对象时，之前的对象也会被改变。要避免这种情况，您可以在。

原创 table 操作列宽度自适应

【代码】table 操作列宽度自适应。

原创 echarts 力导图 force图 客制化实现：节点图片，关系线悬停，图片下载，扩展收缩等

【代码】echarts 力导图 force图 客制化实现：节点图片，关系线悬停，图片下载，扩展收缩等。

原创 解决nginx 部署前端post请求405 not allowed

原因：nginx 静态资源访问不支持post请求。

原创 无需请求等待，秒下载excel表格

无需请求等待，秒下载excel表格

原创 计算机科学与技术硕士考试 离散数学 软件工程 人工智能-考点总结

计算机科学与技术（软件工程、人工智能）硕士学位考试考点总结

原创 微前端（Micro-Frontends）qiankun框架原理与实现

微前端

原创 页面局部上浮动画配合滚轮实现

.show-float { opacity: 0.5; position:relative; margin-top: 80px;}.show-animate { animation: showanimate 2s forwards;}@keyframes showanimate { 100% { opacity: 1; /* margin-top: 0px; */ } from {bottom:0px;} to {bottom:50px;}}.

原创 序列帧动画实现

.d_c img { width: 134px; cursor: pointer;}.x_img{ background-position-y: 0px; margin: 0 auto; width: 140px !important; height: 140px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%;}.

原创 linux网站发布更新步骤

第一步上传大文件打开psftp.exe（Putty套间里有） open jms.oppoer.me 用TT账号登录，密码是”TT密码+空格+google身份令牌“ cd 10-81-253-113.developer.bjht （实例主机地址） cd root Ls 或者 lpwd Put xxx.zip（文件格式最好是tar.gz，zip会导致中文乱码，put ar_web.tar.gz ）（注意：上传的文件放到putty根目录下，文件名有...

原创 vue 处理开发和生产环境路径问题

第一步. 修改vue ---config --- index.js dev中的内容pathRewrite 重写 是为了在请求时baseUrl是显示为loacalhost:8080/ 而不是loacalhost:8080/fooddev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/food': { logLe...

原创 vue build 后的目标文件夹部署在Flask服务器

将 vue build 后的目标文件夹部署在Flask 服务器后，完美解决，因为这个场景不常见，所以记录一下:from flask import Flask, Blueprint, render_template, abortfrom flask import jsonifyfrom flask_cors import CORS# 关键是 这两个初始化参数 template_folder static_folder# 配置好后，vue项目内的配置都不用改了app = Flask(__na

原创 web server端 框架要点

原创 联影工作记录2020.2月

把root（）删掉

原创 mac git 操作指南

哈哈arurora1.工数录入 & 申报 9月初可以上线。2.审批 9月中可以上线。3.简单的报表展示 9月底可以上线。4.后台配置如果来不及做的话，可以直接做数据导入DB。

原创 初学c++

以.h位后缀的是头文件，.cpp是源文件。使用源文件（也就是.cpp）就足够编写出我们需要的源程序了。在稍微复杂一点的程序中，也许就会用到头文件（.h）。事实上，这种头文件和我们代码中预处理里包含的头文件没有什么区别（就好像C语言中#include <stdio.h>）其中stdio.h就是一个头文件。我们亲手编写头文件就是按照自己的需要，给我们的程序设计这样的头文件。头文件中，一般包含一些类的声明，函数定义之类的东西，方便我们在源文件的主函数中使用。在a.h文件中：#include

原创 英语论文

Sustainable DevelopmentKeywords: Sustainable development; Green product; Application method; Design methodAbstractThe continuous development of human society has brought all kinds of ecological environment problems. The design of green product, which is

原创 盒马练习题

/** * @param {string} a 选择器表达式 * @param {string} b 选择器表达式 * @return {number} 返回权重差 */var array = [{ name: '#container', value: 1000}, { name: '.element', value: 100}, { name: '[type=text]', value: 100}, { name: ':hover',

原创 vue ts写法

传统写法<script> export default { name: 'xx',// 组件名 components: {},// 组件 props: {},// 父组件传递来的值 data() { // 声明变量的位置 return {}; }, watch:{},// 监听器 computed:{}, // 计算属性 .

原创 新版vue八种通信机制总结

一、props / emit二、 children/parent三、provide/ inject是vue2.2.0新增的api, 简单来说就是父组件中通过provide来提供变量, 然后再子组件中通过inject来注入变量。注意: 这里不论子组件嵌套有多深, 只要调用了inject 那么就可以注入provide中的数据，而不局限于只能从当前父组件的props属性中回去数据四、ref / refsref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向

原创 哈啰出行 - 铸将：领导力培养

够专业，带头干，教你做，会指挥，敢担责。定期沟通机制，项目过程管理。综合个人能力和意愿，适当打击找改进点，下一步职业发展。红点、黑点榜。总结好的，不好的自我激励。过程中改善，指导树标杆。路演2：团队价值和意义：为谁？多大程度？解决的什么问题？传递梦想，鼓舞人心；小组的成员有激情有成长？拆解合理，可落地拿到结果。能识人，面试别人：绩效怎么样，做了什么出色事达到这个绩效，OKR目标设定：smart原则：目标必须是具体的，可以衡量的，可以达到的，和其他目标具有相关性，具有明确的截止期.

原创 vue excel文件上传 blob类型下载 文件转base64

uploadExcel(item) { this.uploadLoading = true; const fileObj = item.file; const form = new FormData(); form.append('file', fileObj); uploads(form).then(res => { this.$message.success('文件：' + fileObj.name + '上传成功，批量添

原创 简写数组删除指定元素

注意：很多人误以为数组的pop()方法可以删除指定元素，实则不是这样，虽然你给他传参也不会报错，但是它始终删除的是数组中的最后一个元素。方式一： 在Array原型对象上添加删除方法强调文本 强调文本加粗文本 加粗文本标记文本 // 查找指定的元素在数组中的位置 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (thi

原创 v-chart 配置大全

大胆的用setoptions的方法：// v-charts <ve-line :after-set-option="afterSetOption" ></ve-line> // 这里是方法 methods: ｛ afterSetOption (chartObj) { var self = this; chartObj.setOption({

原创 e-charts常用自定义属性显示

// 基于准备好的dom，初始化echarts实例var pieEchart = echarts.init(document.getElementById(‘pieEchart’)); // 指定图表的配置项和数据 var pieoption = { title : { text: '公里总里程', x:'left', textStyle:{ color

原创 第十五届 D2

原创 Referer的作用

Referer的作用？1.防盗链。刚刚前面有提到一个小 Demo 。我在www.google.com里有一个www.baidu.com链接，那么点击这个www.baidu.com，它的header信息里就有：Referer=http://www.google.com那么可以利用这个来防止盗链了，比如我只允许我自己的网站访问我自己的图片服务器，那我的域名是www.google.com，那么图片服务器每次取到Referer来判断一下是不是我自己的域名www.google.com，如果是就继续访问，不

原创 设计模式

代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。说人话就是：你想吃外卖变成，你委托骑手去店里拿外卖送到你手里。代理模式的核心就是：丰富过程，结果不变。事实上代理模式最大的好处就是，你可以随时修改某一段业务逻辑并保证结果是正确的。我们来看一段常见的代码。function init(){ // 调用一大堆接口... // 整合业务逻辑... // 渲染页面...} function change(){ // 修改了页面里某个东西 init()}事实上你init函数里

原创 vue 下载excel

function download (url, param) { const token = sessionStorage.getItem('token') const ele = document.createElement('a') param.token = token return new Promise((resolve, reject) => { fetch(config.HS_API + url + '?' + qs.stringify(param)).then

原创 CSS模拟电池充电效果的实现

模拟简单的电池充电效果先画出电池的轮廓<html><head> <style> html,body { width: 100%; height: 100%; display: flex; background-color: #e4e4e4; overflow: hidden; } .conta

原创 JS英文、中文按首字母排序

序用到的方法就是：localeCompare() 方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。直接上代码：// 参数let arr = [{id:'sh',name:'上海'},{id:'bj',name:'北京'},{id:'gz',name:'广东'},{id:'sz',name:'深圳'}]arr.sort((a, b) => a['id'].localeCompare(b['id']))console.log(arr)let arr1 = ['

原创 file上传图片，base64转换、压缩图片、预览图片、将图片旋转到正确的角度

/** * 将base64转换为文件对象 * （即用文件上传输入框上传文件得到的对象） * @param {String} base64 base64字符串 */function convertBase64UrlToBlob(base64){ var base64Arr = base64.split(','); if(base64Arr.length > 1){ //如果是图片base64，去掉头信息 base64 = base64Arr[1]

原创 vue利用canvas实现移动端手写板

<template> <div class="hello"><!--touchstart,touchmove,touchend,touchcancel 这--> <button type="" v-on:click="clear">清除</button> <button v-on:click="save">保存</button> <canvas id="canvas" width="300" he

原创 CodeMirror 使用方法

CodeMirror 使用方法初步建立步骤npm install codemirror下载组件引入核心配置包import * as CodeMirror from 'codemirror/lib/codemirror'import 'codemirror/lib/codemirror.css'引入后在html界面中建立textarea标签，用于生成代码框<textarea class="form-control" id="code" name="code"></textar