前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[Sec-WebSocket-Key Se...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
... = [] for key in names.keys(): grade = Grade(key, names[key]) grades_list.append(grade) db.session.add_all(grades_list) db.session.commit() return '创建班级表成功' 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_39765697/article/details/113349707。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-19 23:52:58
113
转载
Linux
...osoft.com/keys/microsoft.asc | sudo apt-key add - echo "deb [arch=amd64,signed-by=/usr/share/keyrings/microsoft-archive-keyring.gpg] https://packages.microsoft.com/repos/mssql-release/centos7_amd64 yum stable" | sudo tee /etc/yum.repos.d/mssql-release.repo - 更新yum仓库以便安装最新版本。 bash sudo yum update -y 3.2 选择安装类型 - SQL Server 2016提供了两种安装选项:Evaluation(免费试用版,适合开发和测试)和Community(商业版,需要订阅)。 bash sudo yum install msopengauss msopengauss-client msopengauss-devel -y - 或者,选择Community版,可能需要替换msopengauss为mssql-server。 第四章:安装与配置 4.1 安装SQL Server - 使用yum安装SQL Server,记得替换版本号和实例名称。 bash sudo yum install mssql-server-2016 -y sudo systemctl start msopengauss - 如果是社区版,可能会看到类似mssql-server的包名。 4.2 配置和初始化 - 使用mssql-conf工具进行基本配置,如设置监听端口和密码。 bash sudo opt/mssql/bin/mssql-conf setup - 选择“Custom Configuration”,根据需要自定义安装。 4.3 数据库实例管理 - 创建数据库实例,例如: bash sudo opt/mssql-tools/bin/sqlcmd -S localhost -U sa -P 'your_password' -Q "CREATE DATABASE YourDatabaseName" - 更改默认的sa用户密码: bash sudo opt/mssql-tools/bin/sqlcmd -S localhost -U sa -P 'old_password' -Q "ALTER LOGIN sa WITH PASSWORD = 'new_password'" 第五章:连接与验证 5.1 命令行工具 - 使用sqlcmd工具连接到新安装的数据库。 bash sqlcmd -S localhost -U sa -P 'your_password' - 验证连接成功后,可以执行查询操作。 5.2图形化工具 - 可以选择安装SQL Server Management Studio(SSMS)的Linux版本,或者使用第三方工具如ssms-linux,来进行更直观的管理。 结论 6.1 总结与展望 - CentOS 7确实可以安装SQL Server 2016,尽管它已经不再是最新版本,但对于那些还在使用或需要兼容旧版本的用户来说,这是一个可行的选择。 - 未来,随着技术的迭代,SQL Server on Linux的体验会越来越完善,跨平台的数据库管理将更加无缝。 在这个快速发展的技术时代,适应变化并充分利用新的工具是关键。真心希望这篇指南能像老朋友一样,手把手教你轻松搞定在Linux大本营里安装和打理SQL Server 2016的那些事儿,让你畅游在数据库的海洋里无阻无碍。嘿,想找最潮的解决招数对吧?记得翻翻官方手册,那里有新鲜出炉的支援和超实用的建议!
2024-04-11 11:07:55
96
醉卧沙场_
Tornado
...ado中如何优雅处理WebSocket的连接关闭事件? 在现代Web开发领域,WebSocket技术因其双向通信、实时更新等特性而广受欢迎。Tornado作为一个高性能Python网络库,提供了强大的WebSocket支持。不过在实际操作里头,咱们可不能只盯着如何搭建和保持WebSocket连接这事儿,更得好好琢磨一下怎么妥善应对接二连三出现的、难以避免的连接关闭问题。本文将深入探讨Tornado中如何优雅地处理WebSocket的连接关闭事件。 1. WebSocket连接关闭的基本理解 首先,我们需要明确一点:WebSocket连接可能由于多种原因被关闭,如客户端主动断开、服务器端主动断开、网络问题导致的意外断开等。对于这些状况,作为开发者我们呢,就得在WebSocket这个协议的层面上竖起耳朵监听着,一旦有啥动静,就立马给出相应的反馈和处理。 2. Tornado中的WebSocket实现 在Tornado中,WebSocket通过tornado.websocket.WebSocketHandler类来处理。当一个WebSocket连接建立时,Tornado会自动调用open()方法;同样地,当连接关闭时,Tornado则会触发on_close()方法。 python import tornado.websocket class MyWebSocketHandler(tornado.websocket.WebSocketHandler): def open(self): print("WebSocket connection opened!") def on_message(self, message): 处理接收到的消息... pass def on_close(self): print("WebSocket connection closed.") 在这里,我们可以执行一些清理操作或者记录日志 3. 处理WebSocket连接关闭事件 3.1 on_close()方法的应用 on_close()方法会在WebSocket连接关闭时被调用,传入的参数为空。在使用这个方法的时候,我们完全可以做那些必不可少的扫尾工作,比如说,可以释放掉占用的资源啦,更新一下用户的状态信息啊,甚至发送个离线通知啥的,这些操作通通都可以搞定。 python class MyWebSocketHandler(tornado.websocket.WebSocketHandler): ...其他代码... def on_close(self): print(f"WebSocket connection from {self.request.remote_ip} has been closed.") self.application.clients.remove(self) 假设我们在全局保存了所有活动连接 这里还可以发送一条消息到其他在线用户,告知他们某个用户已离线 3.2 获取关闭原因与码 Tornado还允许我们获取连接关闭的原因及其对应的关闭码。WebSocket呢,它专门设定了一个标准关闭码的系列,如果碰到非标准的那种关闭情况,咱们就可以自己定义个码来表示。就像是给每种“再见”的方式编了个号码,如果遇到特殊的告别方式,咱也能临时造个新号码来用,是不是挺灵活哒?在on_close()方法中,可以访问self.close_code和self.close_reason属性来获取这些信息。 python class MyWebSocketHandler(tornado.websocket.WebSocketHandler): ...其他代码... def on_close(self): close_code = self.close_code close_reason = self.close_reason print(f"WebSocket connection closed with code {close_code} and reason: {close_reason}") 根据不同的关闭原因或码,执行特定的逻辑处理 4. 探讨性话术及思考过程 处理WebSocket连接关闭事件时,我们需要像对待生活中的告别一样,既要有礼貌地“告别”(清理资源),也要了解“为何告别”(关闭原因)。这样,我们才能在下次“相遇”时提供更好的服务。比方说,假如我们发现一大波用户突然间因为网络问题集体掉线了,那很可能意味着我们的服务器网络配置有待改进和优化;而如果用户是主动切断连接的,那咱就得琢磨琢磨是不是得提升一下用户体验,尽可能减少那些不必要的断开情况。 总结来说,利用Tornado提供的WebSocket接口,我们能轻松捕获连接关闭事件,并据此执行相应的处理逻辑。这就像是那个超级给力的服务员小哥,总是在客人满意离开后,立马手脚麻利地收拾桌面,一眨眼功夫就让桌面焕然一新,随时迎接下一位客人的大驾光临。同时,他还超级细心地关注着每一位顾客为啥要离开,这样就能持续优化服务体验,确保每个来这儿的人都能像在自己家里那样感到温馨舒适,宾至如归。
2023-05-15 16:23:22
109
青山绿水
Tornado
...rnado 提供了 WebSocket 支持,可以轻松实现这一功能。 示例代码: python import tornado.ioloop import tornado.web import tornado.websocket class WebSocketHandler(tornado.websocket.WebSocketHandler): def open(self): print("WebSocket opened") def on_message(self, message): self.write_message(u"You said: " + message) def on_close(self): print("WebSocket closed") def make_app(): return tornado.web.Application([ (r"/ws", WebSocketHandler), (r"/", MainHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 这段代码创建了一个 WebSocket 处理器,它可以接收来自客户端的消息并将其回传给客户端。你可以在 React 中使用 WebSocket API 来连接这个 WebSocket 服务器并实现双向通信。 4. 集成挑战与解决方案 在实际项目中,集成 Tornado 和前端框架可能会遇到一些挑战。比如,如何处理跨域请求、如何管理复杂的路由系统等。下面是一些常见的问题及解决方案。 4.1 跨域请求 如果你的前端应用和后端服务不在同一个域名下,你可能会遇到跨域请求的问题。Tornado 提供了一个简单的装饰器来解决这个问题。 示例代码: python from tornado import web class MainHandler(tornado.web.RequestHandler): @web.asynchronous @web.gen.coroutine def get(self): self.set_header("Access-Control-Allow-Origin", "") self.set_header("Access-Control-Allow-Methods", "GET, POST, OPTIONS") self.set_header("Access-Control-Allow-Headers", "Content-Type") self.write("Hello, world!") 在这个例子中,我们设置了允许所有来源的跨域请求,并允许 GET 和 POST 方法。 4.2 路由管理 前端框架通常有自己的路由系统。为了更好地管理路由,我们可以在Tornado里用URLSpec类来设置一些更复杂的规则,这样路由管理起来就轻松多了。 示例代码: python import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): self.write("Hello, world!") class UserHandler(tornado.web.RequestHandler): def get(self, user_id): self.write(f"User ID: {user_id}") def make_app(): return tornado.web.Application([ (r"/", MainHandler), (r"/users/(\d+)", UserHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 在这个例子中,我们定义了两个路由:一个是根路径 /,另一个是 /users/。这样,我们就可以更灵活地管理 URL 路由了。 5. 结语 通过以上的讨论,我们可以看到,虽然 Tornado 和前端框架的集成有一些挑战,但通过一些技巧和最佳实践,我们可以轻松地解决这些问题。希望这篇文章能帮助你在开发过程中少走弯路,享受编程的乐趣! 最后,我想说,编程不仅仅是解决问题的过程,更是一种创造性的活动。每一次挑战都是一次成长的机会。希望你能在这个过程中找到乐趣,不断学习和进步!
2025-01-01 16:19:35
114
素颜如水
Hive
...ble WHERE key = 'some_value'; - 无谓的JOIN操作:不合理的JOIN操作可能导致数据集爆炸性增长,严重影响查询性能。 sql -- 示例:两个大表之间的JOIN,若关联字段没有索引或分区,则可能导致性能瓶颈 SELECT a., b. FROM large_table_a a JOIN large_table_b b ON (a.key = b.key); - 缺乏合理分区与索引:未对表进行合理分区设计或者缺失必要的索引,会导致Hive无法高效定位所需数据。 - 计算密集型操作:如GROUP BY、SORT BY等操作,如果处理的数据量过大且未优化,也会导致查询速度变慢。 3. 解决策略 从源头提升查询效率 - 减少数据扫描: - WHERE子句过滤:尽量精确地指定WHERE条件,减少无效数据的读取。 sql SELECT FROM large_table WHERE key = 'specific_value' AND date = '2022-01-01'; - 创建分区表:根据业务需求对表进行分区,使得查询可以只针对特定分区进行。 sql CREATE TABLE large_table_parted ( ... ) PARTITIONED BY (date STRING); - 优化JOIN操作: - 避免笛卡尔积:确保JOIN条件足够具体,限制JOIN后的数据规模。 - 考虑小表驱动大表:尽可能让数据量小的表作为JOIN操作的左表。 - 利用索引:虽然Hive原生支持的索引功能有限,但在某些场景下(如ORC文件格式),我们可以利用Bloom Filter索引加速查询。 sql ALTER TABLE large_table ADD INDEX idx_key ON KEY; - 分桶策略:对于GROUP BY、JOIN等操作,可尝试对相关字段进行分桶,从而分散计算负载。 sql CREATE TABLE bucketed_table (...) CLUSTERED BY (key) INTO 10 BUCKETS; 4. 总结与思考 面对Hive查询速度慢的问题,我们需要具备一种“侦探”般的洞察力,从查询语句本身出发,结合业务特点和数据特性,有针对性地进行优化。其实呢,上面提到的这些策略啊,都不是一个个单打独斗的“孤胆英雄”,而是需要咱们把它们巧妙地糅合在一起,灵活运用,最终才能编织出一套真正行之有效的整体优化方案。所以,你懂的,把这些技巧玩得贼溜,可不光是能让你查数据的速度嗖嗖提升,更关键的是,当你面对海量数据的时候,就能像切豆腐一样轻松应对,让Hive在大数据分析这片天地里,真正爆发出惊人的能量,展现它应有的威力。同时,千万记得要时刻紧跟Hive社区的最新动态,像追剧一样紧随其步伐,把那些新鲜出炉的优化技术和工具统统收入囊中。这样一来,咱们就能提前准备好充足的弹药,应对那日益棘手、复杂的数据难题啦!
2023-06-19 20:06:40
448
青春印记
MemCache
...) mc.set('key', 'value') 将数据存入Memcached 假设此时服务器突然宕机,'key'对应的'value'在重启后将不复存在 (2)业务场景下的影响 对于一些对数据实时性要求较高但又允许一定时间内数据短暂缺失的场景,如用户会话信息、热点新闻等,Memcached的数据丢失可能带来的影响相对有限。不过,在有些场景下,我们需要长期确保数据的一致性,比如你网购时的购物车信息、积分累计记录这些情况。万一这种数据丢失了,那可能就会影响你的使用体验,严重的话,甚至会引发一些让人头疼的业务逻辑问题。 3. 面对数据丢失的应对策略 (1)备份与恢复方案 虽然Memcached本身不具备数据持久化的功能,但我们可以通过其他方式间接实现数据的持久化。例如,可以定期将Memcached中的数据备份到数据库或其他持久化存储中: python 假设有一个从Memcached获取并持久化数据到MySQL的过程 def backup_to_mysql(): all_items = mc.get_multi(mc.keys()) for key, value in all_items.items(): save_to_mysql(key, value) 自定义保存到MySQL的函数 (2)组合使用Redis等具备持久化的缓存系统 另一个可行的方案是结合使用Redis等既具有高速缓存特性和又能持久化数据的系统。Redis不仅可以提供类似Memcached的内存缓存服务,还支持RDB和AOF两种持久化机制,能在一定程度上解决数据丢失的问题。 python import redis r = redis.Redis(host='localhost', port=6379, db=0) r.set('key', 'value') 在Redis中设置键值对,即使服务器重启,数据也能通过持久化机制得以恢复 (3)架构层面优化 在大型分布式系统中,可以通过设计冗余和分布式存储策略来降低单点故障带来的影响。比如,我们可以像搭积木那样部署多个Memcached实例,然后用一致性哈希这类聪明的算法给它们分配工作量和切分数据块。这样不仅能确保整体负载均衡,还能保证每一份数据都有好几个备份,分别存放在不同的节点上,就像把鸡蛋放在不同的篮子里一样,安全又可靠。 4. 结语 人类视角的理解与思考 面对Memcached数据丢失的问题,开发者们不能止步于理解其原理,更应积极寻求有效的应对策略。这就像生活中我们对待易逝的事物,尽管明白“天下无不散之筵席”,但我们依然会拍照留念、撰写日记,以期留住美好瞬间。同样,在我们使用Memcached这玩意儿的时候,也得充分了解它的脾性,借助一些巧妙的技术手段和设计架构,让数据既能痛快地享受高速缓存带来的速度福利,又能机智地避开数据丢失的坑。只有这样,我们的系统才能在效率与可靠性之间取得最佳平衡,更好地服务于业务需求。
2023-05-22 18:41:39
83
月影清风
Impala
...AS b ON a.key = b.key; - 分区策略与数据分布:Impala的性能也受到表分区策略的影响。假如数据分布得不够均匀,或者咱们分区的方法没整对,就很可能让部分节点“压力山大”,这样一来,整体查询速度也跟着“掉链子”啦。 - 并发查询管理:在高并发查询环境下,Impala的资源调度机制也可能成为制约因素。特别是在处理海量数据的时候,大量的同时请求可能会把集群资源挤得够呛,这样一来,查询响应的速度就难免会受到拖累了。 4. 针对性优化措施与思考 面对以上挑战,我们可以采取如下策略来改善Impala处理大数据的能力: - 合理配置硬件资源:根据实际业务需求,为Impala集群增加更多的内存资源,确保其能够有效应对大数据量的查询任务。 - 优化分区策略:对于大数据表,采用合适的分区策略(如范围分区、哈希分区等),保证数据在集群中的均衡分布,减少热点问题。 - 调整并发控制参数:根据集群规模和业务特性,合理设置Impala的并发查询参数(如impalad.memory.limit、query.max-runtime等),以平衡系统资源分配。 - 数据预处理与缓存:对于经常访问的热数据,可以考虑进行适当的预处理和缓存,减轻Impala的在线处理压力。 综上所述,虽然Impala在处理大数据量时存在一定的局限性,但通过深入了解其内在工作机制,结合实际业务需求进行有针对性的优化,我们完全可以将其打造成高效的数据查询利器。在这个过程中,我们实实在在地感受到了人类智慧在挑战技术极限时的那股冲劲儿,同时,也亲眼目睹了科技与挑战之间一场永不停歇、像打乒乓球一样的精彩博弈。 结语 技术的发展总是在不断解决问题的过程中前行,Impala在大数据处理领域的挑战同样推动着我们在实践中去挖掘其潜力,寻求更优解。今后,随着软硬件技术的不断升级和突破,我们完全可以满怀信心地期待,Impala会在处理大数据这个大难题上更上一层楼,为大家带来更加惊艳、无可挑剔的服务体验。
2023-11-16 09:10:53
783
雪落无痕
转载文章
...DGE · com.sec.android.provider.badge.permission.READ · com.sec.android.provider.badge.permission.WRITE · 查找设备上的帐户 · 添加或移除帐户 · 创建帐户并设置密码 · 读取同步设置 · 启用和停用同步 · 停用屏幕锁定 · 允许接收WLAN多播 · com.qq.qcloud.permission.ACCESS_ALBUM_BACKUP_LIST · com.android.vending.BILLING · 关闭其他应用 · 控制近距离通信 · com.tencent.photos.permission.DATA · com.tencent.msf.permission.account.sync · com.tencent.music.data.permission · com.tencent.msf.permission.ACCOUNT_NOTICE · 连接WLAN网络和断开连接 · 完全的网络访问权限 · 查看WLAN连接 · 查看网络连接 · 精确位置(基于GPS和网络) · 大致位置(基于网络) · 拍摄照片和视频 · 读取手机状态和身份 · 防止手机休眠 · com.android.launcher.permission.INSTALL_SHORTCUT · 修改或删除您的USB存储设备中的内容 · 开机启动 · com.tencent.msg.permission.pushnotify · com.tencent.msf.permission.account.sync · 读取您的USB存储设备中的内容 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30590615/article/details/117615194。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-10 14:42:10
104
转载
转载文章
...ce.com/gpgkey/nodesource.gpg.key | sudo apt-key add - sudo apt-get -y update sudo apt-get install -y nodejs 5. 安装SVN sudo apt-get install -y subversion 6. 安装Git sudo apt-get install -y git 7. 安装MySQL MySQL :: Download MySQL Community Server 下载Debian版DEB Bundle 解压 进入目录,执行 sudo dpkg -i mysql-{common,community-client,client,community-server,server}_.deb 如果报错,执行 sudo apt-get -f install 中途设置root用户密码 8. 安装PostgreSQL 安装PostgreSQL sudo apt-get install -y postgresql-11 修改postgres用户密码 sudo -u postgres psql 进入后执行SQL ALTER USER postgres WITH PASSWORD 'postgres'; 退出 exit; 9. 安装Redis sudo apt-get install -y redis-server 修改配置文件 sudo vim /etc/redis/redis.conf 重启 sudo systemctl restart redis sudo systemctl enable redis-server 10. 安装Nginx sudo apt-get install -y nginx 修改配置文件 sudo vim /etc/nginx/nginx.conf 重启 sudo systemctl restart nginx sudo systemctl enable nginx 11. 安装VMWare Workstation 下载 https://www.vmware.com/go/getworkstation-linux 放到文件夹,进入,执行 sudo chmod +x VMware-Workstation-Full-17.0.0-20800274.x86_64.bundle sudo ./VMware-Workstation-Full-17.0.0-20800274.x86_64.bundle 安装gcc sudo apt-get install -y gcc 进入控制台,找到VMWare,开始安装,安装过程同Windows 如果如果遇到build environment error错误,执行下列命令后再重新在控制台打开图标 sudo apt-get install -y libcanberra 如果还不行,执行 sudo vmware-modconfig --console --install-all 看看还缺什么 12. 安装百度网盘 官网下载Linux版本的软件:百度网盘 客户端下载 deepin的软件包格式为deb。安装: sudo dpkg -i baidunetdisk_3.5.0_amd64.deb 最新版本 sudo dpkg -i baidunetdisk_4.17.7_amd64.deb 如果报错,执行 sudo apt-get -f install 13. 安装WPS 官网下载Linux版本的软件:WPS Office 2019 for Linux-支持多版本下载_WPS官方网站 deepin的软件包格式为deb。安装: sudo dpkg -i wps-office_11.1.0.10702_amd64.deb 最新版本 sudo dpkg -i wps-office_11.1.0.11691_amd64.deb 如果报错执行 sudo apt-get -f install wps有可能会报缺字体,缺的字体如下,双击安装 百度网盘 请输入提取码 提取码:lexo 14. 安装VS Code 官网下载Linux版本的软件:Visual Studio Code - Code Editing. Redefined deepin的软件包格式为deb。安装: sudo dpkg -i code_1.61.1-1634175470_amd64.deb 最新版本 sudo dpkg -i code_1.76.0-1677667493_amd64.deb 如果报错执行 sudo apt-get -f install 15. 安装微信、QQ、迅雷 微信 sudo apt-get install -y com.qq.weixin.deepin QQ sudo apt-get install -y com.qq.im.deepin 迅雷 sudo apt-get install -y com.xunlei.download 16. 安装视频播放器 sudo apt-get -y install smplayer sudo apt-get -y install vlc 17. 安装SSH工具electerm 下载electerm的deb版本 deepin的软件包格式为deb。安装: https://github.com/electerm/electerm/releases/download/v1.25.16/electerm-1.25.16-linux-amd64.deb sudo dpkg -i electerm-1.25.16-linux-amd64.deb 18.安装FTP/SFTP工具FileZilla sudo apt-get -y install filezilla 19. 安装edge浏览器 下载edge浏览器 deepin的软件包格式为deb。安装: 下载 Microsoft Edge sudo apt-get -y install fonts-liberation sudo apt-get -y install libu2f-udev sudo dpkg -i microsoft-edge-beta_95.0.1020.30-1_amd64.deb 最新版本 sudo dpkg -i microsoft-edge-stable_110.0.1587.63-1_amd64.deb 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_42173947/article/details/119973703。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-15 19:14:44
54
转载
转载文章
...或是使用注解@MapKey来进行每条记录的映射,效果等同于List用Stream流转Map foreach遍历list collection=“list” item=“vo” separator="," open="(" close=")"> {vo.id} foreach遍历map collection=“map” index=“key” item=“value”,{key}获取建,{value}获取值,$亦可 collection=“map.entrySet()” index=“key” item=“value”,同上 collection=“map.keys” item=“key”,{key}为键 不要使用where 1=1,使用动态where拼接,会自动剔除where后多余的and和or 单个参数时无论基本和引用并且未使用在动态SQL可以不加参数注解@Param,但一旦参数大于一个或者参数在动态SQL中使用就必须加@Param 并不是直接把参数加引号,而是变成?的形式交给prepareStatement处理,$直接使用值,当ORDER BY诸如此类不需要加引号的参数时,使用$代替,但为避免sql注入,该参数不能交由用户控制 Plus 官方API https://baomidou.com/guide/ @TableName 表名 @TableField(strategy = FieldStrategy.IGNORED) 更新不会忽略NULL值 @TableField(exist = false)表明该字段非数据字段,否则新增更新会报错 MybatisPlus对于单表的操作还是非常优秀的,在对单表进行新增或者更新的时候经常使用,但对于单表的查询业务上很少出现仅仅查询一张表的情况,但也会有,如果条件不大于3个还是可以使用的,多了倒没有直接写SQL来的方便了 MybatisPlus的批量插入也是通过for循环插入的,还是建议使用Mybatis的动态foreach进行批量插入 MybatisPlus的分页器会对方法中的参数判断,如果存在分页对象就先查询总数看是否大于0,然后拼接当前的数据库limit语句,所以如果我们分页对象为null,就可以实现不分页查询 Object paramObj = boundSql.getParameterObject();IPage page = null;if (paramObj instanceof IPage) { ……public static String getOriginalCountSql(String originalSql) {return String.format("SELECT COUNT(1) FROM ( %s ) TOTAL", originalSql);} ……originalSql = DialectFactory.buildPaginationSql(page, buildSql, dbType, this.dialectClazz); ……public String buildPaginationSql(String originalSql, long offset, long limit) {StringBuilder sql = new StringBuilder(originalSql);sql.append(" LIMIT ").append(offset).append(",").append(limit);return sql.toString();} IDEA 插件 Lombok : 快速生成getter、setter等 Alibaba Java Coding Guidelines :阿里规约扫描 Rainbow Brackets :彩色括号 HighlightBracketPair :高亮提示 MyBatisX :mabatisPlus提供的xml和mapper转换的插件,小鸟图标 CamelCase :大小写、驼峰、下划线、中划线转换插件 使用shift+Alt+u进行转换(很方便) 可以在Editor中设置CamelCase的转换,一般只保留下划线和驼峰两种 String Manipulation :字符串工具(未使用) RestfulToolkit http :Restful请求工具 打开idea,在右侧边栏会有一个标签(RestServices),打开可以看到里面是url路径 ctrl+\或者ctrl+alt+n会检索路径 Ctrl + Enter格式化json 没有记忆功能,也不能加token,只是查找请求路径使用 easycode :代码生成工具(个人觉得很好用,常用于生成实体类) 支持自定义模板 支持添加自定义列,不影响数据库 支持多表同时生成 支持自定义类型映射 支持配置导入导出 支持动态调试 支持自定义属性 Power Mode 11 :打字特效(纯属装逼) Nyan Progress Bar :漂亮的进度条(纯属装逼) Other Vo:数据持久化模型 Query:数据查询模型 Dto:数据传输模型 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_40910781/article/details/111416185。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-05-26 23:30:52
268
转载
转载文章
...18}Object.keys(obj).forEach((key) => {let value = obj[key]Object.defineProperty(obj, key, {get: function () {console.log(监听到obj对象的${key}属性被访问了)return value},set: function (newValue) {console.log(监听到obj对象的${key}属性被设置值)value = newValue} })})obj.name = 'kobe'obj.age = 30console.log(obj.name)console.log(obj.age)/ 监听到obj对象的name属性被设置值监听到obj对象的age属性被设置值监听到obj对象的name属性被访问了kobe监听到obj对象的age属性被访问了30/ 属性描述符监听对象的缺点: 首先,Object.defineProperty 设计的初衷,不是为了去监听截止一个对象中所有的属性的 我们在定义某些属性的时候,初衷其实是定义普通的属性,但是后面我们强行将它变成了数据属性描述符 其次,如果我们想监听更加丰富的操作,比如新增属性、删除属性,那么 Object.defineProperty 是无能为力的 所以我们要知道,存储数据描述符设计的初衷并不是为了去监听一个完整的对象 Ps: 原来的对象是 数据属性描述符,通过 Object.defineProperty 变成了 访问属性描述符 2. Proxy基本使用 在ES6中,新增了一个Proxy类,这个类从名字就可以看出来,是用于帮助我们创建一个代理的: 也就是说,如果我们希望监听一个对象的相关操作,那么我们可以先创建一个代理对象(Proxy对象) 之后对该对象的所有操作,都通过代理对象来完成,代理对象可以监听我们想要对原对象进行哪些操作 将上面的案例用 Proxy 来实现一次: 首先,我们需要 new Proxy 对象,并且传入需要侦听的对象以及一个处理对象,可以称之为 handler; const p = new Proxy(target, handler) 其次,我们之后的操作都是直接对 Proxy 的操作,而不是原有的对象,因为我们需要在 handler 里面进行侦听 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {// 获取值时的捕获器get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return target[key]},// 设置值时的捕获器set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)target[key] = newValue} })console.log(objProxy.name)console.log(objProxy.age)objProxy.name = 'kobe'objProxy.age = 30console.log(obj.name)console.log(obj.age)/ 监听到obj对象的name属性被访问了why监听到obj对象的age属性被访问了18监听到obj对象的name属性被设置值监听到obj对象的age属性被设置值kobe30/ 2.1 Proxy 的 set 和 get 捕获器 如果我们想要侦听某些具体的操作,那么就可以在 handler 中添加对应的捕捉器(Trap) set 和 get 分别对应的是函数类型 set 函数有四个参数: target:目标对象(侦听的对象) property:将被设置的属性 key value:新属性值 receiver:调用的代理对象 get 函数有三个参数 target:目标对象(侦听的对象) property:被获取的属性 key receiver:调用的代理对象 2.2 Proxy 所有捕获器 (13个) handler.getPrototypeOf() Object.getPrototypeOf 方法的捕捉器 handler.setPrototypeOf() Object.setPrototypeOf 方法的捕捉器 handler.isExtensible() Object.isExtensible 方法的捕捉器 handler.preventExtensions() Object.preventExtensions 方法的捕捉器 handler.getOwnPropertyDescriptor() Object.getOwnPropertyDescriptor 方法的捕捉器 handler.defineProperty() Object.defineProperty 方法的捕捉器 handler.ownKeys() Object.getOwnPropertyNames 方法和 Object.getOwnPropertySymbols 方法的捕捉器 handler.has() in 操作符的捕捉器 handler.get() 属性读取操作的捕捉器 handler.set() 属性设置操作的捕捉器 handler.deleteProperty() delete 操作符的捕捉器 handler.apply() 函数调用操作的捕捉器 handler.construct() new 操作符的捕捉器 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {// 获取值时的捕获器get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return target[key]},// 设置值时的捕获器set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)target[key] = newValue},// 监听 in 的捕获器has: function (target, key) {console.log(监听到obj对象的${key}属性的in操作)return key in target},// 监听 delete 的捕获器deleteProperty: function (target, key) {console.log(监听到obj对象的${key}属性的delete操作)delete target[key]} })// in 操作符console.log('name' in objProxy)// delete 操作delete objProxy.name/ 监听到obj对象的name属性的in操作true监听到obj对象的name属性的delete操作/ 2.3 Proxy 的 construct 和 apply 到捕捉器中还有 construct 和 apply,它们是应用于函数对象的 function foo() {console.log('调用了 foo')}const fooProxy = new Proxy(foo, {apply: function (target, thisArg, argArray) {console.log(对 foo 函数进行了 apply 调用)target.apply(thisArg, argArray)},construct: function (target, argArray, newTarget) {console.log(对 foo 函数进行了 new 调用)return new target(...argArray)} })fooProxy.apply({}, ['abc', 'cba'])new fooProxy('abc', 'cba')/ 对 foo 函数进行了 apply 调用调用了 foo对 foo 函数进行了 new 调用调用了 foo/ 3. Reflect 3.1 Reflect 的作用 Reflect 也是 ES6 新增的一个 API,它是一个对象,字面的意思是反射 Reflect 的作用: 它主要提供了很多操作 JavaScript 对象的方法,有点像 Object 中操作对象的方法 比如 Reflect.getPrototypeOf(target) 类似于 Object.getPrototypeOf() 比如 Reflect.defineProperty(target, propertyKey, attributes) 类似于 Object.defineProperty() 如果我们有 Object 可以做这些操作,那么为什么还需要有Reflect这样的新增对象呢? 这是因为在早期的 ECMA 规范中没有考虑到这种对 对象本身 的操作如何设计会更加规范,所以将这些 API 放到了 Object上面 但是 Object 作为一个构造函数,这些操作实际上放到它身上并不合适 另外还包含一些类似于 in、delete 操作符,让 JS 看起来是会有一些奇怪的 所以在 ES6 中新增了 Reflect,让我们这些操作都集中到了 Reflect 对象上 那么 Object 和 Reflect 对象之间的 API 关系,可以参考 MDN 文档: 比较 Reflect 和 Object 方法 3.2 Reflect 的常见方法 Reflect中有哪些常见的方法呢?它和Proxy是一一对应的,也是13个 Reflect.getPrototypeOf(target) 类似于 Object.getPrototypeOf() Reflect.setPrototypeOf(target, prototype) 设置对象原型的函数. 返回一个 Boolean, 如果更新成功,则返回 true Reflect.isExtensible(target) 类似于 Object.isExtensible() Reflect.preventExtensions(target) 类似于 Object.preventExtensions() , 返回一个 Boolean Reflect.getOwnPropertyDescriptor(target, propertyKey) 类似于 Object.getOwnPropertyDescriptor() , 如果对象中存在该属性,则返回对应的属性描述符, 否则返回 undefined Reflect.defineProperty(target, propertyKey, attributes) 和 Object.defineProperty() 类似, 如果设置成功就会返回 true Reflect.ownKeys(target) 返回一个包含所有自身属性(不包含继承属性)的数组 (类似于 Object.keys(), 但不会受 enumerable 影响) Reflect.has(target, propertyKey) 判断一个对象是否存在某个属性,和 in 运算符 的功能完全相同 Reflect.get(target, propertyKey[, receiver]) 获取对象身上某个属性的值,类似于 target[name] Reflect.set(target, propertyKey, value[, receiver]) 将值分配给属性的函数,返回一个 Boolean,如果更新成功,则返回 true Reflect.deleteProperty(target, propertyKey) 作为函数的 delete 操作符,相当于执行 delete target[name] Reflect.apply(target, thisArgument, argumentsList) 对一个函数进行调用操作,同时可以传入一个数组作为调用参数。和 Function.prototype.apply() 功能类似 Reflect.construct(target, argumentsList[, newTarget]) 对构造函数进行 new 操作,相当于执行 new target(...args) 3.3 Reflect 的使用 那么我们可以将之前Proxy案例中对原对象的操作,都修改为Reflect来操作 const obj = {name: 'why',age: 18}const objProxy = new Proxy(obj, {get: function (target, key) {console.log(监听到obj对象的${key}属性被访问了)return Reflect.get(target, key)// return target[key] // 对原来对象进行了直接操作},set: function (target, key, newValue) {console.log(监听到obj对象的${key}属性被设置值)Reflect.set(target, key, newValue)// target[key] = newValue // 对原来对象进行了直接操作} })objProxy.name = 'kobe'console.log(objProxy.name)/ 监听到obj对象的name属性被设置值监听到obj对象的name属性被访问了kobe/ 3.4 Receiver的作用 我们发现在使用getter、setter的时候有一个receiver的参数,它的作用是什么呢? 如果我们的源对象(obj)有 setter 、getter 的访问器属性,那么可以通过 receiver 来改变里面的 this const obj = {_name: 'why',get name() {return this._name // 不使用receiver, _name属性的操作不会被objProxy代理,因为this指向obj},set name(newValue) {this._name = newValue} }const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// receiver 是创建出来的代理对象console.log('get 方法被访问-------', key, receiver)console.log(objProxy === receiver) // truereturn Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)} })objProxy.name = 'kobe'console.log(objProxy.name) // kobe/ get 方法被访问------- name { _name: 'kobe', name: [Getter/Setter] }trueget 方法被访问------- _name { _name: 'kobe', name: [Getter/Setter] }truekobe/ 3.5 Reflect 的 construct function Student(name, age) {this.name = namethis.age = age}function Teacher() {}const stu = new Student('why', 18)console.log(stu)console.log(stu.__proto__ === Student.prototype)/ Student { name: 'why', age: 18 }true/// 执行 Student 函数中的内容,但是创建出来的对象是 Teacher 对象const teacher = Reflect.construct(Student, ['why', 18], Teacher)console.log(teacher)console.log(teacher.__proto__ === Teacher.prototype)/ Teacher { name: 'why', age: 18 }true/ 4. 响应式 4.1 什么是响应式? 先来看一下响应式意味着什么?我们来看一段代码: m 有一个初始化的值,有一段代码使用了这个值; 那么在 m 有一个新的值时,这段代码可以自动重新执行 let m = 0// 一段代码console.log(m)console.log(m 2)console.log(m 2)m = 200 上面的这样一种可以自动响应数据变量的代码机制,我们就称之为是响应式的 对象的响应式 4.2 响应式函数设计 首先,执行的代码中可能不止一行代码,所以我们可以将这些代码放到一个函数中: 那么问题就变成了,当数据发生变化时,自动去执行某一个函数; 但是有一个问题:在开发中是有很多的函数的,如何区分一个函数需要响应式,还是不需要响应式呢? 很明显,下面的函数中 foo 需要在 obj 的 name 发生变化时,重新执行,做出相应; bar 函数是一个完全独立于 obj 的函数,它不需要执行任何响应式的操作; // 对象的响应式const obj = {name: 'why',age: 18}function foo() {const newName = obj.nameconsole.log('你好啊,李银河')console.log('Hello World')console.log(obj.name)}function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe' // name 发生改变时候 foo 函数执行 响应式函数的实现 watchFn 如何区分响应式函数? 这个时候我们封装一个新的函数 watchFn 凡是传入到 watchFn 的函数,就是需要响应式的 其他默认定义的函数都是不需要响应式的 / 封装一个响应式的函数 /let reactiveFns = []function watchFn(fn) {reactiveFns.push(fn)}// 对象的响应式const obj = {name: 'why',age: 18}watchFn(function foo() {const newName = obj.nameconsole.log('你好啊,李银河')console.log('Hello World')console.log(obj.name)})watchFn(function demo() {console.log(obj.name, 'demo function ---------')})function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe' // name 发生改变时候 foo 函数执行reactiveFns.forEach((fn) => {fn()}) 4.3 响应式依赖的收集 目前收集的依赖是放到一个数组中来保存的,但是这里会存在数据管理的问题: 在实际开发中需要监听很多对象的响应式 这些对象需要监听的不只是一个属性,它们很多属性的变化,都会有对应的响应式函数 不可能在全局维护一大堆的数组来保存这些响应函数 所以要设计一个类,这个类用于管理某一个对象的某一个属性的所有响应式函数: 相当于替代了原来的简单 reactiveFns 的数组; class Depend {constructor() {this.reactiveFns = []}addDepend(reactiveFn) {this.reactiveFns.push(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }const depend = new Depend()function watchFn(fn) {depend.addDepend(fn)}// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}watchFn(function foo() {const newName = obj.nameconsole.log('你好啊,李银河')console.log('Hello World')console.log(obj.name)})watchFn(function demo() {console.log(obj.name, 'demo function ---------')})function bar() {console.log('普通的其他函数')console.log('这个函数不需要有任何的响应式')}obj.name = 'kobe'depend.notify() 4.4 监听对象的变化 那么接下来就可以通过之前的方式来监听对象的变化: 方式一:通过 Object.defineProperty 的方式(vue2采用的方式); 方式二:通过 new Proxy 的方式(vue3采用的方式); 我们这里先以Proxy的方式来监听 class Depend {constructor() {this.reactiveFns = []}addDepend(reactiveFn) {this.reactiveFns.push(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }const depend = new Depend()function watchFn(fn) {depend.addDepend(fn)}// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}// 监听对象的属性变化:Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)depend.notify()} })watchFn(function foo() {const newName = objProxy.nameconsole.log('你好啊,李银河')console.log('Hello World')console.log(objProxy.name)})watchFn(function demo() {console.log(objProxy.name, 'demo function ---------')})objProxy.name = 'kobe'objProxy.name = 'james'/ 你好啊,李银河Hello Worldkobekobe demo function ---------你好啊,李银河Hello Worldjamesjames demo function ---------/ 4.5 对象的依赖管理 目前是创建了一个 Depend 对象,用来管理对于 name 变化需要监听的响应函数: 但是实际开发中我们会有不同的对象,另外会有不同的属性需要管理; 如何可以使用一种数据结构来管理不同对象的不同依赖关系呢? 在前面我们刚刚学习过 WeakMap,并且在学习 WeakMap 的时候我讲到了后面通过 WeakMap 如何管理这种响应式的数据依赖: 实现 可以写一个 getDepend 函数专门来管理这种依赖关系 / 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取mapconst map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象const depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化:Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} }) 正确的依赖收集 我们之前收集依赖的地方是在 watchFn 中: 但是这种收集依赖的方式我们根本不知道是哪一个 key 的哪一个 depend 需要收集依赖; 只能针对一个单独的 depend 对象来添加你的依赖对象; 那么正确的应该是在哪里收集呢?应该在我们调用了 Proxy 的 get 捕获器时 因为如果一个函数中使用了某个对象的 key,那么它应该被收集依赖 / 封装一个响应式函数 /let activeReactviceFn = nullfunction watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化:Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数activeReactviceFn && depend.addDepend(activeReactviceFn)return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} }) 4.6 对 Depend 重构 两个问题: 问题一:如果函数中有用到两次 key,比如 name,那么这个函数会被收集两次 问题二:我们并不希望将添加 reactiveFn 放到 get 中,因为它是属于 Depend 的行为 所以我们需要对 Depend 类进行重构: 解决问题一的方法:不使用数组,而是使用 Set 解决问题二的方法:添加一个新的方法,用于收集依赖 // 保存当前需要收集的响应式函数let activeReactviceFn = nullclass Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }// 对象的响应式const obj = {name: 'why', // depend 对象age: 18 // depend 对象}/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}// 监听对象的属性变化:Proxy(vue3)/Object.defineProperty(vue2)const objProxy = new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数depend.depend()return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} })watchFn(function () {console.log(objProxy.name, '--------------')console.log(objProxy.name, '++++++++++++++')})objProxy.name = 'kobe'/ why --------------why ++++++++++++++kobe --------------kobe ++++++++++++++/ 4.7 创建响应式对象 目前的响应式是针对于obj一个对象的,我们可以创建出来一个函数,针对所有的对象都可以变成响应式对象 / 保存当前需要收集的响应式函数 /let activeReactviceFn = null/ 依赖收集类 /class Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}/ 创建响应式对象函数 /function reactive(obj) {// 监听对象的属性变化:Proxy(vue3)/Object.defineProperty(vue2)return new Proxy(obj, {get: function (target, key, receiver) {// 根据 target key 获取对应的 depnedconst depend = getDepend(target, key)// 给 depend 对象中添加响应式函数depend.depend()return Reflect.get(target, key, receiver)},set: function (target, key, newValue, receiver) {Reflect.set(target, key, newValue, receiver)const depend = getDepend(target, key)depend.notify()} })}const info = reactive({address: '广州市',height: 1.88})watchFn(() => {console.log(info.address, '---')})info.address = '北京市' 4.8 Vue2 响应式原理 前面所实现的响应式的代码,其实就是 Vue3 中的响应式原理: Vue3 主要是通过 Proxy 来监听数据的变化以及收集相关的依赖的 Vue2 中通过 Object.defineProerty的方式来实现对象属性的监听 可以将 reactive 函数进行如下的重构: 在传入对象时,我们可以遍历所有的 key,并且通过属性存储描述符来监听属性的获取和修改 在 setter 和 getter 方法中的逻辑和前面的 Proxy 是一致的 / 保存当前需要收集的响应式函数 /let activeReactviceFn = null/ 依赖收集类 /class Depend {constructor() {this.reactiveFns = new Set()}depend() {if (activeReactviceFn) {this.reactiveFns.add(activeReactviceFn)} }addDepend(reactiveFn) {this.reactiveFns.add(reactiveFn)}notify() {this.reactiveFns.forEach((fn) => {fn()})} }/ 封装一个响应式函数 /function watchFn(fn) {activeReactviceFn = fnfn()activeReactviceFn = null}/ 封装一个获取depend的函数 /const taregtMap = new WeakMap()function getDepend(target, key) {// 根据target对象获取maplet map = taregtMap.get(target)if (!map) {map = new Map()taregtMap.set(target, map)}// 根据key获取depend对象let depend = map.get(key)if (!depend) {depend = new Depend()map.set(key, depend)}return depend}/ 创建响应式对象函数 /function reactive(obj) {Object.keys(obj).forEach((key) => {let value = obj[key]Object.defineProperty(obj, key, {get: function () {const dep = getDepend(obj, key)dep.depend()return value},set: function (newValue) {value = newValueconst dep = getDepend(obj, key)dep.notify()} })})return obj}const info = reactive({address: '广州市',height: 1.88})watchFn(() => {console.log(info.address, '---')})info.address = '北京市' 本篇文章为转载内容。原文链接:https://blog.csdn.net/wanghuan1020/article/details/126774033。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-01-11 12:37:47
679
转载
Java
...n containsKey(Object key); boolean containsValue(Object value); V get(Object key); V put(K key, V value); V remove(Object key); void putAll(Map<? extends K, ? extends V> m); void clear(); Set<K> keySet(); Collection<V> values(); Set<Map.Entry<K, V>> entrySet(); interface Entry<K, V> { K getKey(); V getValue(); V setValue(V value); boolean equals(Object o); int hashCode(); } } Map也是一个接口类,它与列表不同的是,它提供了一种键-值对的关联关系。其中,键(key)和值(value)均可以为任何对象种类。Map中的数据没有顺序,因此不提供用索引直接获取元素。Map可以用来进行迅速的搜索和获取,常用的方法包含get()、put()、remove()等等。举个例子,在实现在线商城的购物车时,可以使用Map来条目用户选择的商品信息,每个商品关联一个数量和价格,便捷地添加、移除、搜索商品,以及计算总价。
2023-06-18 15:10:50
279
软件工程师
转载文章
...lscert、tlskey 5 再在默认证书路径下的ca.pem、key.pem、cert.pem Docker 运行时目录:/var/run/docker Docker PID 文件目录:/var/run/docker.pid containerd 通信sock路径 /run/containerd/containerd.sock 本篇文章为转载内容。原文链接:https://blog.csdn.net/xjmtxwd24/article/details/127860371。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-08 20:50:40
88
转载
转载文章
...a_private_key.pem 1024 该命令会生成1024位的私钥,生成成功的界面如下: 此时我们就可以在当前路径下看到rsa_private_key.pem文件了。 2)把RSA私钥转换成PKCS8格式 输入命令pkcs8 -topk8 -inform PEM -in rsa_private_key.pem -outform PEM –nocrypt,并回车 得到生成功的结果,这个结果就是PKCS8格式的私钥,如下图: 3) 生成RSA公钥 输入命令rsa -in rsa_private_key.pem -pubout -out rsa_public_key.pem,并回车, 得到生成成功的结果,如下图: 此时,我们可以看到一个文件名为rsa_public_key.pem的文件,打开它,可以看到-----BEGIN PUBLIC KEY-----开头, -----END PUBLIC KEY-----结尾的没有换行的字符串,这个就是公钥。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_33915554/article/details/85830576。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-18 17:04:03
89
转载
Cassandra
...d PRIMARY KEY, name text, email text, unlogged ) WITH bloom_filter_fp_chance = 0.01 AND caching = {'keys': 'ALL', 'rows_per_partition': 'NONE'} AND comment = 'Fast writes, no durability'; 在这个例子中,unlogged关键字被添加到表定义中,声明这是一个UNLOGGED TABLES。嘿,你知道吗?咱们加了个小技巧,那就是把caching开关调到"不缓存行"模式,这样写入数据的时候速度能嗖嗖的快呢! 四、潜在风险与注意事项 1. 数据完整性 由于没有日志记录,如果集群崩溃,UNLOGGED TABLES的数据可能会丢失,这可能导致数据一致性问题。 2. 备份与恢复 由于缺乏日志,备份和恢复可能依赖于其他手段,如定期全量备份。 3. 监控与维护 需要更频繁地监控,确保数据的实时性和可用性。 五、实际应用案例 假设你在构建一个实时新闻聚合应用,用户点击行为需要迅速记录以便进行实时分析。你知道吗,如果你要记录用户的日常操作,可以选择用"未日志化表",这样即使偶尔漏掉点旧信息,你那实时显示的精准度也不会打折! 然而,如果应用涉及到法律合规或金融交易,那么你可能需要使用普通表格类型,以确保数据的完整性和满足法规要求。 六、总结与权衡 在Cassandra中,UNLOGGED TABLES是一个工具箱中的瑞士军刀,适用于特定场景下的性能优化。关键看你怎么定夺,就是得琢磨清楚你的业务到底啥需求,数据又有多宝贝,还有你能不能容忍点儿小误差,就这么简单。每种选择都有其代价,因此明智地评估和选择合适的表类型至关重要。 记住,数据科学家和工程师的角色不仅仅是编写代码,更是要理解业务需求,然后根据这些需求做出最佳技术决策。在Cassandra的世界里,这就是UNLOGGED TABLES发挥作用的地方。
2024-06-12 10:55:34
492
青春印记
Java
...接口,提供了键值对(Key-Value)的存储。在本文上下文中,HashMap用于存储ID与用户名:密码的对应关系,通过哈希算法实现高效插入、查找和删除操作。其内部采用数组+链表/红黑树的方式,保证了键值对数据的快速访问。 PreparedStatement , PreparedStatement是Java JDBC编程中的一个重要组件,它代表预编译的SQL语句。相比于普通Statement,PreparedStatement可以防止SQL注入攻击,并且支持参数化查询,即在SQL语句中使用问号“?”作为占位符,在执行时传入具体参数值。在文章示例中,通过设置PreparedStatement对象的参数并执行查询,可以根据多个ID动态地从数据库中检索用户名和密码信息。 JDBC (Java Database Connectivity) , JDBC是Java语言提供的一套用于连接和操作各种类型数据库的标准API。通过JDBC,开发者可以编写统一的Java代码来访问Oracle、MySQL等各种兼容JDBC的数据库系统。在本文应用场景下,JDBC被用来建立Java应用程序与MySQL数据库之间的连接,执行SQL查询语句,从而根据多个ID获取相关的用户名和密码数据。 MySQL , MySQL是一个开源的关系型数据库管理系统,广泛应用于互联网行业,尤其适合处理大规模的数据。在本文中,MySQL数据库被用作用户数据的持久化存储方案,通过JDBC接口,Java程序能够发送SQL查询请求到MySQL数据库,进而根据ID检索对应的用户名和密码信息。
2023-10-25 12:49:36
342
键盘勇士
Python
...== pygame.KEYDOWN: if event.key == pygame.K_SPACE: 玩家按下键空格键,Mario 跳起来 mario_y -= 100 jump_sound.play() 更新背景 screen.blit(bg, (0, 0)) 更新 Mario screen.blit(mario_img, (mario_x, mario_y)) 更新分数 score_txt = font.render("Score: " + str(score), True, text_color) screen.blit(score_txt, (10, 10)) 更新屏幕 pygame.display.update() 统计得分 score += 1 每 1000 分播放一次 coin 声音效果 if score % 1000 == 0: coin_sound.play() 上述代码包含了 pygame 库的基本用法,同时还实现了用户交互、背景更新、游戏角色更新、分数计算等核心功能。游戏的画面、声音效果等资源可以根据自己的喜好进行更换。 如果你也想尝试开发 pygame 微型游戏,不妨从这款传统游戏开始开始尝试,相信会收获很多乐趣。
2023-12-31 14:26:50
275
程序媛
Etcd
...) 创建一个新的key-value对 response = etcd_client.put('/my/key', 'my value') if response.status_code != 200: print(f"Failed to set key: {StatusCode(response.status_code).name}") 在这个例子中,我们尝试创建一个新的key-value对。要是我们Etcd服务器没整对,或者网络状况不给力,那很可能就会蹦出个HTTP/GRPC服务器内部错误的消息来。 四、解决HTTP/GRPC服务器内部错误的方法 当我们遇到HTTP/GRPC服务器内部错误时,我们可以采取以下几种方法进行解决: 1. 检查网络连接 首先要检查的是网络连接是否正常。我们可以尝试ping Etcd服务器,看是否可以正常通信。 2. 检查Etcd服务器配置 其次,我们需要检查Etcd服务器的配置。比如,我们需要亲自确认Etcd服务器已经在欢快地运行啦,端口没有被其他家伙占用,而且安全组的规则也得好好设置,得让咱们的应用程序能顺利找到并访问到Etcd服务器,这些小细节都得注意一下下。 3. 更新Etcd版本 如果我们发现这是一个已知的问题,我们可能需要更新Etcd的版本。Etcd开发者通常会在新版本中修复这些问题。 4. 使用调试工具 最后,我们可以使用一些调试工具来帮助我们诊断问题。比如说,我们可以借助Etcd的监控神器,随时瞅瞅服务器的状态咋样;再比如,用gRPC那个调试小助手,就能轻松查看请求和响应里面都塞了哪些好东西。 五、结论 总的来说,HTTP/GRPC服务器内部错误是我们在使用Etcd时可能会遇到的一个常见问题。虽然这可能会给我们带来些小麻烦,不过只要我们摸清事情的来龙去脉,对症下药地采取一些措施,就完全有能力把问题给妥妥地解决掉。希望这篇文章能对你有所帮助。
2023-07-24 18:24:54
668
醉卧沙场-t
SpringBoot
...l req -newkey rsa:2048 -nodes -keyout key.pem -x509 -days 365 -out cert.pem 然后,我们需要在Nginx的配置文件中添加SSL的相关配置。 bash server { listen 443 ssl; server_name example.com; ssl_certificate cert.pem; ssl_certificate_key key.pem; location / { proxy_pass http://127.0.0.1:8080; } } 四、Spring Boot中的请求路径获取 在Spring Boot中,我们可以通过HttpServletRequest对象的getRequestURI()方法来获取请求的完整路径。例如: typescript @RequestMapping("/path") public String handlePath(HttpServletRequest request) { String path = request.getRequestURI(); return "Hello, " + path; } 五、总结 以上就是使用Nginx进行反向代理,并配置SSL证书,以及在Spring Boot中获取请求路径的方法。通过这种方式,我们可以实现一个安全且易于访问的应用程序。 六、参考资料 1. Nginx官方文档 https://nginx.org/en/docs/ 2. Spring Boot官方文档 https://docs.spring.io/spring-boot/docs/current/reference/html/ 感谢您的阅读!如果您有任何问题或建议,欢迎随时联系我。
2024-01-22 11:19:49
386
落叶归根_t
Etcd
...cd 是一个分布式 key-value 存储系统,用于在分布式环境中存储配置信息和共享状态。其实啊,在实际操作的时候,咱们免不了会遇到一些小插曲,比如说 Etcdserver 这个家伙,有时候就闹脾气,不肯从数据目录启动起来。这不,今天咱们要唠的嗑,就是专门解决这个问题滴! 二、问题分析 当我们尝试启动 Etcdserver 时,如果出现以下错误信息:“Etcdserver is unable to start as snapshot restore from the data directory”,那么很可能是由于以下原因: 1. 数据目录中的 snapshot 文件丢失或损坏。 2. 数据目录下的 .etcd 目录被删除或者移动。 3. 配置文件中指定的数据目录不正确。 三、解决方案 解决这个问题的方法有很多,接下来我们将逐一进行介绍。 四、解决方案一 检查并修复 snapshot 文件 首先,我们需要查看数据目录中的 snapshot 文件是否完整。如果发现 snapshot 文件不见了或者损坏了,那咱们就试着重新构建一个 snapshot 文件吧。这可以通过运行以下命令来完成: bash etcdctl --endpoints=localhost:2379 snapshot save my-cluster-snapshot.snap 这个命令会将当前的 etcd 状态保存为一个新的 snapshot 文件。 五、解决方案二 恢复 snapshot 文件 如果 snapshot 文件已经存在,但是仍然无法启动 Etcdserver,那么我们可能需要通过恢复 snapshot 文件来解决问题。这可以通过运行以下命令来完成: bash etcdctl --endpoints=localhost:2379 snapshot restore /path/to/snapshotfile 注意:你需要将 /path/to/snapshotfile 替换为你自己的 snapshot 文件路径。 六、解决方案三 检查和修复 .etcd 目录 如果你的数据目录下没有 .etcd 目录,那么你可能需要手动创建这个目录。然后,你需要确保你的配置文件中指定了正确的数据目录。 七、结论 总的来说,解决 Etcdserver 无法从数据目录启动的问题并不难,只需要仔细地检查和修复相关的文件和设置即可。当你在解决某个问题时,如果碰到了绊脚石,不妨回头看看上面提到的步骤,然后灵活运用,根据实际情况适当变通一下。 八、附注 最后,我想说的是,Etcd 是一个非常强大的工具,但是在使用它的时候,我们也需要注意一些细节,避免因为一些小错误而导致大问题。我相信,只要你足够细心,就一定能成功地解决这个问题。
2023-01-07 12:31:32
512
岁月静好-t
Beego
... Protocol Secure)是一种通过SSL/TLS协议加密的网络通信协议。它可以在客户端和服务器之间建立起一条安全通道,保证传输的数据不被窃取或篡改。在HTTPS这个协议里头,客户端和服务器这两端的连接,就好比是你我之间的一场悄悄话。它们用的是一种“密码本”机制,公钥相当于公开给大家看的加密规则,而私钥则是只有特定的人(服务器)才能解密的秘密钥匙。这样一来,他们之间的信息传输就安全得像小秘密一样,只有指定的人能明白其中的内容。 三、HTTPS证书的基本概念 在HTTPS协议中,必须使用有效的SSL/TLS证书。SSL/TLS证书是一种数字证书,由可信的第三方机构(例如VeriSign、Comodo等)颁发。证书包含了网站的所有者信息、公钥以及过期日期等信息。当用户访问网站时,浏览器会先检查该证书的有效性和权威性,如果验证通过,则会建立一个安全的连接。 四、Beego中的HTTPS配置 在Beego框架中,可以通过修改配置文件的方式来启用HTTPS服务。具体步骤如下: 1. 修改配置文件bee.conf,将HTTP port改为HTTPS port,并增加Listen设置: bash http_port = ":8080" listen = ":443" ssl_cert_file = "/etc/nginx/ssl/server.crt" ssl_key_file = "/etc/nginx/ssl/server.key" 2. 使用OpenSSL生成自签名证书。运行以下命令: css openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout server.key -out server.crt 其中,-x509表示生成的是X.509类型的证书,-nodes表示不进行密码保护,-days指定证书的有效期(单位为天),-newkey指定密钥类型和大小,-keyout指定生成的密钥文件名,-out指定生成的证书文件名。 五、Beego中HTTPS证书的问题及解决方法 在使用Beego框架开发过程中,有时我们会遇到一些与HTTPS证书相关的问题。以下是常见的几种问题及其解决方法: 1. Beego无法启动,提示缺少SSL证书 解决方法:检查bee.conf文件中的SSL证书路径是否正确,确保证书文件存在并且可读。 2. SSL证书无效或者不受信任 解决方法:可以更换SSL证书,或者在浏览器中增加对该证书的信任。 3. HTTPS请求失败,错误信息显示“SSL Error” 解决方法:可能是因为使用的SSL证书没有正确地安装或者配置,或者是服务器的防火墙阻止了HTTPS请求。在这种情况下,需要仔细检查配置文件和防火墙规则。 六、结论 总的来说,在使用Beego框架开发过程中,处理HTTPS协议下的证书问题是不可避免的一部分。咱们得先把HTTPS协议那个基础原理摸清楚,再来说说如何在Beego框架里头给它配好HTTPS。而且啊,那些常遇到的小插曲、小问题,咱们也得心里有数,手到擒来地解决才行。只有这样,我们才能在实际开发过程中,更加轻松地应对各种证书问题。
2023-09-01 11:29:54
502
青山绿水-t
HessianRPC
...verSocket.accept(); InputStream inputStream = socket.getInputStream(); OutputStream outputStream = socket.getOutputStream(); String request = readRequest(inputStream); String response = handleRequest(request); writeResponse(response, outputStream); } 然后,在客户端创建一个连接: java Socket socket = new Socket("localhost", 8080); OutputStream outputStream = socket.getOutputStream(); InputStream inputStream = socket.getInputStream(); writeRequest(request, outputStream); String response = readResponse(inputStream); 七、结论 总的来说,Hessian是一种非常强大的工具,可以帮助我们高效地进行大数据量的传输。甭管是Web服务、手机APP,还是嵌入式小设备,你都能发现它的存在。在接下来的工作日子里,咱们得好好琢磨和掌握这款工具,这样一来,工作效率自然就能蹭蹭往上涨啦!
2023-11-16 15:02:34
468
飞鸟与鱼-t
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
traceroute host
- 显示数据包到目标主机经过的路由路径。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"