Vue之前端体系与前后端分离详解
目录概述前端知识体系前端三要素表现层（CSS）行为层（JavaScript）JavaScript 框架 UI框架JavaScript 构建工具三端统一混合开发（Hybrid App）微信小程序后端技术主流前端框架ElementUlICEVantUlAtUlCubeUl前端发展史基于AJAX带来的SPA时代此处的 MV* 模式如下:NodeJS带来的全栈时代总结概述 Vue(读音/viu/，类似于 view)...
2024-01-10
vue调取电脑摄像头实现拍照功能
本文实例为大家分享了vue调取电脑摄像头实现拍照功能的具体代码，供大家参考，具体内容如下实现效果图：拍照前&拍照后（我电脑摄像头挡住的，所以图片是灰色）1.点击拍照上传功能调取电脑摄像头权限2.选择允许使用摄像头之后，页面摄像头区域开始显示画面3.点击拍照按钮，右侧显示拍摄...
2024-01-10
Particles.js 基于 Canvas 画布创建粒子原子颗粒效果
Particles.js 是一款基于 HTML5 Canvas 画布的轻量级粒子动画插件，可以设置粒子的形状、旋转、分布、颜色等属性，还可以动态添加粒子，效果非常炫酷，能和鼠标互动吸附或者是躲避鼠标指针。使用方法1、该粒子动画库插件使用方法非常简单，首先要在页面中引入 particles.js 文件。<script src="js/particles.j...
2024-01-10
MySQL主从复制原理以及需要注意的地方
写在前面最近在写Mycat专题，由于不少小伙伴最近要出去面试，问我能不能简单写下MySQL的主从复制原理和注意事项，因为在之前的面试中被问到了这些问题。我：可以啊，安排上了！！主从复制原理(1) Master 将数据改变记录到二进制日志(binary log)中，也就是配置文件 log-bin 指定的文件， 这些记录叫...
2024-01-10
Mysql 查询JSON结果的相关函数汇总
JSON 格式字段是 Mysql 5.7 新加的属性，不够它本质上以字符串性质保存在库中的，刚接触时我只了解 $.xx 查询字段的方法，因为大部分时间，有这个就够了，其他交给程序就行了，但是最近一些操作需要更复杂的查询操作，所以赶紧了解下更多的方法。JSON_EXTRACT(json_doc [,path])查询字段mysql> set @j = '{"n...
2024-01-10
Laravel项目中timeAgo字段语言转换的改善方法示例
前言在我们过去的Laravel项目中,经常需要用到time_ago这样的字段,并将其转换为我们熟悉的本地语言,可以实现的方式有很多,比如编写一个time_ago的辅助函数将其转换成本地,或采用carbon的diffForHumans函数然后替换成本地语言来实现.过去我们编写过的代码像这样：这样但是我们需要将其替换成中文、繁...
2024-01-10
Vue 大文件上传和断点续传的实现
目录文件上传的 2 套方案基于文件流（form-data）客户端把文件转换为 base64大文件上传获取到文件对象并转成 ArrayBuffer 对象创建切片发送请求所有切片发送成功后断点续传代码汇总One More ThingFormDataFormData.append()文件上传的 2 套方案基于文件流（form-data）element-ui 框架的上传组件，就是默认基于文件流...
2024-01-10
js实现简单购物车模块
本文实例为大家分享了js实现简单购物车模块的具体代码，供大家参考，具体内容如下主要功能输入框正则判断，两位数小数，开头可以为0如果商品名字相同，自动数量+1，如果名字相同，价格不同，以最新价格为准（有bug，多个商品无法操作。程序混乱，随后在改）选住商品，或添加减少数量，...
2024-01-10
Vue 虚拟列表的实战示例
目录序言设计实现小结序言现如今，我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。本篇讨论基于 Vue.js 的列表无限下拉实践。我们的目标就是：让列表下拉纵享丝滑，而不是像以往的下拉就 loading 等待的体验。译自 Better Programming在线 Demo...
2024-01-10
Vue实现省市区三级联动
本文实例为大家分享了Vue实现省市区三级联动的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> </style> </head> <body> <div id="app" > <select v-model='prov' @change="changeCity();changeCity1()"> <option v-for="(item,i) in ...
2024-01-10
jQuery实现容器间的元素拖拽功能
本文实例为大家分享了jQuery实现容器间的元素拖拽，供大家参考，具体内容如下在html中准备三个容器<div class="container"> <ul> <li>A</li> <li>B</li> <li>C</li> <li>e</li> <li>f</li> <li>g</li> </ul> <ul></ul> <ul></ul></div>在css中，给容器写上样式相应的样式.container ul{ width: 350px; padding: 15px; min-height:300px;...
2024-01-10
bootstrap-closable-tab可实现关闭的tab标签页插件
本文实例为大家分享了bootstrap-closable-tab可实现关闭的tab标签页的具体代码，供大家参考，具体内容如下Demo下载地址：bootstrapclosabletab_jb51.rar这是从网上找的一款可以关闭的tab标签页插件：1、这是基于bootstrap的插件，因此要引入bootstrap的相关插件前提得引入jquery：2、引入该插件：代码如下：//...
2024-01-10
MyBatis 延迟加载、一级缓存、二级缓存(详解)
使用ORM框架我们更多的是使用其查询功能，那么查询海量数据则又离不开性能，那么这篇中我们就看下mybatis高级应用之延迟加载、一级缓存、二级缓存。使用时需要注意延迟加载必须使用resultMap，resultType不具有延迟加载功能。一、延迟加载延迟加载已经是老生常谈的问题，什么最大化利用数据库性...
2024-01-10
java中重写equals()方法的同时要重写hashcode()方法(详解)
object对象中的 public boolean equals(Object obj)，对于任何非空引用值 x 和 y，当且仅当 x 和 y 引用同一个对象时，此方法才返回 true；注意：当此方法被重写时，通常有必要重写 hashCode 方法，以维护 hashCode 方法的常规协定，该协定声明相等对象必须具有相等的哈希码。如下：(1) 当obj1.equals(obj2)为true时，obj1....
2024-01-10
Java中的clone方法详解_动力节点Java学院整理
Java中对象的创建clone顾名思义就是复制， 在Java语言中， clone方法被对象调用，所以会复制对象。所谓的复制对象，首先要分配一个和源对象同样大小的空间，在这个空间中创建一个新的对象。那么在java语言中，有几种方式可以创建对象呢？1 使用new操作符创建一个对象2 使用clone方法复制一个对象...
2024-01-10
java设计模式之外观模式(Facade)
概述外部与内部子系统通信时必须通过的一个统一的外观模式对象进行，就是外观模式，也称门面模式。一般而言，Facade模式是为了降低客户端与实现化层之间的依赖性。外观模式的用意是为子系统提供一个集中化和简化的沟通渠道。UML类图在上面的UML图中，出现三个角色：客户端角色（Client）：...
2024-01-10
java web验证码实现代码分享
验证码的作用：通常的登录或者注册系统时，都会要求用户输入验证码，以此区别用户行为和计算机程序行为，目的是有人防止恶意注册、暴力破解密码等。实现验证码的思路：用 server 实现随机生成数字和字母组成图片的功能，用 jsp 页面实现显示验证码和用户输入验证码的功能，再用 server 类分别...
2024-01-10
深入解析Java的Hibernate框架中的持久对象
一、持久对象生命周期应用程序在使用Hibernate框架后，创建的持久对象会经历一整套生命周期来完成数据库的操作，其中主要的三个状态分别是瞬态（Transient）、持久化（Persistent）、脱管（detached）。这三种状态的转换是能够在应用程序中控制的，如下图：为了能清楚的了解这几种状态，这里使用...
2024-01-10
Java web的读取Excel简单实例代码
目录结构：Data.xls数据: 后台页面：public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //System.out.println(this.getServletContext().getRealPath ("/")); try{ Workbook wb = Workbook.getWo...
2024-01-10
Java IO流 文件传输基础
一、文件的编码package com.study.io;/*** 测试文件编码*/public class EncodeDemo {/*** @param args* @throws Exception */public static void main(String[] args) throws Exception {String s="好好学习ABC";byte[] bytes1=s.getBytes();//这是把字符串转换成字符数组，转换成的字节序列用的是项目默认的编码（这里为UTF-8）for (...
2024-01-10
