- 博客(26)
- 收藏
- 关注
RSS订阅原创 vite+vue3+ts+Threejs 实现web3D车展，并可切换颜色
vite+vue3+ts+Threejs 实现web3D车展，并可切换车身颜色
2022-06-20 19:29:03
1293
1
原创 钉钉 基于vue开发h5微应用，免登录获取用户信息
需求在钉钉里面内嵌一个自定义的h5应用，点击微应用获取到用户信息，实现微应用免登录访问准备工作，查看钉钉开放平台文档开发H5微应用免登流程 文档位置钉钉API总览vue获取钉钉免登授权码code先安装 npm install dingtalk-jsapi --saveimport * as dd from 'dingtalk-jsapi'/* eslint-disable */export function GetCode(callback) { const corpId =
2021-09-09 17:02:50
4920
4
原创 vue+ts Vue.prototype绑定问题
在main.ts 里面然后在src目录下新建一个xxx.d.ts文件import Vue from 'vue' // 记得先引入Vuedeclare module 'vue/types/vue' { interface Vue { $dd: any }}然后就可以正常使用并且编译没报错
2021-09-09 11:14:19
1622
原创 wangEditor + vue双向绑定（光标游走问题）
安装 npm i wangeditor --save组件封装使用：参考文献：https://juejin.cn/post/6915967073432633357
2021-09-03 17:35:54
694
1
翻译 git操作文档
常用操作git clonegit configgit branchgit checkoutgit statusgit addgit commitgit pushgit pullgit loggit tag接下来，将通过对 我的博客 仓库进行实例操作，讲解如何使用 Git 拉取代码到提交代码的整个流程。git clone“从git服务器拉取代码git clone https://github.com/gafish/gafish.github.com.git代码下载完成后在
2021-07-07 18:17:36
103
翻译 vue ctrl、shift 键实现多选功能
<div> <div v-for="(item, index) in listData" :key="item.id" :class="item.selected ? 'is-actived-box' : ''" @click="handleItem(item, index)">{{ item.label }}</div></div>keyevent () { var that =this; // 按下键盘 document.onkey
2021-06-25 11:28:40
1405
1
原创 VUE项目配置API服务器的两种情况 + NGINX 配置VUE项目
第一种情况如果打包好的vue项目应用(dist) 和后端 API 服务器没有运行在同一个主机上此时需要在开发环境下将 API 请求代理到 API 服务器。通过配置 vue.config.js 中的 devServer.proxydevServer: { port: 8081, // 生产环境启动端口 proxy: { '/xxx': { target: 'http://xxx.xxx.x.xxx:8090', ws: true, // p
2021-03-10 11:02:44
2164
原创 JSEncrypt 3.0.0 版本 JSENCRYPT_VERSION is not defined
问题描述如图解决：只需将 import jsencrypt from 'jsencrypt' 改成 import jsencryptfrom 'jsencrypt/bin/jsencrypt.min.js'
2021-02-07 14:48:16
1709
原创 vue项目使用vue-quill-editor富文本编辑，自定义图片从系统素材库中选择
如图1、 安装npm install vue-quill-editor -S2、组件内使用import { quillEditor, Quill } from "vue-quill-editor";import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";3、使用<template> <div> &
2021-02-04 17:50:04
827
翻译 vue项目打包后有哪些文件~详析
css文件夹下的.css文件是项目要用到的css文件,当你做webpack打包的时候，会把所有的css样式打包到这里css文件夹下的.css.map文件是一个Source map文件，Sourcemap就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。目的是帮助我们调试被压缩过的css代码，只是方便我们开发的时候做调试使用。js文件夹下的.js.map依然是Source map文件，方便我们开发时调试js代码使用。app.js文件里放的...
2020-12-15 17:14:02
6425
原创 cordova + vue 兼容ios
在index.html 写入一下配置<meta http-equiv="Content-Security-Policy" content="default-src *;img-src 'self' data: 'unsafe-inline'; style-src 'self' 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"><meta charset="utf-8"><meta http-equiv
2020-12-04 15:55:33
285
翻译 自定义 toast （vue.extend）
自定义Toasttoast.vue<template> <div class="toast" v-if="showWrap"> <div class="toast_icon"> <img v-if="iconState === 'S'" src="../assets/images/success.png" alt=""> <img v-if="iconState === 'F'" src="../assets/im
2020-11-27 10:25:24
150
原创 cordova + vue 开发APP +（监听原生返回事件）
什么是 cordovacordova 是由 Apache 基金会支持的，使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架。其支持调用手机系统（Android、IOS、Windows phone）原生 API，它可以将你写的 Web 程序包裹进原生的 APP 壳中，也就是我们常说的 Hybrid APP （混合应用）。本文是一个前端开发者如何从 0 开始结合 Vue 来构建一个简单的 APP安装cordovanpm install -g cordova创建 cor
2020-11-26 11:46:00
889
3
翻译 vue项目使用canvas实现水印功能
Vue项目在页面添加水印功能 创建watermark.js文件let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412416'; if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)); } //创建一个画布 let can
2020-11-24 13:59:53
1109
原创 web页面上手动配置切换axios请求服务地址
在项目过程中，遇到客户要求上图效果。在页面上动态配置切换服务器地址，通过查询axios官方文档，发现可以通过重新实例化来实现项目在fetch.js里封装了axios// 初始化axios配置var service = axios.create({ // timeout: 6000, baseURL: 'http://***.***.*.***:8088/'});在配置URL页面import fetch from "@/utils/fetch"setUpUrl () { l.
2020-11-16 11:50:41
409
原创 使用网易易盾验证码
网易易盾文档地址：http://support.dun.163.com/documents/15588062143475712?docId=294963579379175424&locale=zh-cn
2020-07-17 15:16:04
1422
原创 vue项目 使用国密SM2
什么是国密算法？国密算法是国家密码管理局制定的自主可控的国产算法，包括SM1、SM2、SM3 、SM4、SM7、SM9、祖冲之密码算法（ZUC)等。在金融领域目前主要使用公开的SM2、SM3、SM4三种商用密码算法，分别为非对称加密算法、哈希算法和对称加密算法。SM2算法和RSA算法都是公钥密码算法，SM2算法是一种更先进安全的算法，在我们国家商用密码体系中被用来替换RSA算法。随着密码技术和计算机技术的发展，目前常用的1024位RSA算法面临严重的安全威胁，国家密码管理部门经过研究，决定采用
2020-07-17 14:14:55
7580
8
原创 基于VUE 开发的 表单设计器
k-form-design 基于vue和ant-design-vue实现的表单设计器组件预览地址http://cdn.kcz66.com/form-design.html组件地址 https://www.npmjs.com/package/k-form-design开源地址https://github.com/Kchengz/k-form-design第二种 基于开源Element UI表单设计及代码生成器Form Generatorgithub仓库 .
2020-07-14 10:33:44
9930
3
原创 递归树形json数组，查找所有父节点，展开父节点，删除子节点
递归json数组，查找所有父节点，展开父节点删除子节点// 查找子节点的所有父节点getParentNode (arr1, id) { let getNodeArr= [] const forFunc = function (arr, id) { for (let i = 0; i < arr.length; i++) { let getNodeArr= arr[i] if (item.id === id) { getNodeArr.p.
2020-07-13 16:18:50
1179
原创 npm ERR! chromedriver@2.46.0 install: `node install.js`
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! Th...
2019-08-12 17:05:20
827
翻译 display:inline-block 兼容性
IE6、IE7不识别inline-block， 支持宽高，不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法：原理 : 直接将块元素设置为display:inline呈现为内联对象，然后触发layout(如zoom:1)。兼容所有浏览器的方法是：{ display:inline-block; *display:inline;...
2019-08-09 18:11:16
340
原创 卸载vue-cli2，再安装vue-cli3
先卸载旧版本（npm uninstall vue-cli -g）再安装Vue CLI 3（npm install -g @vue/cli）若安装报错如下：先执行 npm cache clean --force 清除缓存 出现说明执行成功再 npm installnpm install -g @vue/cli 安装vue-cli3npm -V 查看是否安装成功新建项目 vue...
2019-08-08 11:29:07
1638
翻译 vue2.0项目CSS3动画打包后动画失效解决办法
vue2.0 + webpack做项目时，css3动画打包前正常，打包后失效，原因是：vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理"browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ]意思是 只兼容主流浏览器的最新两个版本。如果我们要兼容所...
2019-07-22 17:05:42
1042
1
翻译 npm ERR! chromedriver@2.46.0 install: `node install.js`
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chromedriver@2.46.0 install: `node install.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the chromedriver@2.46.0 install script. npm ERR! Th...
2019-06-19 10:36:28
763
原创 echart图表 宽高度自适应
之前在使用echart的时候就发现了echart是不支持图表高度自适应的。翻阅echarts文档，里面都有配置详细介绍，通过设置宽度百分比再使用 echart图表本身是提供了一个resize的函数可实现宽度自适应。 但是二十世纪新世界，只能宽度自适应那可是不行的呀Follow me设置渲染echart图表的div随着window的width和height变化而变化// An highligh...
2019-06-18 10:23:22
4095
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人