汤玉鹏

原创 Vue2+Vue3」 的 62 个知识点，看看你掌握了几个

这里只说Vue2的bind：指令绑定到指定元素时调用，只调用一次inserted：指定元素插入父节点时调用update：所在组件的 VNode 更新时调用：所在组件以及其子组件 VNode 全部更新后调用unbind：只调用一次，指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过，报错return [== -1model: {

原创 获取安卓包的公钥信息

将CERT.RSA 后缀名修改为p7b, 打开查看公钥信息。

原创 如何从 html 页面调用在 javascript 模块 (type=module) 中声明的函数

其次，模块有它自己的范围（这是模块的全部意义），因此您需要将函数添加到全局范围。首先，必须明确导出您的功能。现在你不需要这部分了。

原创 Vue3 ＜script setup lang=“ts“＞ 使用指南

本文主要是讲解 与 TypeScript 的基本使用

原创 Oasis Engine 3d全景展示demo

​Oasis Engine是一套 Web 为先，移动优先的互动引擎，使用Typescript编写。核心功能由oasis-engine提供，非核心和偏业务逻辑定制的高级功能由oasis-engine-toolkit提供，推荐通过NPM的方式进行安装：​...

原创 30张图带你快速了解TypeScript

前言每个月都会有总结和分享会📚，这个月也一样于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅本文特点✨：以图的形式，言简意赅的汇总TS相关知识点 附高清原图及源文件，可二次修改备注：本文以基础为主，大佬请左转👈🏻正文30张脑图常见的基本类型我们知道TS是JS的超集，那我们先从几种JS中常见的数据类型说起，当然这些类型在TS中都有相应的，如下：特殊类型除了一些在JS中常见的类型，也还有一些TS所特有的类型类型断言....

原创 Vue3的七种组件通信方式，别再说不会组件通信了

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式：props emit v-model refs provide/inject eventBus vuex/pinia(状态管理工具)开始搞事情~Props方式Props方式是Vue中最常见的一种父传子的一种方式，使用也比较简单。根据上面的demo，我们将数据以及对数据

原创 10个可视化 CSS 工具， 快速生成 CSS 片段

今天继续推荐提高我们摸鱼时间的几个神器，相信我，你会爱上他们的。1. Neumorphism地址：https://neumorphism.io/这个网站为section或div生成对应UI，它也可以自定义border-radius,box-shadow等。2. Shadows Brumm地址：https://shadows.brumm.af/它可以为我们生成多个分层阴影，一种非常酷的效果，也可以从曲线中自定义颜色。3. CSS Clip-path Make...

原创 Vue3 富文本

这是我的二.新建TEditor.vue组件<template> <div class="tinymce-box"> <Editor v-model="contentValue" :init="init" :disabled="disabled" @onClick="onClick" id="tinymce" /> </div></temp......

原创 vue3 Cannot read property ‘custom‘ of undefined

vue3 打包部署到服务上Cannot read property 'custom' of undefined这个真坑，我以为是代码的错，翻来覆去的找，代码一遍一遍的删，一遍一遍的部署到服务器上，一个一个的查找问题，加班到深夜，才发现是qs插件的问题解决方式：找了一个低版本的"qs": "^6.9.5"坑！坑！坑！...

原创 如果你的网站需要免费的 SVG 插图，一定不要错过 Undraw 这个网站

1. Undraw如果你的网站需要免费的 SVG 插图，一定不要错过 Undraw 这个网站！SVG 插图资源是海量的，本瓜下拉了十几、二十次都拉不完（当然，搜索功能也是有的）；并且，你还可以自定义插图的配色，简直不要太 NICE~海量资源，支持搜索????随意更改配色????作者：掘金安东尼链接：https://juejin.cn/post/7003114103094902792来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。....

原创 JS 判断一个数组对象中是否包含另外一个数组对象

需求：判断一个对象数组中是否包含另一个对象，并找出重复数量，重新组成新的数组let _arr=[{"createTime":1627973644000,"delFlag":1,"delTime":null,"modularArtRatio":1,"modularCode":"KG1101","modularCombinedNumber":0,"modularGalleryId":"0","modularId":"1422450678076411904","modularImg":"https://fi

原创 CSS Inspiration

展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法https://chokcoco.github.io/CSS-Inspiration/#/./init

转载 25 个 Vue 技巧，开发了 5 年了，才知道还能这么用

25 个 Vue 技巧，开发了 5 年了，才知道还能这么用以下文章来源于大迁世界，作者前端小智大迁世界我要先坚持分享20年，大家来一起见证吧。作者 |前端小智来源 |大迁世界学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。在用 Vue 开发的这几年里，我学到了很多有用的技巧。有些很取巧，有些几乎每天都在用，有些则更高级--但它们都很有用。1. 将一个 pr...

转载 10 个实现炫酷 UI 设计效果的 CSS 生成工具

根据设计领域的最新趋势，我选择了10个值得你关注的CSS生成工具，以帮助你构建漂亮炫酷实用的UI界面。这些工具将有助于提升设计人员和前端开发人员的工作。1、Neumorphism地址：https://neumorphism.io/它创造了一种全新的UI风格。来自世界各地的设计师已经在Dribbble和Behance上看到了引人注目的中性设计。但是这个工具，可以直接在线调试UI风格，并直接生成CSS代码。2、带有渐变的图标地址：https://www.iconshock.c

原创 在vue里面使用eval（）函数

eval()：作用：它的作用是把对应的字符串解析成js代码并运行(将json的字符串解析成为JSON对象)；特点：它是一个全局函数；缺点：1>在该函数内部申明的变量都是全局变量，且申明的变量不会提升；2>耗性能，执行2次，一次解析成js语句，一次执行js代码；举例：自身定义的函数，通过动态的赋值xTable${index}`以上代码返回的是一个字符串，并不能调取定义的方法let a=[`xTable${index}`]; console.log

原创 Vue 动态设置ref变量

setUp(){ let tableArry=[ref({} as VxeTableInstance),ref({} as VxeTableInstance)]}return {tableArry}获取值tableArry[0]

原创 Vue3 父调子

父组件<UnitSelection ref="unit"></UnitSelection>setup() { const unit = ref(null);}const newUnit = () => { unit.value.insertEvent(); };子组件const insertEvent =()=>{//处理事件}

原创 Vue3 子调父

父组件<EmbroideryUnit @elDropdownItemfn='elDropdownItemfn'></EmbroideryUnit>子组件emits: ["elDropdownItemfn"], setup(props, {emit}) { const elDropdownItem = (e,val,type) => { console.log("e:", e); emit("elDropdownItemfn"

原创 全面总结 Vue 3.0 的新特性

Vue3.0从20年九月发布第一个One Piece版本，到现在一直在更新优化；中文版的官方文档也已经放出；那么作为终端用户的我们来看下Vue3新增了哪些功能和特性。尤大大在B站直播时分享了Vue3.0的几个亮点： Performance：性能优化 Tree-shaking support：支持摇树优化 Composition API：组合API Fragment，Teleport，Suspense：新增的组件 Better TypeScript suppo

原创 Vue3中的兄弟组件的数据传递

安装并使用mitt不需要写任何复杂的代码，使用方式和vue2几乎无差别$ npm install --save mitt挂载//main.js中import mitt from "mitt"import { createApp } from "vue" const app = createApp({})//正常配置//挂载事务总线app.config.globalProperties.$bus = new mitt()使用//在组件A中使用事务总线触发某个动作t

原创 git强制提交命令

git commit -m "提交备注" --no-verify可以用于vue的严谨模式，代码不能提交的情况

转载 Vue3.x知识地图

原创 vue3 获取当前路由参数

<script>import {useRouter, useRoute} from 'vue-router'export default { setup(){ // 获取路由器实例 const router = useRouter() //使用 //router.push..... 等等方法 // route响应式对象，监控变化，传值 const route = useRoute //获取 处理route.query 等等 }}</sc.

转载 TS 学习指南

一份不可多得的 TS 学习指南（1.8W字）阿宝哥第一次使用TypeScript是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从16个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错过。一、TypeScript 是什么TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的...

转载 VUE3 Composition API详解

LifeCycle Hooks在新版的生命周期函数，可以按需导入到组件中，且只能在setup()函数中使用.import { onMounted, onUnmounted } from 'vue';export default { setup () { onMounted(()=>{ // }); onUnmounted(()=> { // }); }...

转载 Composition API初体验

Composition API初体验介绍Composition API的主要思想是，我们将它们定义为从新的setup函数返回的JavaScript变量，而不是将组件的功能（例如state、method、computed等）定义为对象属性。案例对比下面是一个经典的vue2的计数器案例.//Counter.vueexport default { data: () => ({ count: 0 }), methods: { increm...

原创 Flutter 开发功能简介

1.Flutter 简介2.Flutter 支持华为，小米，极光等离线推送吗？3.Flutter 支持 图片缩放，拖拽吗？

原创 uniApp wx-open-launch-app 微信浏览器内打开app及遇到的坑

概述微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验。此文档面向网页开发者，介绍微信开放标签如何使用及相关注意事项。需要注意的是，微信开放标签有最低的微信版本要求，以及最低的系统版本要求。微信版本要求为：7.0.12及以上 系统版本要求为：iOS 10.3及以上、Android 5.0及以上对于符合微信或系统最低版本要求但仍无法使用微信开放标签的场景，将会在下方使用步骤中的wx.con

原创 uniApp 关于websocket接口封装，心跳，断线重连

创建websocket.js文件在关闭websocket的时候调用close方法，始终会报Cannot read property 'close' of null这个错误，这个困扰了我好久解决方法：关闭前先检查下close方法是否有效import store from '@/store/index.js'import http from "../../api/http.js";import base from '@/utils/base'import { socketEncry

原创 前端面试题

1.v-show和v-if有什么区别 什么时候使用最好区别：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；什么时候使用：如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。2.带宽增加，什么方式去考虑问题1.病毒 在服务器上安装杀毒软件，进行杀毒。2.网络攻击 登陆阿里云管理控制台，查看云盾中的防护 DDOS 攻击是否调整好阈值， 并核...

原创 es6 实现一个对象给另一个对象赋值

let arra = { 'aaa':'', 'bbb':'', 'ccc':''}let arrb = { 'aaa':'111', 'bbb':'222', 'ccc':'333', 'ddd':'444', 'eee':'555'}const listAssign = (arra, arrb) => Object.keys(arra).forEach(key => { arra[key] = arrb[key] ||.

原创 es6中class类的全方面理解

传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例：//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）function Person(name,age) { this.name = name; this.age

原创 JS 深拷贝与浅拷贝

第一个方案是使用JSON.stringify将Object转化为Json字符串，然后在用JSON.parse将json字符串转为Object对象。我们来测试下let obj1 = { "name": "Umbrella", "sex": "man" };let obj2 = obj1;//浅拷贝obj2.name = "Umbrella1024";console.log(obj1);let obj3 = JSON.parse(JSON.stringify(obj1));console.l

原创 vue,vue-electron的WebSocket.js的封装

WebSocket.jsimport store from '../store' //vueximport config from './config' //配置文件export default { ws: null, websocket: false, conditions: '', time: 5000,//发心跳时间 WebSocketFn: function (fn) { //连接长连接 // this.ws = new WebSoc

原创 接外包有哪些渠道呢？

解放号https://www.jfh.com/开源中国众包https://zb.oschina.net/码市网https://mart.coding.net/中移在线众包平台http://zhongbao.10085.cn/阿里云众包平台https://zhongbao.aliyun.com/淘宝客威客https://weike.taobao.com/京东众包http://weike.jd.com/task/home.htm/开发宝https://www.rdplat.com/...

原创 vue3 打包时出现文件路径错误

在vue.config.js中写入如下代码：module.exports = { publicPath: "./", outputDir: "dist", assetsDir: "assets", indexPath: "index.html"}

原创 Javascript 数组全排列组合方法实现

function permute(input) { var permArr = [], usedChars = []; function main(input){ var i, ch; for (i = 0; i < input.length; i++) { ch = input.splice(i, 1)[0]; usedChars.push(ch); if (input.length == 0) { permArr.p.

原创 Javascript 字符串全排列组合方法实现

// perm function var perm = function(s) { var result = []; if (s.length <= 1) { return [s]; } else { for (var i = 0; i < s.length; i++) { var c = s[i]; var newStr = s.slice(0, i) + s.slice(i + 1, s.length);.

原创 为什么总有人觉得前端很简单？

最近，一位网友在 V 站上问了一个问题：我们公司技术负责人准备培训一下后端，让他们学习一下前端技术栈，从而分担一些前端的工作量。评论区有一位网友表示：“我们是这么干的，结果后端写出来的前端代码是一坨，后面越叠越多，变成一大坨 …… 前端哪有他们想的那么简单。”前端的历史前端的起源要追溯到 1980 年，牛津大学计算机科学教授兼麻省理工学院教授 Tim Berners-Lee 提出并制作了 INQUIRE 原型，可以说是 Internet 的前身，而后在 1991 年 10 月，Tim Berners