LonM-优快云博客

api.standardDownload(e.id).then(res=>{ console.log('文件流--',res); const link = document.createElement("a"); let blob = new Blob([res], { type: "application/x-zip-compressed", // type: "application/json

2022-05-16 08:57:46 452

原创 Range - 获取光标位置

Range简介Range就是通过鼠标或者键盘或者代码选中的一段内容，这段内容浏览器会将其封装成一个Range对象。获取光标位置Chrome用getBoundingClientRectlet range = window.getSelection().getRangeAt(0).getBoundingClientRect();Safari用getClientRectlet range = window.getSelection().getRangeAt(0).getClientRects()[0

2022-01-10 16:10:02 1097

原创 vueDialog弹框被遮罩层挡住

给dialog弹框添加下面的属性:modal-append-to-body='false'//遮罩层是否插入至 body 元素上，//若为 false，则遮罩层会插入至 Dialog 的父元素上

2021-12-20 11:30:59 959

原创深度克隆方法

const clone = obj => { // 深度克隆 var o, i, j, k; if (typeof (obj) != "object" || obj === null) return obj; if (obj instanceof (Array)) { o = []; i = 0; j = obj.length; for (; i < j; i++) { if (typeof (obj[i]) == "object" &

2021-12-12 15:24:19 273

原创关于element-ui输入框无法输入的问题

1.值确实改变改变了2.页面dom没有更新解决方法：给 el-input 标签加上下面的事件@input="$forceUpdate()"

2021-11-30 09:29:36 304

原创删除highcharts数据标签上的阴影/背景发光

删除highcharts数据标签上的阴影/背景发光 plotOptions: { columnrange: { // or general options: "series: { ... }" dataLabels: { enabled: true, color: 'red', style: { textOutline: false

2021-11-05 11:22:41 564

原创 js实现汉字中文排序

js实现汉字中文排序的方法数组内的元素是对象，以对象某一个属性进行排序var arr = [ {name: '南京', code: '09', info: {province: '江苏'}}, {name: '北京', code: '01', info: {province: '北京'}}, {name: '上海', code: '02', info: {province: '上海'}}, {name: '深圳', code: '05', info: {province:

2021-11-05 11:19:17 9281 1

原创 js自动触发按键操作

HTMLElement.prototype.pressKey = function(e) { var doc = document.createEvent("UIEvents"); doc.keyCode = e; doc.initEvent("keydown", true, true); this.dispatchEvent(doc);}例：自动触发按回车键document.body.pressKey(13);

2021-09-06 10:32:35 5823 3

原创单行或多行文本溢出隐藏

单行：overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行：overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;//两行-webkit-box-orient: vertical;

2021-09-06 10:28:22 163

原创根据对象的某个键值对排序

根据对象的某个键值对排序//数组根据id从小到大排序var arr = [ { name: "aaa", id: "11"}, { name: "bbb", id: "12"}, { name: "ccc", id: "13"}]; function order(pro) { return function (obj1, obj2) { var val1 = obj1[pro]; var val2 = obj2[pro];

2021-09-06 10:23:39 353

转载 vue3.0概述

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy代

2021-08-09 12:31:09 1154

原创 xml字符串格式化

vue，xml字符串格式化方法format(str){ var text = str //去掉多余的空格 text = '\n' + text.replace(/(<\w+)(\s.*?>)/g,function($0, name, props) { return name + ' ' + props.replace(/\s+(\w+=)/g," $1"); }).replace(/>\s*?</g

2020-08-28 09:09:12 374

原创 React基础

react1.React基本用法、脚手架、JSXReact安装命令: npm i react react-domreact 包是核心，提供创建元素，组件等功能react-dom 包提供DOM相关功能React基本使用//一.引入react和react-dom的两个js文件<script src="./node_modules/react/umd/react.developm...

2020-02-16 17:35:17 1090

原创前端开发基础知识汇总

一.HTML1.前言与常用标签浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。Safariwebkit现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了...

2020-01-08 18:25:18 8232 1

原创 git第二篇

GIT 版本控制软件目标理解版本控制能进行代码的托管能够安装好git环境记忆git工作的基本流程能够使用git进行本地的提交能够使用git撤销文件理解git分支，创建分支，切换分支能够注册github账号，并且创建仓库理解多人开发的使用流程，并且能够解决冲突能够使用SSH免密登录能够配置git清单文件版本控制概念什么是版本管理版本管理是一种记录文件变化的方式，以便将...

2019-11-07 08:28:28 182

原创 Vue新手入门

Vue概述1.指令v-cloak防止页面加载时出现闪烁问题<script type="text/css"> [v - cloak] { display: none; }</script> <div id="app" v-cloak></div>v-textv-text指令用于将数据填充到标签中，作用于插值表达式类...

2019-10-23 00:00:37 554

原创 git操作概述

git概述Git是一个分布式版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。安装完后，右键会出现git菜单，选中 Git Bash Here，弹出命令窗口输入命令 git --version 查看git版本git使用前配置配置提交人姓名：git config --global user.name 提交人...

2019-10-22 23:57:04 145

原创前端Ajax概述

Ajsx概述它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。1.运行原理、Ajax封装、模板引擎创建ajax对象 var xhr = new XMLHttpRequest();告诉 Ajax 请求地址以及请求方式xhr.open('get', 'http://www.example.com');发送请求xhr.send();...

2019-10-22 23:55:46 367

原创前端node.js概述

八.nodeNode环境中的 Javascriptnode.js：Javascript的服务器端运行环境，可以让程序员使用Javacript来实现服务器端的编程，没有浏览器和HTML的概念，没有 BOM 和 DOMNode中的js组成：ECMAScript核心 + 全局成员 +核心API模块全局成员：console、setInterval、setTimeout… 核心API模块：...

2019-10-22 23:54:09 618

原创前端JS高级部分（包含ES6新增特性）

前端JS高级1.对象与类对象对象是由属性和方法组成的：是一个无序键值对的集合,指的是一个具体的事物属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）类类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象创建类语法：class name{constructor( ){ ..... }...

2019-10-22 23:51:44 568

原创前端jQuery

前端jQuery1.选择器、样式操作、效果jQuery 对象本质是：利用$对DOM 对象包装后产生的对象（伪数组形式存储）注意：只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。jQuery 的下载**jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。各个版本的下载：https://c...

2019-10-22 23:49:37 270 1

原创前端Web API

前端Web APIAPI是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能1.获取元素、事件基础、操作元素获取元素根据ID获取语法：document.getElementById(id)返回值：元素对象或 null根据标签名获取元素语法：document.getElementsByTagName('标签名') 或者 element.getElementsByTagNa...

2019-10-22 23:48:10 576

原创前端Web--JS基础部分

js基础1.数据类型JS组成ECMAScript——JavaScript语法DOM——页面文档对象模型BOM——浏览器对象模型数据存储单位大小关系：bit < byte < kb < GB < TB<.....位(bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）字节(Byte)：1B = 8b千字节(KB)：1KB = ...

2019-10-22 23:46:09 189

原创移动开发的四种布局模式

1.流式布局布局视口 layout viewport移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。视觉视口 visual viewport它是用户正在看到的网站的区域。注意：是网站的区域。我们可以通过缩放去操作视觉视口，但不会影响布局视口，布局视口仍保持原来的宽度。理想视口 ideal viewport理想视口，对设备来讲，是最理想的视口尺寸...

2019-10-22 23:44:18 661

原创 html5+css3基础总结

1.html5标签语义化标签header 头部标签nav 导航标签article 内容标签section 块级标签aside 侧边栏标签footer 尾部标签h5表单属性placeholder:占位符-提示信息autofocus:自动获得焦点-一般页面中放1个autocomplete 自动完成当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在...

2019-10-22 23:42:03 294

原创前端html+CSS基础