qq_39670012的博客

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

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

原创 致学习--

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

原创 引用存储复制属性

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

原创 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

原创 z-index导致mouseup失效的问题

知道问题就好解决了，只要在button的mouseup事件处理函数里，判一下那个变量是否为null，是的话赋个初值即可。3.知其然，知其所以然如果为了应付工作，做到上面已经足够了。但是作为一个有追求的程序员，这里肯定是要知道为什么button的mousedown事件没有被触发。因此，下面一起重温一下与此有关的z-index和event bubbling（事件冒泡）知识吧！先轮到z-index出场。根据MDN上的资料[1]，满足下述任一条件的DOM元素，都会在它们的所在位置形成一个”stacking c

原创 父组件异步获取数据后传值给子组件

通过输入和输出属性 实现数据在父子组件的交互在子组件内部使用@input接受父组件传入数据，使用@output传出数据到父组件详细标准讲解参考官方文档https://angular.cn/guide/component-interaction#pass-data-from-parent-to-child-with-input-binding但是我在开发中遇到这样一个问题，当父组件传入的数据是在网络请求回来之后才被赋值，这时的子组件已经初始化结束，就会存在异步的问题解决办法是使用ngOnChange

原创 JavaScript 循环：如何处理 async/await

如何串行或者并行运行异步循环？在使用循环处理异步的魔法之前，我们先来看下我们是怎么处理同步循环的。同步循环很久以前我写的循环是这样的：for (var i = 0; i < array.length; i++) { var item = array[i]; // do something with item}后来 JavaScript 提供了很多新的特性，现在我们会更倾向于用下面这种写法：array.forEach((item) => { // do someth

原创 jsv8引擎 垃圾回收机制

引言作为目前最流行的JavaScript引擎，V8引擎从出现的那一刻起便广泛受到人们的关注，我们知道，JavaScript可以高效地运行在浏览器和Nodejs这两大宿主环境中，也是因为背后有强大的V8引擎在为其保驾护航，甚至成就了Chrome在浏览器中的霸主地位。不得不说，V8引擎为了追求极致的性能和更好的用户体验，为我们做了太多太多，从原始的Full-codegen和Crankshaft编译器升级为Ignition解释器和TurboFan编译器的强强组合，到隐藏类，内联缓存和HotSpot热点代码收集等