
WEB前端微信开发
文章平均质量分 52
小三金
免费分享自己的小成果,因为是一个程序员儿,希望能帮到你!
展开
-
常用的前端地图框架(WebGIS框架)
JS常见的地图库原创 2023-02-13 09:29:22 · 1671 阅读 · 1 评论 -
vue design ant confirm中的content如何写HTML
ant库的confirm组件的content选项中,如何加入html代码原创 2022-06-13 14:08:35 · 5195 阅读 · 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 · 1452 阅读 · 0 评论 -
JS 浅谈事件循环机制
一、JS事件循环机制中,首先记住一个执行顺序公式:同 微 宏1 同步:一等公民(SVIP)2 微任务:二等公民(VIP)3 宏任务:三等公民(普通用户)二、什么是事件循环机制简单说,就是在执行栈中(依次压入栈里的代码先行执行)执行完毕后,再去找微任务执行,最后再找宏任务执行。所有进入这三个栈内的被称为任务队列。具体内容可自行搜索,网上太多三、到底怎么进入各自的队列呢?程序的执行顺序是自上至下,同步执行(一行一行执行),遇到异步,就跳过(异步自己去等待执行,比如aj原创 2022-04-24 16:38:16 · 1573 阅读 · 0 评论 -
vue 指令应用多次时,其动态值更新时,update会执行多次
前几天在开发时,心血来潮自己开发了一个v-loading指令,然后就应用到了页面中,我的页面有多处使用了该指令,但是令我EMO的时候也来了,页面很简单,只有三块区域,基本相同,但是中间有个显示后台结果的div区,我就想着,用指令来整个遮盖效果,所以,三个区域的结果区都有v-loading。v-loading指令代码如下,重点是update,也恰恰是它给我整emo了,因为,当我给v-loading重新赋值时,指令中的update居然执行了【3次】(发现问题是因为页面没有v-loading了,因为执原创 2022-04-21 09:59:40 · 3910 阅读 · 0 评论 -
vue 后台系统中多页面标签(2)增加右键菜单
先看图功能:重新写了tag标签页新增鼠标右键菜单右键菜单新增功能:关闭其它,关闭左侧,关闭右侧======================================================猥琐发育,别浪(直接代码一波)<template> <div class="menu-tags"> <template v-if="data.length != 0"> <div class="原创 2022-04-14 18:03:16 · 1765 阅读 · 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 · 342 阅读 · 0 评论 -
vue工程类型—vue 多模块、vue多项目集成工程
(个人)这里 的工程类型 只有两种:单工程 项目,多工程 项目(多个子工程集成)。一、业务场景: 1、一个项目有多个子模块(子模块之间没有关系,但他们有共用的一套权限校验);对于这样的场景是可以把项目独立发布到git仓库, 但是这样又涉及到每个模块都需要独立编译好再发布,实际过程有显得有些繁琐(实际视情况而定)。一个模块就建一个git仓库,那得建立多少个仓库, 后面会加入多少个模块还不一定呢。这样肯定会带来git仓库管理上的麻烦。客户方,肯定要求 这些 同类 功能的模块,...转载 2021-05-12 11:17:39 · 4960 阅读 · 0 评论 -
axios 二进制文件流的导出下载功能
文件导出,一般都是后台整合导出业务,最终给到前台一个URL,但是有时候会遇到二进制流。这时,应该在你的Axios中设置一下 【responseType: 'blob' // 表明返回服务器返回的数据类型】,并且下载的时候要用到方法 link.href = URL.createObjectURL(blob);即可handleExport() { //导出 let _this = this _this.$http({ method: 'post', url: _this...原创 2021-05-12 10:19:22 · 468 阅读 · 0 评论 -
Ubuntu安装vue环境
1 安装vmware(VMware Workstation v16.1.1),并且安装好ubuntu(本人下载的版本:ubuntu-21.04-beta-desktop-amd64),此处自行查找。安装好系统后,并设置root密码(第一次切换,请注意root密码设置),此处自行查找方法。2 在桌面处打开终端(快捷键:ctrl+alt+t),切换成root用户,命令:su rootlinux安装软件命令:普通用户(登录用户):sudo apt-get install包名/软件包名root用户.原创 2021-04-07 23:52:01 · 4547 阅读 · 1 评论 -
封装个查询条件区域组件
有时候查询页需要变化不同的样式,先看样式左右布局,且一行显示条件区,下图是一行形式点击按钮展示所有选项上代码1 condition-box.vue<template> <div :class="'condition-box ' + conditionClass"> <div class="condition-l" :style="conditionLStyle"> <slot name="condition.原创 2021-01-07 23:20:45 · 204 阅读 · 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 · 1567 阅读 · 3 评论 -
vue-cli4 创建新VUE项目
为了便于 Vue 项目的管理, Vue 团队官方开发了 vue-cli 工具。本文将带您使用 vue-cli 快速创建一个 Vue 项目。本地安装 vue-cli使用 npm 全局安装 vue-cli :npm i -g @vue/cli@3.0.0-beta.6创建项目执行:vue create my-project会弹出如下界面:选择套餐此处有两个选择:default (babel, eslint) 默认套餐,提供 babel 和 es..转载 2020-12-24 21:20:57 · 231 阅读 · 0 评论 -
小程序中使用第三方UI组件-VANT
看了几天的小程序文档,大体上有所了解了,如果你想快速学习小程序,最好有vue.js的功底,且至少了解一些框架原理,或者VUE很熟练才会快速吸收,否则还是有些迷糊。琢磨了几天,开始动手创建自己的页面,今天尝试着把vant ui接入进来,前两天一直是按照官方文档操作,结果失败,结果今天突然构建成功了,所以分享出来,大佬请绕行。小程序不像VUE,可以通过npm来安装第三方组件,所以需要【构建NPM】,所谓的构建NPM,我的理解就是把生产的文件,转成小程序自己的文件,初期没啥经验,只能照猫画虎,步骤如下:原创 2020-12-11 22:44:23 · 803 阅读 · 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 · 187 阅读 · 0 评论 -
微信 安卓 无法支持keydown keypress keyup
安卓 keycode原创 2016-05-12 15:41:25 · 1005 阅读 · 0 评论 -
模板引擎——artTemplate使用方法
artTemplate语法使用方法,artTemplate的变量如何使用,artTemplate if原创 2016-05-16 18:13:04 · 914 阅读 · 0 评论 -
artTemplate使用2
artTemplate如何遍历子对象原创 2016-06-02 15:41:19 · 631 阅读 · 0 评论 -
axios 报错
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求 前言: Vuex 的安装将不再赘述,可以参考之前的博客 Vue 爬坑之路(四)—— 与 Vuex 的第...转载 2018-06-14 11:17:41 · 6229 阅读 · 0 评论 -
vue引入JS的问题
问题:今天在做项目(vue)时,碰到一个老旧的问题,引入JS让我一头雾水。vue项目中,引入自定义JS,无非有两种,全局引入、单vue文件引入。无论哪种引入,首先你要了解一下import和requireimport:引入的js,必须是export出来的对象,或者常量等。require:commonJS类型对象。具体方案:一、全局式引入JS a.先准备自定义JS/...原创 2019-04-05 13:04:55 · 1344 阅读 · 0 评论 -
Vue 生产的反向代理
关于反向代理(跨域请求),简单说,访问一个地址 http://www.a.com 传送至 http://www.b.com。常见的就是nigix去做了。但今天我想说说VUE的反向代理的玩法。重点:只有在开发VUE项目时,你才可以用到反向代理(跨域请求)。什么意思?在 config/index.js中,找到dev中的proxyTable,此项就是设置你的跨域的设置,也就是你要代理的设置...原创 2019-05-21 15:34:11 · 770 阅读 · 0 评论 -
vue proxyTable反向代理——亲测有用
proxyTable的设置网上有的是,以前也没管过,但新公司的项目需要用到,所以就彻底研究一下,结果绕了好大的弯子!注:每次设置完proxyTable,请一定要重启,刷新不好使 npm run dev!开始前,请劳记上面操作,我就在这绕了很大的弯,一直以为页面刷新就行了,但是,webpack好像很特别的存在一样,它不执行。好了,开始配置:1 打开vue项目->config-&...原创 2019-09-20 16:49:37 · 1018 阅读 · 2 评论 -
IOS微信中点击事件会闪的问题-tap click区别
最近在写一个项目(zepto),遇到一个很低级的问题,即,在IOS微信下,点击二级菜单的时候,二级菜单区域会【闪一下】。这个问题以前没注意。不知道其它同学有没有遇到过。排查问题,我的菜单是有ICON切换样式,选中为绿色,未选中的均为灰色。我懒得写CSS样式,直接用js去更换IMG的SRC。一开始以为是更换图片时,需要加载图片,从而导致会闪。于是用了两个图片,一个显示一个隐藏,但最终还是会闪。郁原创 2016-05-10 12:19:20 · 2598 阅读 · 0 评论