- 博客(28)
- 收藏
- 关注
RSS订阅原创 微前端（qiankun）
什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。、微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成
2022-03-29 19:47:35
5677
原创 ElementUI Table组件，如何在多页数据下勾选多行(后端异步返回数据)
element-ui el-table 如何在多页数据下勾选多行
2022-01-15 12:33:47
817
原创 ElementUI Table组件，如何在多页数据下勾选多行(模拟后端返回所有数据的情况)
element-ui el-table 选择多行数据时使用 Checkbox。
2022-01-15 11:43:52
1226
原创 typescript 基础
TypeScript简介1、TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript，是由微软开发的开源、跨平台的编程语言。2、TypeScript是为大型应用的开发而设计，并且可以编译为JavaScript。3、TypeScript 是 JavaScript 的一个超集，TypeScript扩展了JavaScript的语法，任何现有的Java
2021-11-16 11:26:13
649
原创 JS中this关键字详解
JS中this是什么它实际是在函数被调用时才发生的绑定，也就是说this具体指向什么，取决于你是怎么调用的函数。也就是说谁调用的this，this就指向谁。this的指向只取决于函数的调用方式this的绑定规则有：默认绑定隐式绑定显式绑定new绑定1.默认绑定当函数独立调用时，不管是否在调用栈中，this都指向全局对象（浏览器中为window）var a = 1;function foo(){ console.log(this.a);}function bar(){ va
2021-08-26 00:53:19
153
原创 前端常见的跨域解决方案
一、什么是跨域专业的解释是，两个不同源的服务去访问对方的资源，就是所谓的跨域，而浏览器处于安全方面的考虑是不允许跨域请求的跨域非服务端控制的，而是浏览器的安全策略，当发生跨域请求时候，请求是可以正常发送到对方服务器的，只是浏览器会根据 ”Access-Control-Allow-Origin" 来判断当前域名是否有访问权限，从而决定是否解析返回的数据信息。 其中简单的说就跨域是浏览器不会解析跨域请求返回的数据。二、什么是同源同源是指协议、域名、端口都相同URL
2021-06-29 22:05:18
2337
原创 javascript事件循环机制
javascript是一门单线程的非阻塞的脚本语言。单线程意味着javascript在执行代码的任何时候，都只有一个主线程来处理所有的任务。为什么JavaScript是单线程JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点。这时浏览器就不知道以哪个线程为准了。那么javascript引擎是如何实现这一点的呢？因为事件循
2021-03-29 19:28:04
123
原创 JavaScript的事件机制
JavaScript和HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。点击按钮这件事，就被称作事件，而响应某个事件的函数通常被称为事件处理程序1.接下来先说下DOM事件DOM事件级别DOM有4次版本更新，与DOM版本变更，产生了3种不同的DOM事件：DOM 0级事件处理，DOM 2级事件处理和DOM 3级事件处理。由于DOM 1级中没有事件的相关内容，所以没有DOM 1级事件。DOM 0级事件1.on-event (HTML 属性)：<button
2021-03-24 19:36:42
166
原创 echarts 鼠标放上去显示提示框属性详解！
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标
2021-02-08 14:41:23
3670
1
原创 element-ui的el-select如何不显示value，显示value对应的label值
1.element-ui select组件会自动匹配 传入的值 和 value值,如果相等 则显示此value所对应的label值这里没有匹配原因则是我们绑定值是字符串 也就是 “0”，后端数据是 0 类型是number所以拼接一下就解决了（让他转化成字符串）...
2021-01-27 22:34:06
1855
2
原创 git配置多用户多平台
我拿code.aliyun.com 和 gitlab.com两个不同git平台为例子进行讲解首先配置不同的SSH KEY，使用ssh-keygen命令产生两个不同的SSH KEY，进入.ssh目录：(C:\Users\Administrator.ssh) 这个目录根据自己的电脑为准一、code.aliyun.com可以按如下命令来生成ssh key：ssh-keygen -t rsa -C “1349544834@qq.com”这个指令会要求你提供一个位置和文件名去存放键值对和密码，你可以点击En
2020-11-15 23:11:03
354
原创 VUE Element Tab Echarts 宽度 百分百 变成 100px
VUE Element Tab Echarts 宽度 百分百 变成 100px原因：切换tab时，元素本身就是存在的，只是样式被设置成display: none，那么宽高为0px；echarts对图形最小的默认为100px，所以就会出现这样的情况。最有效的办法：v-if把要切换的内容分离出一个组件，让v-if指令去渲染，重新生成组件<div class="swiperCon" > <div class="echart" id="swiperCon" v-if="!sign"
2020-11-15 20:19:12
574
原创 表格设置table-layout:fixed后对单元格宽度设置无效
table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。你第一行合并了，所以各列宽度均分了。设置宽度不起作用解决方法一：在tbody前加 有多少tr添加多少个col 他们一一对应解决方法二：设置一个隐藏的行来规定宽度：<table style="table-layout:fixed;width:500px" border="1"><tr style="display:none"> <td style="width:50p
2020-09-27 13:50:46
1610
2
原创 webpack-dev-server打包项目
webpack-dev-server打包生成的 js 文件在哪？在内存中。 由于我们每次保存页面都会导致重新打包文件，因此为了更快速的构建，webpack-dev-server 把生成的js文件放到内存中，众所周知在内存中的速度是十分快的。插件： html-webpack-plugin这个插件的通常用法是根据指定的index.html模板生成一个存在于内存中的index.html，它会自动引入webpack-dev-server打包出的在内存中的bundle.js文件，在我们开发的时候，可以去请求这个
2020-08-29 23:40:00
620
原创 CleanWebpackPlugin is not a constructor
webpack报错CleanWebpackPlugin is not a constructorCleanWebpackPlugin is not a constructor，刚开始以为是包下载的问题，重装后发现还是出现这样的问题，翻了官方文档发现用法变了,而中文文档还没有更新过来。之前的写法var path = require("path");const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPl
2020-08-29 22:17:50
253
原创 You may need an appropriate loader to handle this file type
原因是我在webpack.config.js 配置loader时 写成 这种写法是错误的test:’/.css$/'正确写法应该是去掉引号 下面是正确写法var path = require("path");module.exports = { entry:"./src/index.js", output:{ filename:"bundle.js", path:path.resolve(__dirname,"dist") }, .
2020-08-29 21:40:47
19713
原创 web/h5/移动端PDF在线预览
移动端pdf在线预览效果：代码部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta na
2020-08-08 19:01:58
2826
原创 css 如何使图片与文字在div中居中展示
实现的效果完整代码<div style="border:1px solid yellow;color:yellow;text-align:center"> <img src="@/common/images/logo.png" style="width:44px;" alt=""> <span style="position:absolute;margin-top:10px;margin-left:5px;">小码音乐</span>
2020-08-05 23:21:10
2265
原创 JavaScript把Json数组变成Tree树型结构数据示例代码
1.js 把数组变成树型结构示例创建一个tree.js文件export class Treedatalist{ constructor(){ this.arraylist = []; this.data = []; } treedatalist(data){ if(data.length===0){ return; } this.data = data; data.for.
2020-07-29 19:21:25
871
原创 js前端文件下载
在HTML5中，download是便签的新增属性，download属性能让我们指定浏览器下载文件时的默认名称，将download属性添加到连接上，当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里，而且download属性能够强制触发下载操作具体介绍可参考：“了解HTML/HTML5中的download属性”。远程跨域的url地址点击进行下载二、借助HTML5 Blob实现文本信息文件下载原理其实很简单，我们可以将文本或者JS字符串信息借助Blob转换成二进制，然后，作为元素的
2020-07-14 23:52:05
1232
原创 前端 ajax FormData单文件上传和多文件上传 后台node+express+formidable接收处理
1.FormData单文件上传原型效果html部分代码当form中包含了 时，需要设置：<form … enctype=“multipart/form-data”>这个操作实际是设置了MIME stream类型，请求会以二进制传输。<div class="container"> <form enctype="multipart/form-data"> <div class="form-group"> &l
2020-07-10 19:55:27
1229
原创 前端 axios post 请求415问题
前后台通过axios进行数据交互的时候出现了异常报错415axios({ method: 'post', url: '/js/answer/save', data: JSON.stringify(obj),}).then(res=>{ console.log(res);}).catch(err=>{ console.log(err);})查看控制台 返回 错误415(不支持的媒体类型)error: "Unsupported Media Type"此处
2020-07-10 11:46:43
9909
1
原创 ES5 数组5种迭代方法
1.every();对数组中的每一项运行给定函数，如果该函数对每一项都返回true,则返回true。2.filter();对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组.3.forEach();对数组中的每一项运行给定函数，这个方法没有返回值4.map();对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。5.some();对数组中的每一项运行给定函数，如果该函数对任一项返回true,则返回true.在这些方法中，最相似的是every()和some(）；他们都是
2020-07-07 23:04:08
280
原创 小程序之引入腾讯路线规划插件实现地图路线导航功能
一：申请路线规划插件在微信公众平台申请插件，登陆小程序账号，“登录”->“设置”->“第三方插件”->“插件管理”->“添加插件”，直接搜"腾讯位置服务路线规划"添加成功后，点"详情"查看插件AppID可以看到插件AppID 为wx50b5593e81dd937a二.申请key1.进入详情页之后，点击开发文档==》接入指引==》相关参数说明==》申请 key，2.开发者密钥申请（里面内容自己填）3.key创建成功，然后进入：key设置4.授权APP ID 填
2020-07-05 23:04:41
2623
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人