![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 56
小三金
免费分享自己的小成果,因为是一个程序员儿,希望能帮到你!
展开
-
常用的前端地图框架(WebGIS框架)
JS常见的地图库原创 2023-02-13 09:29:22 · 1538 阅读 · 1 评论 -
vue-显示linux日志乱码,web终端组
vue读取linux日志字符串乱码原创 2022-06-28 11:01:58 · 840 阅读 · 0 评论 -
vue design ant confirm中的content如何写HTML
ant库的confirm组件的content选项中,如何加入html代码原创 2022-06-13 14:08:35 · 4341 阅读 · 0 评论 -
vue 读取excel内容
vue.js读取excel文件方法及组件原创 2022-06-02 14:23:37 · 8227 阅读 · 10 评论 -
vue子组件中使用window.onresize()只执行一次
描述:做了个简单的echarts组件,其中有个功能是当窗口变化时,刷新echarts。用了window.onresize(),且用了防抖方法,但是一个页面中会有多处用到echarts的组件,重点是当将窗口拖拽时,却只执行了一次。window.onresize = () => { delay(function () { //防抖重画 _this原创 2022-05-26 15:26:28 · 1820 阅读 · 0 评论 -
Koa2.js router 异步返回ctx.body失效的问题
koa2.js,用router返回数据时,正常写法如下(我是将接口封装了)//一个很普通的koa2.js get请求router.put('/getUserInfo', (ctx, next) => { const data = ctx.request.body ctx.body = { data:[{id:1,name:tom}], status: 200, message: 'success' }})//以下是封装写法,其实就是router的第原创 2022-05-06 11:28:07 · 1274 阅读 · 0 评论 -
JS 浅谈事件循环机制
一、JS事件循环机制中,首先记住一个执行顺序公式:同 微 宏1 同步:一等公民(SVIP)2 微任务:二等公民(VIP)3 宏任务:三等公民(普通用户)二、什么是事件循环机制简单说,就是在执行栈中(依次压入栈里的代码先行执行)执行完毕后,再去找微任务执行,最后再找宏任务执行。所有进入这三个栈内的被称为任务队列。具体内容可自行搜索,网上太多三、到底怎么进入各自的队列呢?程序的执行顺序是自上至下,同步执行(一行一行执行),遇到异步,就跳过(异步自己去等待执行,比如aj原创 2022-04-24 16:38:16 · 1541 阅读 · 0 评论 -
vue 后台系统中多页面标签(2)增加右键菜单
先看图功能:重新写了tag标签页新增鼠标右键菜单右键菜单新增功能:关闭其它,关闭左侧,关闭右侧======================================================猥琐发育,别浪(直接代码一波)<template> <div class="menu-tags"> <template v-if="data.length != 0"> <div class="原创 2022-04-14 18:03:16 · 1690 阅读 · 0 评论 -
【转】如何用一行 CSS 实现 10 种现代布局
转自公众号:Vue社区作者:@Una Kravetshttps://web.dev/one-line-layouts/现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。01. 超级居中:place-items: center对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center.转载 2022-04-14 17:50:11 · 116 阅读 · 0 评论 -
qiankun.js应用
qiankun.js配置方法原创 2021-12-22 17:15:59 · 5066 阅读 · 0 评论 -
一些有趣的WEB前端学习网站
1.Learn CSS layout:http://learnlayout.com2.Flexbox Froggy:http://flexboxfroggy.com3.EnjoyCSS:https://enjoycss.com4.Neumorphism:https://neumorphism.io5.uiGradients:https://uigradients.com6.JavaScript Fun:https://www.javascript.fun7.Share Icon :https:/原创 2021-12-14 17:44:12 · 1246 阅读 · 0 评论 -
JS new Object.create()的区别
包含手写new以及 手写Object.create(≖ᴗ≖)✧起因在整理原型这部分知识时,发现了两种修改原型的写法,好像并不影响测试结果function Fruit() { this.type = 'fruit'}function Apple() { this.name = 'apple'}// Apple.prototype = new Fruit()Apple.prototype = Object.create(Fruit.prototype);...转载 2021-11-10 11:13:28 · 90 阅读 · 0 评论 -
将现有vue项目基于electron打包成桌面应用程序
一、前言 项目本来打算采用B/S架构去做的,只是在"人群中多看了你一眼"。二、使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:gitclone https://github.com/electron/electron-quick-start 2.cd electron-quick-st.转载 2021-10-08 17:18:26 · 311 阅读 · 0 评论 -
web打印时,各种页面样式设置
最近碰到这个问题,我需要将网页打印成PDF文件。Chrome可直接将网页保存(打印)为PDF(无需安装Adobe),但式样跟网页上显示的截然不同。我测试了一下用法,了解了其中的一些原理和解决方法,总结如下。Chrome保存为PDF的界面上只有很少几个选项:这几个选项都浅显易懂。但需要注意的是,这里并没有让选「纸张大小」。Chrome在保存为PDF文件时,默认纸张大小是A4。若布局为纵向,显示大小为210mm×297mm;若布局为横向,显示大小为297mm×210mm。这时候需提到一个D.转载 2021-08-03 14:23:08 · 2034 阅读 · 0 评论 -
JS防抖与节流
1 什么是防抖?简单说,就是N秒内,只执行一次某方法,以防止【过度执行同一函数】而造成的内在资源浪费。// 防抖 function debounce(fn, delay) { let timer = null //借助闭包 return function() { if (timer) { clearTimeout(timer) } timer = setTimeout(fn, delay) // 简化写法 } } // 然后是旧代码 function.原创 2021-07-27 09:43:34 · 123 阅读 · 0 评论 -
vue拖拽方法,有边界控制,带吸附
Vue拖拽有很多方法,今天我用了指令去实现1创建公共指令,全局注册方式,也可以局部指令gap是附件值,也可以根据具体情况来设置// v-dragexport default { // 当被绑定的元素插入到 DOM 中时…… inserted(el) { let gap = 10 //缝隙:小于缝隙时,则吸附 let parent = el.offsetParent el.onmousedown = function(event) { var eleEvent =.原创 2021-06-29 15:16:25 · 5002 阅读 · 3 评论 -
offsetWidth clientWidth scrollWidth三者区别
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth(包括边线的宽);网页可见区域高: document.body.offsetHeight(包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: documen...转载 2021-06-29 14:03:41 · 193 阅读 · 0 评论 -
VueCli生产环境打包部署跨域失败的解决
https://www.jb51.net/article/199613.htm转载 2021-04-02 11:13:18 · 274 阅读 · 0 评论 -
封装element ui - table,支持自定义列
二次封装element ui table, 支持自定义列1 table.vue<template> <el-table :data="tableData" style="width: 100%" max-height="250"> <template v-for="(item, index) in columns"> <slot v-if="item.slot" :name="item.slot"></slot>原创 2021-01-01 22:57:13 · 1476 阅读 · 3 评论 -
vue中一个元素一个元素创建并分析内容,递归算法
需求,项目中往往用到的V-FOR基本上是固定的循环次数,或者固定的数组,但如果动态添加会如何?我的项目划分了N个页,就像WORD一样,当某页数据内容填充满了,我就得动态填加一页,并且分析新的页的有效区域是否能放r下我已有的数据内容,如果放下就不增加页了,如果放不下继续加页。最开始,我以为这不就是把 v-for='item in arr' arr动态加子项的问题吗?不过,v-for一次会重新...原创 2019-11-20 11:13:41 · 326 阅读 · 0 评论 -
vue,拖拽自定义指令
directives: { drag: { // (el, binding) inserted: function (el, binding) { var oDiv = el.children[3] var parent = el var validArea = 5 let elHeight = 0 ...原创 2019-11-13 16:36:49 · 156 阅读 · 0 评论 -
JS拖拽-改变高度
JS拖拽-改变高度思考:当我们点击方块的这些红色区域时,方快就知道我们想要改变它的大小// 获取event对象,兼容性写法var ev = ev || event;// 鼠标按下时的位置var mouseDownX = ev.clientX;var mouseDownY = ev.clientY;// 方块上下左右四个边的位置和方块的长宽var T0 = this.off...转载 2019-11-08 12:26:20 · 1136 阅读 · 0 评论 -
html5 移动设备旋转角度信息
deviceorientation原创 2016-05-18 15:21:13 · 673 阅读 · 0 评论 -
jquery 插件编写
如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的。下面,我们有了一个插件的基本层次: // Shawn Khamen转载 2016-05-20 14:14:52 · 318 阅读 · 0 评论 -
angular 监听路由状态变化
app.run(['$rootScope', '$location' ,'$cookieStore', '$state', 'CacheManager', function($rootScope, $location, $cookieStore, $state,CacheManager){//监听路由事件 $rootScope.$on('$stateChangeStart'转载 2016-08-17 10:22:18 · 1383 阅读 · 0 评论 -
H5 移动端 时间选择器
移动端 时间选择器原创 2016-08-30 16:42:55 · 10691 阅读 · 0 评论 -
vue实例中的data中的值,无法更新视图
最近在研究vue.js(2.0+),然而遇到一个大炕描述:电商中,增加数量至购物车按钮:1,axios请求数据,并通过$set(target,key,value),赋值给实例data的productList属性2,页面中v-for绑定每个商品,并且,将数量默认给0等等,这个问题就来了,如何将数量默认给个0,这个购买的数量值该怎么存,由于刚开始用vue,我只能想到,将请求过来的数re原创 2017-10-21 10:38:40 · 2718 阅读 · 0 评论 -
vue引入JS的问题
问题:今天在做项目(vue)时,碰到一个老旧的问题,引入JS让我一头雾水。vue项目中,引入自定义JS,无非有两种,全局引入、单vue文件引入。无论哪种引入,首先你要了解一下import和requireimport:引入的js,必须是export出来的对象,或者常量等。require:commonJS类型对象。具体方案:一、全局式引入JS a.先准备自定义JS/...原创 2019-04-05 13:04:55 · 1233 阅读 · 0 评论 -
vue proxyTable反向代理——亲测有用
proxyTable的设置网上有的是,以前也没管过,但新公司的项目需要用到,所以就彻底研究一下,结果绕了好大的弯子!注:每次设置完proxyTable,请一定要重启,刷新不好使 npm run dev!开始前,请劳记上面操作,我就在这绕了很大的弯,一直以为页面刷新就行了,但是,webpack好像很特别的存在一样,它不执行。好了,开始配置:1 打开vue项目->config-&...原创 2019-09-20 16:49:37 · 955 阅读 · 2 评论 -
html5如何获取手机陀螺仪角度信息
html5事件中,deviceorientation事件,此事件是检测设备方向变化时的事件。其常用属性为alpha(x)、beta(y)、gamma(z)。默认将手机垂直,且正面(90度)冲着自己alpha:左右旋转beta:前后旋转gamma:扭转(自转) DeviceOrientationEvent原创 2016-05-18 15:13:49 · 12936 阅读 · 0 评论