- 博客(14)
- 收藏
- 关注
原创 electron自定义后缀名,双击打开关联程序
electron-packager 双击后缀名.aul(自定义后缀名)的文件打开我们研发的electronAul.exe程序并展示这个文件里面的内容
2022-06-17 11:26:22 1311 2
原创 Safari浏览器display: flex布局错乱,Chrome布局正确
Safari浏览器display: flex布局错乱,Chrome布局正确display: flex;align-items: center;justify-content: end;chrome显示结果Safari显示结果这个时候只需要把justify-content: end替换成 justify-content: flex-end就可以了所以在开发当中,不管是justify-content还是align-items时都因该将start替换为flex-start ,end 替换为fl
2022-05-25 14:13:21 1358 1
原创 JS全屏和取消全屏
1.全屏注:全屏整页 const el = document.documentElement;,指定某个盒子全屏const el = document.getElementById('boxId'); handleFullScreen = () => { const el = document.getElementById('boxId'); const rfs = el.requestFullScreen || el.webkitRequestFullScreen || el
2021-01-19 15:58:32 341 1
原创 抖动和节流
1.抖动触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次触发,则重新计算时间。const debounce = (fn, time) => { let timer = null; return function() { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arguments); }, time); }};2.节流高频事件触发,但n秒内只
2021-01-15 15:22:05 536
原创 解决图片保存到Storage之后file为空而无法上传
以前在工作中碰到一个功能,用户可以在没有网的时候选择图片,在有网的时候进到该页面再上传图片,所以得把数据保存到Storage。但是我发现文件类型的数据保存到Storage后变为{},而后台只接收文件对象。解决这个问题的办法有两个:1.后台改接收参数类型2.把类型为base64格式的url转为blob方式上传(这样后台返回的文件也为blob格式,不过没关系,img标签可以解析的)// base...
2020-05-17 14:28:44 1552
原创 js实现图片放大缩小平移
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img { width: 200px; heig...
2019-11-14 17:03:00 1160
原创 使用xlsx.full.min.js读取excel表格数据
话不多说,直接上图excel 数据是这样的结果是这样的代码如下,需要引入xlsx.full.min.jshttps://github.com/TaoZY512/xlsx<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...
2019-11-07 11:16:19 21129 3
原创 打包报错,提示UglifyJs Unexpected token: keyword «const»
打包的时候遇到一个问题,我尝试用npm run build和umi build命令来打包,提示都不一样1.npm run build2. umi build我找了很多资料,发现原来是UglifyJs当前的版本不支持es6的写法,其中一种解决的办法就是升级更新UglifyJs的版本npm i uglifyjs-webpack-plugin@1如果提示出错可以改用淘宝镜像来安装cnp...
2019-10-30 11:33:17 7928
原创 下载文件并重命名
1.POST方式export async function exportQuantityStatistics(payload) { return fetch(`url`, {method:'POST',body:JSON.stringify(payload) , headers: {'Content-Type': 'application/json'}}).then(res => ...
2019-10-27 20:14:05 2587
原创 React 实现地区三级联动
效果图main.js 代码:import React, { Component } from 'react'import { Select } from 'antd';import Model from './data';import 'antd/dist/antd.css';const Option = Select.Option;export default class ...
2018-11-20 18:40:50 3171 3
原创 react -> antd (Table 与 Cascader 平级数据转树形实操)
如果你刚开始学习前端或者 React,将 UI 框架作为你的第一步可能不是最好的主意。 (这是引用antd官网的一句话),虽然说一开始用antd作为UI框架对新手来说并不是很好,但是如果工作需要呢,那就不得不这样做了。下面我就挑两个常用而且对新手稍微有点难度组件来进行讲解,分别是table表格和 Cascader级联选择。antd -> Table 树形数据展示效果如下:第一步:打...
2018-11-05 14:41:26 1752
原创 函数
函数就是使用关键字 “function” 定义的一段具有独立作用域,能被反复执行的语句块,JavaScript函数大致包括普通函数、变量函数、构造函数、匿名函数、闭包函数以及ES6新增的箭头函数等。1.函数定义函数利用关键字**“function”**声明,其语法表现形式如下:function function_name(arguments) { // body...}functio...
2018-10-29 09:24:30 126
原创 全面解析this
全面解析thisthis是一个很特别的关键字,也是Javascript中最复杂的机制之一,它被自动定义在所有函数的作用域中。如果你想要熟练的去使用他,那么你将需要了解一下几个问题。1.为什么要用this下面我们来解释一下为什么要使用this:function identify() { return this.name.toUpperCase();}function speak...
2018-10-22 14:32:16 188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人