Vue 可拖拽组件Vue Smooth DnD的使用详解

目录简介和 Demo 展示API: Container属性生命周期回调事件API: Draggable实战简介和 Demo 展示最近需要有个拖拽列表的需求,发现一个简单好用的 Vue 可拖拽组件。安利一下~Vu...

Vue生命周期区别详解

生命周期分类vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。
在组件中具体的方法有...

node.js+postman实现模拟HTTP服务器与客户端交互

目录一、node搭建HTTP服务器二、HTTP服务器处理get请求1、postman发送get请求2、服务器解析三、HTTP服务器处理post请求1、postman发送post请求2、服务器解析当应用程序(客户...

vue项目打包以及优化的实现步骤

目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化项目完成,我们会将项目进行上线,为了提升性能,我们往往会进行一些优化处理vue项目的...

使用vue实现手写签名功能

个人实现截图:安装:npm install vue-esign --save使用:1.在main.js中引入import vueEsign from 'vue-esign'Vue.use(vueEsign) 2.在页面中引用<vue-esign ref="esign" :width=...

Vue组件封装上传图片和视频的示例代码

首先下载依赖:cnpm i -S vue-uuid ali-oss图片和视频字段都是数组类型,保证可以上传多个文件。UploadImageVideo:<!--UploadImageVideo 分片上传 --><template> <div clas...

jquery实现购物车功能

本文实例为大家分享了jquery实现购物车功能的具体代码,供大家参考,具体内容如下html&#8203;<!DOCTYPE html><html><head><title>购物车</title><meta charset="utf-8" /><styl...

关于在vscode使用webpack指令显示"因为在此系统中禁止运行脚本"问题(完美解决)

在学习Vue的时候,在vscode的终端总使用webpack指令时,出现如下问题:解决方法为:1.关闭vscode,并以管理员身份重启vscode;2.在终端中输入:get-ExecutionPolicy,显示Restricted,表示状...

使用Angular CDK实现一个Service弹出Toast组件功能

目录1.环境安装2.创建Toast组件和ToastService2.1编写Toast组件和样式在Angular中,官方团队在开发Material组件库的同时,顺手做了一套Component dev kit,也就是在Angular世界中...

Vue使用echarts可视化组件的方法

echarts组件官网地址:https://echarts.apache.org/examples/zh/index.html1.找到脚手架项目所在地址,执行cnpm install echarts,安装echarts组件(脚手架的地址就是你vue项目的...

JS超出精度数字问题的解决方法

精度问题最通俗易懂的解释
比如一个数 1÷3=0.33333333...... 大家都知道3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...... 这个数 无限...

Vue实现固定底部组件的示例

目录【实现效果】【实现方式】
【实现效果】【实现方式】
<template> <div id="app"> <div class="main"> <img alt="Vue logo" src="./assets/logo.png"> <H...

Vue之监听方法案例详解

vue中的监听方法watch注意名字 你想监听哪个属性,就要和他起一样的名字1.作用用来监听vue实例中的数据变化
可以随时修改状态的变化2.触发条件当你监听的属性发生变化时,会自...

Ajax解决跨域之设置CORS响应头实现跨域案例详解

1.设置CORS响应头实现跨域跨源资源共享(CORS)1.1 什么是CORSCORS(Cross-Origin Resource Sharing),跨域资源共享。CORS 是官方的跨域解决方 案,它的特点是不需要在客户端做任何特...

react+ts实现简单jira项目的最佳实践记录

练手的一套项目
react+ts
虽然内容较少,但是干货挺多,尤其是对hooks的封装,ts的泛型的理解,使用更上一层楼
项目代码:https://gitee.com/fine509/react_jiar效果图

这是三个主要...

vue router-view的嵌套显示实现

目录一、路由配置二、vue页面嵌套
三、嵌套联系
一、路由配置const routes = [ { path: '/', name: '导航1', component: Home, children:[ { pat...

jQuery实现表格行数据滚动效果

本文实例为大家分享了jQuery实现表格行数据滚动效果的具体代码,供大家参考,具体内容如下HTML代码:<div class="box"> <div class="box-header"> <div class="col">测试1</d...

js日期时间格式化的方法实例

js日期时间格式化将日期时间转换为指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45function dateFormat(fmt, date) { let ret; const opt = { "Y+": date.ge...

深入浅析React refs的简介

一、是什么Refs在计算机中称为弹性文件系统(英语:Resilient File System,简称ReFS)React中的Refs提供了一种方式,允许我们访问DOM节点或在render方法中创建的React元素本质为Reac...

超详细的vue组件间通信总结

目录前言一、props、$emit单向数据流二、$parent、$children三、$attrs、$listeners四、provide、inject五、eventBus(事件总线)六、vuex七、localstorage总结前言组件通信...

javaScript实现网页版的弹球游戏

利用javeScript对象以及方法实现的网页弹球游戏,供大家参考,具体内容如下<!DOCTYPE html><html><head><tilie>呼呼哈嘿的网页弹球</title></head><body><canvas id="canvas"wi...

Vue的方法和属性案例详解

vue的方法和属性1.方法 methods用法1methods:{
方法名:function(){},
}用法2methods:{
方法名(){}
}注意{{}}调用要写()示例{{aa()}}事件触发@click=aa"可以有()也可以没有如果需要传参,...

Angular封装WangEditor富文本组件的方法

富文本组件是web程序中很常用的一个组件,特别是要开发一个博客,论坛这类的网站后台。得益于Angular的强大,封装WangEditor组件非常简单1.使用yarn或者npm安装wangeditoryarn ad...

JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

前言 什么是数据类型转换?
使用表单、prompt 获取过来的数据默认类型是字符串类型的,此时就不能直接进行加减法运算,而需要转换变量的数据类型。通俗来说,数据类型转换就是将一...

Vue.js项目前端多语言方案的思路与实践

目录一、通常有哪些内容需要处理
二、基本思路
三、具体实践中的一些细节
1、获取当前应该采用何种语言的getLang模块的实现2、Vux组件的多语言包的配置3、vux-loader的配置...

Golang汇编命令解读及使用

我们可以很容易将一个golang程序转变成汇编语言。比如我写了一个main.go:package mainfunc g(p int) int { return p+1;}func main() { c := g(4) + 1 _ = c}使...

解决golang中container/list包中的坑

golang中list包用法可以参看这篇文章但是list包中大部分对于e *Element进行操作的元素都可能会导致程序崩溃,其根本原因是e是一个Element类型的指针,当然其也可能为nil,但是gol...

golang使用grpc+go-kit模拟oauth认证的操作

我们使用grpc对外的接口,进行服务,模拟对外认证的接口首先我们要了解oauth的基本认证过程第三方的服务端,在oauth2.0中作为一个客户端的身份,进行请求数据。用户进行选择第三方...

Go语言-为什么返回值为接口类型,却返回结构体

最近由于项目需求,阅读一些Go语言编写的项目的源代码,在某一个函数中发现了一个奇怪的现象:一个函数的返回值类型声明的是一个接口的类型,但是实际在函数体内返回的却是一个结构...

golang 如何获取map所有key的方式

最佳方式:根据map的长度,新建一个数组,遍历map逐个压入方法1(效率很高):func getKeys1(m map[int]int) []int { // 数组默认长度为map长度,后面append时,不需要重新申请内存和拷贝...

golang 后台进程的启动和停止操作

启动命令我们先来个非后台运行的启动命令func init() { startCmd := &cobra.Command{ Use: "start", Short: "Start Gonne", Run: func(cmd *cob...

golang通过反射设置结构体变量的值

如果需要动态设置struct变量field的情况下, 可以利用reflect来完成。代码如下:package mainimport ( "fmt" "reflect")// 定义结构体Persontype Person struct { Name string...

Go语言带缓冲的通道实现

Go语言中有缓冲的通道(buffered channel)是一种在被接收前能存储一个或者多个值的通道。这种类型的通道并不强制要求 goroutine 之间必须同时完成发送和接收。通道会阻塞发送...

golang在GRPC中设置client的超时时间

超时建立连接主要就2函数Dail和DialContext。// Dial creates a client connection to the given target.func Dial(target string, opts ...DialOption) (*ClientConn, err...

golang 如何通过反射创建新对象

废话少说,直接贴代码~type A struct { Name string} // 测试unitfunc TestReflect(t *testing.T) { reflectNew((*A)(nil))} //反射创建新对象。func reflectNew(target int...

golang实现mysql数据库事务的提交与回滚

MySQL 事务主要用于处理操作量大,复杂度高的数据。在 MySQL 中只有使用了 Innodb 数据库引擎的数据库或表才支持事务。事务用来管理 insert,update,delete 语句,事务处理可以...

golang 实现菜单树的生成方式

golang 实现菜单树的生成,包括菜单节点的选中状态、半选中状态,菜单的搜索。1 该包提供两个方法根接口1.1 GenerateTree(nodes, selectedNodes []INode) (trees []Tree)Genera...

Go语言中break label与goto label的区别

与其他语言一样,Go语言也支持label(标签)语法:分别是break label和 goto label这样使得编程时变得异常灵活,但是由于在大项目中不好控制,所以建议能不使用goto label就不要使用b...

golang 实现对Map进行键值自定义排序

看代码吧~//自定义结构体,用来自定义排序type RecentlyUpdateListMapSorter []map[string]interface{}//根据MapSorter.Keys进行倒序排序func (ms *RecentlyUpdateListMapSo...

go语言的四数相加等于指定数算法

给定四个包含整数的数组列表 A , B , C , D ,计算有多少个元组 (i, j, k, l) ,使得 A[i] + B[j] + C[k] + D[l] = 0。首先将四个数组分割为两两数组,前两个数组值相加,后两个数...

Golang 实现超大文件读取的两种方法

Golang超大文件读取的两个方案流处理方式分片处理去年的面试中我被问到超大文件你怎么处理,这个问题确实当时没多想,回来之后仔细研究和讨论了下这个问题,对大文件读取做了一个...

解决Golang 中使用WaitGroup的那点坑

sync.WaitGroup对于Golang开发者来说并不陌生,其经常作为多协程之间同步的一种机制。用好它势必会让你事半功倍,但是一旦错用将引发问题。关于WaitGroup的使用网上有很多例子,...

解决Golang中ResponseWriter的一个坑

在使用Context.ResponseWriter中的Set/WriteHeader/Write这三个方法时,使用顺序必须如下所示,否则会出现某一设置不生效的情况。ctx.ResponseWriter.Header().Set("Content-ty...

Go语言的IO库那么多纠结该如何选择

在计算机和信息技术领域里 I/O 这个术语表示输入 / 输出 ( 英语:Input / Output ) ,通常指数据在存储器(内部和外部)或其他周边设备之间的输入和输出,是信息处理系统与外部之间的...

详解Go语言运用广度优先搜索走迷宫

目录一、理解广度优先算法1.1、分析如何进行广度优先探索1.2、我们来总结一下1.3、代码分析二、代码实现广度优先算法走迷宫一、理解广度优先算法我们要实现的是广度优先算...

Go 语言下基于Redis分布式锁的实现方式

分布式锁一般有三种实现方式:1. 数据库乐观锁;2. 基于Redis的分布式锁;3. 基于ZooKeeper的分布式锁。本篇博客将介绍第二种方式,基于Redis实现分布式锁。虽然网上已经有各种介绍...

详解玩转直播系列之消息模块演进

目录一、背景二、直播消息业务2.1、主播与用户2.2、房间号2.3、消息类型划分2.4、消息优先级三、消息技术点3.1、消息架构模型3.2、短轮询 VS 长链接3.2.1、短轮询3.2.2、长...

2021-08-10

Golang标准库syscall详解(什么是系统调用)

目录一、什么是系统调用二、Golang标准库-syscall1. syscall无处不在2. syscall demo举例:go版本的strace三、参考一、什么是系统调用In computing, a system call is the pr...

Go语言中nil判断引起的问题详析

前言代码封装是百干不厌的事,但有时候封装会导致一些问题。本文记录了个人在封装 http 请求时遇到的一个和 nil 判断有关的问题。nil 是什么
在 Go 语言中,布尔类型的零值(初始...

Windows+Linux系统下Go语言环境安装配置过程

目录1. Windows安装配置1&#65039;&#8419; 下载SDK2&#65039;&#8419; 配置环境变量3&#65039;&#8419; 配置go代理2. Linux安装配置1&#65039;&#8419; 下载SDK2&#65039;&#8419;...

返回顶部
顶部