vue组件间通信的八大方法
@LitterFisher
vuejavascript前端es6
再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1.props和$emit2.$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.$attrs和$listeners8.localStorage和sessionStorage总结前言刚开始学vue的时候只是读了
恢复更新--vue源码系列1之如何看源码
@LitterFisher
vuevue.jsjavascript前端
年过完了，是时候学习了（狗头）。文章目录前言一、前提二、如何看1.学会断点debuger2.整体看代码3.结合别人的vue源码解释总结前言本系列为vue2.6版本的源码分析系列一、前提你总不能一个vue的项目也没写过吧二、如何看1.学会断点debuger巧妙运用这个你会发现看源码会轻松很多。（相信我如果不是很快你就从入门到放弃）为什么？vue里面做了很多性能优化，参数初始化的工作，如果你全部看完，
当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？
百锦再@新空间代码工作室
包罗万象vue.js前端javascript前端框架组件复用
图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维
与Vue共舞：从初识到构建数字世界的艺术之旅
skyksksksksks
综合个人杂记vue.js前端开发语言前端框架
第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
vue3的实用工具库@vueuse/core
罗会
javascript前端vue.jsvueuni-app
1.什么是@vueuse/core是一个基于VueCompositionAPI开发的实用工具库，旨在通过封装高频功能为可复用的组合式函数（Composables），简化Vue应用的开发流程。提供200+开箱即用的函数，覆盖状态管理、浏览器交互、传感器、网络请求等场景，例如useStorage（状态持久化）1、useMouse（鼠标追踪）1；支持Vue2和Vue3，并通过@vueus
Vue.js 编写组件单元测试
轻口味
VUE.JS入门与实践vue.js
Vue.js编写组件单元测试今天我们来聊聊如何编写Vue组件的单元测试。单元测试是确保我们组件逻辑正确、功能稳定的重要手段，通过自动化测试，我们可以及时发现问题，避免后期调试困难。下面我会详细介绍如何使用VueTestUtils和Jest来编写组件的单元测试，并提供一些实际的代码示例，帮助你快速上手。为什么需要编写组件单元测试在项目开发过程中，组件通常包含了各种业务逻辑和交互功能。编写单元测试能帮
Vue函数式编程终极指南：像写诗一样写代码
lifire_H
vue.js前端javascript
引言：当Vue遇上函数式，优雅永不过时你是否见过这样的代码？组件间状态乱飞、副作用神出鬼没、单元测试如走钢丝……函数式编程就像代码界的“断舍离大师”，教你用纯函数、不可变数据和高阶魔法，让Vue代码变得干净、稳定且充满艺术感！本文不仅会揭秘函数式编程的核心心法，还会手把手教你：✅如何用CompositionAPI实现函数式优雅✅高阶函数与柯里化的实战妙用✅Vue3函数式组件性能优化秘籍✅配套工具链
LM_Funny-2-01 递推算法：从数学基础到跨学科应用
王旭·wangxu_a
算法
目录第一章递推算法的数学本质1.1形式化定义与公理化体系定理1.1(完备性条件)1.2高阶递推的特征分析案例：Gauss同余递推4第二章工程实现优化技术2.1内存压缩的革新方法滚动窗口策略分块存储技术2.2异构计算加速方案GPU并行递推量子计算原型第三章跨学科应用案例3.1密码学中的递推构造混沌流密码系统3.2生物信息学的序列分析DNA甲基化预测第一章递推算法的数学本质1.1形式化定义与公理化体系
uniapp开发小程序手写板、签名、签字
故里2130
包教会专栏uni-app小程序
可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。所以对于此文档提供的可以直接使用，需要使用CompositionAPI方式实现的，可以继续看。因为CompositionAPI方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。1.首先建立一个可以运行的
蓝易云 - vue修改docker nginx版本
蓝易云
vue.jsdockernginx数据库正则表达式运维
要在Vue项目中修改Docker中的Nginx版本，可以按照以下步骤进行：打开项目目录，找到与Docker相关的配置文件，通常是Dockerfile。在Dockerfile中，找到关于Nginx的配置行，通常是类似于以下的命令：FROMnginx:version将version替换为你想要的Nginx版本，例如nginx:1.19.10。保存并关闭Dockerfile。执行Docker构建命令来
uniapp+vue微信小程序项目中实现手机号授权登录
郭宝
Web前端微信java开发语言
效果图：实现方式：手机号授权登录open-type有效值值说明平台差异说明getPhoneNumber获取用户手机号，可以从@getphonenumber回调中获取到用户信息微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆getPhoneNumber(e){
【uni-app】微信小程序使用lime-painter生成海报
cjsnyxz
前端
lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。它支持在多个平台中使用，并且提供了盒子、文字、图片、二维码等配置选项，允许开发者根据项目需求按照UI设计稿对海报进行高度还原。本文将介绍如何使用lime-painter插件在UniApp中实现海报的生成及下载。技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot
踩坑-vue3.0-uniapp-全局变量prototype失效
cometxd
原型模式javascript前端
项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.$testname="testNAME";解决方案：使用exportfunctioncreateApp(){constapp=createSSRApp(App)app
在React、Vue中使用vanilla-jsoneditor
ts_shinian_web
reactantdreact.js前端vuejson
在React中使用vanilla-jsoneditor一、使用vanilla-jsoneditor的场景1.安装依赖1.1安装vanilla-jsoneditor和React1.1安装vanilla-jsoneditor和Vue2.创建一个component组件2.1React创建一个新的组件，用于渲染vanilla-jsoneditor编辑器2.2Vue创建一个新的组件，用于渲染vanilla-
React module CSS（React模块样式）
断下句号
reactjscsshtmlreact.js
React模块样式导入简介一开始开发react项目使用的是.css样式，在.js文件中引入并使用className，但是项目合并后发现.css样式会影响项目中其他组件的样式，然而在react中又不可以直接编写局部样式（在HTML和vue中可以编写scoped样式），所以改成以模块导入的形式编写组件样式。模块样式导入要点：选择器驼峰命名样式文件后缀名为.module.css在js文件中导入并使用1️
学习Flask：Day 2：模板与表单开发
昨今
学习flaskpython
学习目标：前后端混合开发#添加模板渲染
[email protected]('/profile')defprofile():returnrender_template('profile.html',username="开发者",skills=['Vue','JavaScript'])✅实践任务：创建templates目录使用Jinja2语法制作包含循环和
创建index.module.scss文件src/components/MyComponent/index.module.scssindex.tsx2.编写index.module.scss内容//src/components/MyComponent/index.module.scss.container{padding:20px;background-color:#f0f0f0;.title{f
canvas保存图片
初晨未凉
javascript前端开发语言
需求：上面有几个按钮，其中有一个切换是图片用v-if会导致图片加载慢实现方法：一进来就加载，通过监听元素显示，用于控制canvas的宽高，从而达到隐藏的效果组件dowolad.vue保存二维码exportdefault{props:['show'],data(){return{show:true,canvasId:'myCanvas',imagePath:'',canvaseAttr:{width
Vue3 中如何实现响应式系统中的依赖收集和更新队列的解耦？
程序员黄同学
前端开发JavaScriptJava面试题前端javascriptvue.js
一、问题解析：为什么需要解耦？在响应式系统中，依赖收集（追踪数据与视图的关联关系）和更新队列（批量处理数据变化带来的副作用）是两个核心但职责不同的模块。Vue3通过以下设计实现解耦：依赖收集阶段：在数据读取时建立响应式对象->副作用函数的映射关系更新触发阶段：数据修改时通过调度器控制副作用的执行策略队列机制：将同步的多次修改合并为单次更新操作这种解耦带来的好处：更好的性能（批量更新减少重复计算）更
将Vue工程打包为Electron：vue-cli-plugin-electron-builder
超频化石鱼
ElectronVueElectronVuebuilderelectron-vue
介绍vue-cli-plugin-electron-builder插件的作用是将一个Vue工程打包为Electron程序。官网:https://nklayman.github.io/vue-cli-plugin-electron-builder/与electron-vue对比作用目标作用方式更新维护electron-vueelectron-vue工程编译工程中的Vue代码不及时vue-cli-pl
浅析vue项目优化
欧阳呀
vue项目优化Vue2.0vuevue项目优化Vue2.0
vue用了半年多了，一路踩坑过来，也算是收获不少。不错呢，踩坑的文章很多，我就不写了，主要来写一写怎么去优化vue项目注意:适用于vue-cli初始化、webpack打包的单页应用。组件化组件化(也叫模块化)是前端的一个新的趋势，vue的核心之一也是组件化。项目里公共的地方都要组件化出来，少写很多代码(弹窗，表格，提示等等)。路由管理路由也是vue的重点，主要是涉及到参数传递，一般用这两种，par
【SpringBoot】——如何在Spring Boot中使用ThreadLocal来存储和获取用户详情信息以及实体类参数验证
Y小夜
Springbootspringboot后端java
个人主页：【Y小夜】作者简介：一位双非学校的大二学生，编程爱好者，专注于基础和实战分享，欢迎私信咨询！入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！❤️目录ThreadLocal如何在SpringBoot中使用ThreadLocal来存储和获取用户详情信息创建用户详情类使用拦截器或过滤器
vue iview 实现搜索 组件
hamburgerDaddy1
原创vue
0">搜索历史-->清空{{item.name}}exportdefault{name:'citicSearch',data(){return{search_key:'',searchHistory:[],isRecord:false//搜索历史框显示}},methods:{//清空历史记录clearHistory(){localStorage.removeItem('citicSearchRec
基于SpringBoot+mybatisplus+vueJS的高校选课系统设计和实现
华子w908925859
springbootvue.js后端
博主介绍：硕士研究生，专注于信息化技术领域开发与管理，会使用java、标准c/c++等开发语言，以及毕业项目实战✌从事基于javaBS架构、CS架构、c/c++编程工作近16年，拥有近12年的管理工作经验，拥有较丰富的技术架构思想、较扎实的技术功底和资深的项目管理经验。先后担任过技术总监、部门经理、项目经理、开发组长、java高级工程师及c++工程师等职位，在工业互联网、国家标识解析体系、物联网、
关于旗正规则引擎规则中的上传和下载问题
何必如此
文件下载压缩jsp文件上传
文件的上传下载都是数据流的输入输出，大致流程都是一样的。
一、文件打包下载
1.文件写入压缩包
string mainPath="D:\upload\"; 下载路径
string tmpfileName=jar.zip; &n
【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析
bit1129
Stream
以如下代码为例（SocketInputDStream）：
Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据
spark master web ui 端口8080被占用解决方法
daizj
8080端口占用sparkmaster web ui
spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法：
1、cd SPARK_HOME/sbin
2、vi start-master.sh
3、定位到下面部分
oracle_执行计划_谓词信息和数据获取
周凡杨
oracle执行计划
oracle_执行计划_谓词信息和数据获取(上)
一：简要说明
在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。
简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到
spring中datasource配置
g21121
dataSource
datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是：
http://baike.baidu.com/view/920062.htm
<!-- spring加载资源文件 -->
<bean name="propertiesConfig"
class="org.springframework.b
web报表工具FineReport使用中遇到的常见报错及解决办法（三）
老A不折腾
finereportFAQ报表软件
这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。
出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。
1、repeated column width is largerthan paper width：
这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
mysql 用户管理
墙头上一根草
linuxmysqluser
1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：
关于使用Spring导致c3p0数据库死锁问题
aijuans
springSpring 入门Spring 实例Spring3Spring 教程
这个问题我实在是为整个 springsource 的员工蒙羞
如果大家使用 spring 控制事务，使用 Open Session In View 模式，
com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
百度词库联想
annan211
百度
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title&g
int数据与byte之间的相互转换实现代码
百合不是茶
位移int转bytebyte转int基本数据类型的实现
在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来;
主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029
int转byte;
byte转int;
/**
* 字节转成int,int转成字节
* @author Administrator
*
简单模拟实现数据库连接池
bijian1013
javathreadjava多线程简单模拟实现数据库连接池
简单模拟实现数据库连接池
实例1：
package com.bijian.thread;
public class DB {
//private static final int MAX_COUNT = 10;
private static final DB instance = new DB();
private int count = 0;
private i
一种基于Weblogic容器的鉴权设计
bijian1013
javaweblogic
服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下：
String vuser_id = "weblogic";
String vuse
【RPC框架Hessian二】Hessian 对象序列化和反序列化
bit1129
hessian
任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。
1. 定义三个POJO
Person类
package com.tom.hes
【Hadoop十四】Hadoop提供的脚本的功能
bit1129
hadoop
1. hadoop-daemon.sh
1.1 启动HDFS
./hadoop-daemon.sh start namenode
./hadoop-daemon.sh start datanode
通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa
中国互联网走在“灰度”上
ronin47
管理 灰度
中国互联网走在“灰度”上（转）
文/孕峰
第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。
灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样
java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。
bylijinnan
java
public class PrintMatrixClockwisely {
/**
* Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。
例如：如果输入如下矩阵：
1 2 3 4
5 6 7 8
9
mongoDB 用户管理
开窍的石头
mongoDB用户管理
1:添加用户
第一次设置用户需要进入admin数据库下设置超级用户（use admin）
db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]});
第一个参数用户的名字
第二个参数
[游戏与生活]玩暗黑破坏神3的一些问题
comsci
生活
暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意
玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天
结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气
&nb
java 二维数组如何存入数据库
cuiyadll
java
using System;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Xml;
using System.Xml.Serialization;
using System.IO;
namespace WindowsFormsApplication1
{
本地事务和全局事务Local Transaction and Global Transaction(JTA)
darrenzhu
javaspringlocalglobaltransaction
Configuring Spring and JTA without full Java EE
http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/
Spring doc -Transaction Management
http://docs.spring.io/spri
Linux命令之alias - 设置命令的别名，让 Linux 命令更简练
dcj3sjt126com
linuxalias
用途说明
设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问 题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常 用的长命令行变短，强制执行命令时询问等。
常用参数
格式：alias
格式：ali
yii2 restful web服务[格式响应]
dcj3sjt126com
PHPyii2
响应格式
当处理一个 RESTful API 请求时， 一个应用程序通常需要如下步骤 来处理响应格式：
确定可能影响响应格式的各种因素， 例如媒介类型， 语言， 版本， 等等。 这个过程也被称为 content negotiation。
资源对象转换为数组， 如在 Resources 部分中所描述的。 通过 [[yii\rest\Serializer]]
MongoDB索引调优（2）——[十]
eksliang
mongodbMongoDB索引优化
转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述
上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方 二、索引内嵌文档
可以在嵌套文档的键上建立索引，方式与正常
当滑动到顶部和底部时，实现Item的分离效果的ListView
gundumw100
android
拉动ListView，Item之间的间距会变大，释放后恢复原样；
package cn.tangdada.tangbang.widget;
import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import andr
程序员用HTML5制作的爱心树表白动画
ini
JavaScriptjqueryWebhtml5css
体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" >
<ti
预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版
kakajw
ThinkPad预装改装windows 7windows 8
该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。
该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！
缘由
小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比
Nginx学习笔记
mcj8089
nginx
一、安装nginx 1、在nginx官方网站下载一个包，下载地址是：
http://nginx.org/download/nginx-1.4.2.tar.gz
2、WinSCP(ftp上传工
mongodb 聚合查询每天论坛链接点击次数
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 18 */
{
"_id" : ObjectId("5596414cbe4d73a327e50274"),
"msgType" : "text",
"sendTime" : ISODate("2015-07-03T08:01:16.000Z"
java术语（PO/POJO/VO/BO/DAO/DTO）
Luob.
DAOPOJODTOpoVO BO
PO(persistant object) 持久对象
在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作.
VO(value object) 值对象
通
算法复杂度
Wuaner
Algorithm
Time Complexity & Big-O：
http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o
http://bigocheatsheet.com/
http://www.sitepoint.com/time-complexity-algorithms/
