react18.x+arco仿微信网页端聊天|react+vite聊天实例使用vite4构建工具搭建react18.2聊天项目react18-vite...

基于tauri+vue3跨端开发桌面端后台管理系统应用TauriAdmin。使用跨端技术tauri+rust搭配vite构建工具开发桌面端后台管理系统...

最近tauri跨端框架比较热门，在github上关注度持续上升。tauri对标electron，具有体积小、运行快、内存占用小、更高安全性等特性。\[T...

最近在做项目需要展示代码片段，我们做的这个项目和eth区块浏览器的项目很像，之前也有用过一些代码展示的三方组件，但感觉会有点臃肿，看了etherscan上发现，...

了解区块链的同学，应该都接触过钱包。我们在区块链上收发资产都需要通过钱包来完成。要了解HD钱包我们要知道为什么会出现HD钱包，现在有很多的单币种钱包，例如如el...

目前很多推送服务都是要付费的。像我们做前端的，没有APP类似的承载，我们可能很难推送消息给用户。比如我用NodeJS写了程序去检测股票和币圈的动态，某只股票涨了...

最近都说王者是精神鸦片，毒害了很多小学生，我个人认为还是不假的。有时候玩王者真的是不知不觉就过去了几个小时了，玩着玩着一个晚上就没了，其他小学生我是不知道，但是...

这世上有千千万万的普通人，他们很普通很普通，但是每一个人都是独一无二的。我，就是这千万大军中的一员：职业：前端程序员行业：区块链家庭背景：没有...

前段时间有分享一个vite2+electron桌面端管理后台项目。这次分享的是基于vue3+electron13+element-plus仿mac桌面管理程序|...

在画布中移动鼠标，获取当前点的RGB值

前段时间有给大家分享一个vue3移动端聊天项目，今天分享最新开发的vue3.0仿抖音实战项目。Vue3Douyin 基于vite2构建工具搭建的一款vue3...

假如每月追投1000，每月涨幅1%，那么30年后你将收货350万！！！

在嵌入三方应用并使用三方登录时经常会遇到iframe中使用cookie的场景。比如网站嵌入了第三方评论模块，评论模块登录会打个一个iframe，iframe会加...

随着\*Vue3.x+Vite\*构建工具的相继推出，让vue.js的开发热潮又再一次被点燃。Vue3Chat聊天 基于vue3.x+vue-router...

使用CSS3转换自动旋转一组html内容的纯CSS 3D透视图旋转木马。使用SCSS实现，在线编辑SCSS.

一个带有动画汉堡切换的全屏导航，显示一个始终居中的菜单，全屏覆盖整个网页。

这是一款有CSS3和谷歌字体库实现的非常轻量建议的文字动画，效果很卡通，也非常可爱

在网页设计中我们会常常用到一些组件来实现滑杆拖动改变分数，年龄，金额范围等等。这是一款非常富有创意的滑杆组件，不依赖于任何框架，由纯JS和CSS实现，它的特点是拖动滑杆时会有一个可爱的卡通头像跟着翻转，非常轻巧，同时你也可以任意替换自己喜欢的卡通动画头像。

React在线编辑器，专用于React学习和React示例运行

这是一款比较酷炫的CSS3侧边栏导航菜单，这款CSS3侧边栏菜单是卡片式的，鼠标滑过菜单项时，卡片即会出现向外抽出的动画效果。值得注意的是，这款CSS3侧边栏菜单的菜单项长度是不限制的，它是自适应的。

由CSS3实现的动态进度条，线条动感比较强烈，已经充满的部分犹如水波一样在动，非常酷炫。

记得狗年的时候出了一款永曜之星，当时觉得哇塞真是好看，但是觉得好贵，又不太会玩这个英雄，所以没舍得买。没想到今年鼠年在五岳皮肤出来的时候杨戬的永曜之星突然返场了...

在JS中我们替换字符串通常是"my name".replace("my", "her");那其实在sql中也有类似的方法update 表名 set 字...

人的一生总会经历各种各样的事情酸甜苦辣一样都不会少每个人都在努力生活中每个人都在努力的奋斗者也许你会看到别人的光鲜亮丽也许你会看到别人的...

使用CSS就可以绘制各种形状的三角形，不用使用iconfont或者图片什么的。1.向上的三角形.triangle-up { width 0;...

在搭建之前先简单介绍一波JeKyll。Jekyll（发音/'dʒiːk əl/，"杰克尔"）是一个静态站点生成器，它会根据网页源码生成静态文件。它提供了模板、变...

This is a war,这是一场战争and we are all fighters.而我们都是战士！To the fighters...

上一篇具体介绍了CKEditor5的三种形态和基本使用方法。具体可看CKEditor 5富文本编辑器使用教程（一）文章。这次再继续再继续深入研究使用方法，这...

简体繁体在线转换工具，把需要转换的内容粘贴至文本输入框，点击转化为简体或者转为繁体。繁体字，也称繁体中文，欧美各国称之为“传统中文（Traditional Ch...

今日数独。数独是数字拼图游戏，拼图是九宫格（即3格宽×3格高）的正方形状，每一格又细分为一个九宫格。在每一个小九宫格中，分别填上1至9的数字，让整个大九宫格每一...

有的人就想如果每次猜大小都猜大，从1开始，如果没猜中就继续加多一倍，赢了就重新从1开始，这样至少赢一次就可以把之前输的本金全部拿回来，那岂不是必赢了呢。这是晚上睡觉的时候突然想到的课题，我决定写个程序来模拟一下这个场景...

在许多密码学应用中，用户安全最终取决于密码，并且由于密码通常不能直接用作密码密钥，因此需要进行一些处理，KeyStore正是在这种背景下孕育而生。KeyStor...

一款实用的免费在线便签,操作方便简洁,页面精美大方,随时随地访问笔记,记录信息,查找资料等,提高效率,潮流人士必备工具。点击访问：潮便签 https //www...

时间过的真快，一下子我就做了爸爸了。现在宝宝也有100天了。我以前经常会想，当爸爸是什么感觉。是一份责任？爱的传递？现在真切体会到，发现一切并...

如果网站支持多语言的话话，建议在使用正规的语言代码。在日常开发中，做多语言本地化处理常用到的语言代码。语言代码国家/ 地区"" (空字符串)无变...

YLDBlog是托管于GitHub上的开放空间。如果你喜欢这个博客的话，可以folk yldblog，然后做少许的一些页面修改，就可以做一个属于自己的博客空间...

如果你做了一个博客网站，想给网站添加评论等互动功能，那么就可以使用这个“添加SamYoc到你的网站”插件。这个插件可以帮助你更好的建设网站。有了这个插件即便是个静态网页也能支持评论互动...

作为一个博客空间，SamYoc对技术却有着不懈的追求，在团队（怎么好意思说团队，明明只有一个人🤣）的努力下，SamYoc走进了2.0时代。我们的理念是什么：追...

Dear all SamYoc已经上线了微信扫码一键登录注册SamYoc网站。已注册的用户如何使用原账户微信扫码登录？

react-i18loaderreact-i18loader 是一个专门为React和React的相关框架（比如NextJS）定制的一个多语言国际化用于 we...

玩游戏有时候是一种很好的释放压力的方式，也是一种很好的消遣方式，在男人的世界里这算是一种很便宜的娱乐方式吧，所以我打了很多赛季的王者，打到现在不费吹灰之力就上王...

在线字符串转BASE64，在线图片转BASE64，轻轻拖拽图片，即可完成对图片的BASE64编码。点击即可解码BASE64文本...

注册全局组件，可以使得项目的各个页面或者组件中可以去访问他们，注册组件包括以下几种。1. 注册Vue插件例如想用vue-notifications组件来显示通知...

如果你正在开发博客网站，正愁于用什么插件来做文章编辑，那么可以考虑使用CKEditor。一般设计文章编辑都希望用的富文本编辑器有以下功能样式丰富，便于设置文本样...

工欲善其事必先利其器，有壳推出可视化接口管理工具，帮助开发人员更好的构建项目接口文档，促进团队协作，提高团队效率。可视化编辑，完善的版本控制，各种格式的导入导出...

编辑并运行你的HTML，CSS，JavaScript实例，快速查看HTML，CSS，JavaScript运行结果，便捷调试

If you’re alive in 2018, you’ve probably heard of the side hustle. These days, i 生活在2018年，你可能听说过兼职。现如今，每个人好像都有兼职。其实，如果你是千禧一代...

一款实用的在线便签，从来没有体验过的精美，从来没有体验过的方便

Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是一款轻量级的网页服务器、反向代理服...

几年前互联网走在风口浪尖上，那个时候遍地都是互联网公司，是发展的黄金时期。而如今经济萧条，大环境走向越来越衰，很多行业很多公司行走在倒闭的边缘，痛苦的挣扎...

VUE上手是非常快的，而且做项目也是非常的快。得益于VUE兼有各大框架的优点，和独有的创新，那么它也有许多脚手架开源，用的最多的还是VUE CLI这份文档是对应...

首先不得不说VUE确实比较简单，实现功能也是无比的迅速，但是React会更有条例，更有模块化的提现。现在，Vue.js 在 Github 上得到的星星数已经超过...

最近币圈很不太平，其中大家比较关注的是BCH的算力战，还有不到一个星期，就到了BCH预定的升级时间11月15号了。在暴风雨前夕，BCH可算是迎来了一波疯长，但是...

小哥哥们都很厉害呀！！继续加油鸭😘人们都说互联网是个神奇的领域，是创造财富最快的地方。前几天2018年胡润富豪榜公布的时候，80后富豪基本上快清一色的互联网行...

当我们向服务器发起请求时，无论发起的是get，post， put， 还是delete请求，服务端返回的结果都会有一个状态码，这个状态码就是告诉我们请求的状态。通...

Content-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文...

前端目前用的比较多的框架就是，Vue, React，Angular。各个框架既有不同，又有很大的联系，所以只要深刻掌握一个框架，其他框架都是非常容易上手的。Vu...

史上最全的鄙视链，你在哪一环😂...

经典建筑塔楼经典小游戏，休闲益智，看谁盖的高🙃?生命值在每个游戏玩家以3血量开始。每次楼快被丢弃时，玩家将扣除1血量; 当血量耗尽时游戏结束。奖励1. 玩家每...

1. 安装wget，如果已经安装，那可以跳过yum install -y wget使用whereis指令，查看是否已经安装# whereis wgetwge...

一款用于CoinEx交易挖矿的APP，一键挖矿，可视化挖矿，无需托管服务，只需一个浏览器，便可轻松运行… An Web APP for CoinEx minin...

这次要介绍一个插件html-webpack-inline-source-plugin，它其实是html-webpack-plugin的一个扩展。而我们需要Web...

有时候特别懒不想为项目做配置，或者只想做一个静态页面，又想要请求服务器数据的话，我们就会遇到跨域问题，那么这个时候，设置浏览器跨域是极好的行为。这里主要说明Ch...

常常说90后是苦逼的一代。一出生就搭上了人口高速增长末班车，从小学初中高中一直到大学，都需要踩在无数人的身下前进。到社会了，千万人哄涌而至，...

靠这个网站买到自己的第一套房，买了深圳的房？我想确实有它的功劳，是它让我更加努力，让我有了目标，人有了目标才会继续执着的坚持…😊，有些开心，但是更多也是平静吧...

当我们去开发一个基于web的android app时，我们第一需要处理的就是与JavaScript的交互问题，Android需要做的事情就是开放某些特定的接口供...

上一篇文章讲到了Android WebView与JavaScript的交互问题，现在来讲一下IOS的UIWebView与JavaScript的交互问题。和And...

UIAlertView in other words, it's a dialog box. You want to show a message or ask...

在数据库编程里使用数据类型，可以提高代码的重用性，它们经常被使用在方法和存储过程中。使用数据类型，我们可以避免在存储过程里定义一串的参数，让人眼花缭乱，它就相当...

关于界面的布局是做前端的一个永恒的话题，无论你是用哪一种语言做何种产品，都离不开界面，那在界面布局里扮演重要角色的自然要属设定UI的长宽高的单位了，在xaml里...

人民日报6月26日消息,近日,各地高考成绩陆续公布,马上要报志愿,警惕这些虚假大学陷阱\!这些学校部分仿冒正规高校的校名,学校简介多是抄袭拼凑而成,部分“野鸡学校...

本来计划春节跟小伙伴一起去的，最后由于各种原因耽搁了。然后我跟我老婆就自己去了，这次去台北我们计划是从深圳坐船出发，到香港坐飞机去台北。首先从深圳去香港坐飞机还...

我经常在想，人活着是为了什么，我无数遍的问自己，究竟是为了什么？忙碌，奋斗，不停歇的工作，日以继夜的学习，又都是为了什么？最后又无数次的确认自己的内心，自己又缺...

中本聪提出了一种完全通过点对点技术实现的电子现金系统，它使得在线支付能够直接由一方发起并支付给另外一方，中间不需要通过任何的金融机构。虽然数字签名（Digita...

一个能让人成功访问的网站，它的建立依赖于许多必要的工具，或者说是设备。那么笔者说一下要做哪些准备。1. 首先你的准备一个域名，申请域名可以去阿里云、腾讯云、百度...

现实生活中，我们潇洒的签下我们的大名，就是一个有效的签名​​作用：日常生活中，用于确认归属​特点：人的笔迹是很个性化的，越熟练的字体，个性特征越固定，因此一个人的名字，不同的人写出完全相同笔迹的概率非常小​...

前端是一门不停更新迭代的学科，所以目前的前端框架也是非常多的，但是要说到当前最流行的框架，那还要属React、Vue、Angela。而最近几年Vue发展的越来越...

本文提出了一种完全通过点对点技术实现的电子现金系统，它使得在线支付能够直接由一方发起并支付给另外一方，中间不需要通过任何的金融机构。虽然数字签名（Digital signatures）部分解决了这个问题，但是如果仍然需要第三方的支持才能...

Mac 常用的比较优秀的FTP文件传输工具，附下载地址...

当你想用自己特定的域名去访问本机的localhost，比如说是用yld.com代替localhost 80时，这个时候Apache配置虚拟主机，就可以完成这个目...

阴沉木是什么东东呢，听这名字就想跪舔了，感觉它是有故事的，透漏出一股神秘的气息，让人很想和它做朋友。然而事实上它是一个传奇，它的存在就是个奇迹，可谓是经历轮回万...

HTML（标准通用标记语言下的一个应用） 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。行内元素HTML (超文本标记语言)...

...

CSRF（Cross-site request forgery）跨站请求伪造，也被称为“One Click Attack”或者Session Riding，通常...

​​​​​​​本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非...

➤➤➤➤国学大师王国维在讲学问的时候，说人生有三大境界。第一个境界，是对人生的迷茫，孤独而不知前路几何；第二个境界，是有了目标，并在不断的成长追逐；第三个阶段，...

无论我们使用何种开发语言，实现UI交互时，创建自定义组件都是不可缺少的步骤。首先为什么要创建自定义组件...

今天遇到一个问题，就是页面上有许多环形图，而且功能只需要展示比例而已，这个时候如果引用一些图表框架的话，那可能会让页面加载速度变慢，毕竟这些图表框架都不小。所以...

这次要介绍的东西是JavaScript中的栈和队列，我们都都知道JavaScript是一种弱类型的编程语言...

内心经过千锤百炼，抗住种种压力，忍受煎熬，慢慢走向成熟，要感谢那些年没有奔溃的自己...

这一年经历很多，也很戏剧，但也让我学到了很多。不仅是工作上的，更是生活上的。这一年我也终于明白，什么人可信，什么人不可信。不忘初心，坚持自我。不要被轻易蛊惑，一...

王者荣耀有毒...先来一张萌萌的鲁班7号​​​​​​​上个星期打王者，从黄金蹭蹭的涨到了铂金II的顶峰，再拿下一城就踏入了无上的铂金I了，然后就突破巅峰达到钻石...

不得不说TVB最近几年是花了很多心思的，使徒行者这个IP的兴起也让人看到了港剧崛起的希望。使徒行者2虽然没有了第一部中的爆seed和钉姐，但并没有影响使徒2的精...

SEO是什么呢？搜索引擎优化，全称Search Engine Optimization，它是Web前端开发非常重要的一项内容，也是比较容易被忽视的。尤其是Rea...

在整个组件的生命周期中，伴着组件的Props和State的改变，组件的DOM表现形式也将发生相应的变化。React为组件的生命周期各个时候提供相应的方法来响应不...

在日常的React开发中，我们常用的组件API有以下这些setState：状态更新，组件渲染，这个方法并不是重新替换原来的State，而只是更新原来的State...

前面说到props是组件之间交流的一种方式，是数据流通的桥梁。React提供一项机制就是我们可以设置Props属性的类型，这样Props的属性假如一旦被设置为n...

在React里，我们经常会和两个基本特性State和Props打交道。StateReact把用户的界面当做是状态机，State是React组件中的一个对象，改变...

React最大的特色就是使用JSX语法，这是一门很有特色的语法，将JS和Html有机的结合起来，所以你可以看到在某些JS片段中一不小心就会插了HTML。但是使用...

自动化是快速提高团队效率的一个趋势，在未实现自动化打包部署之前，为提高效率我们也应当尽可能的实现脚本打包，减少错误。Windows上打包和Mac上有些不同，Wi...

下面阐述一下Http的请求消息，Http客户端发送Http请求给服务器，发送的表单信息格式如下：A Request-line 请求行Zero or more h...

趁还年轻，多努力，努力了就会明白有时候就算你拼了老命，也并没有什么卵用，突如其来的负能量……😭...

React Router Agenda基本用法模块分割Router 4.0...

我们知道HTTP是基于客户端-服务区架构模型，并且是通过可靠的TCP/IP连接操作交换信息的无状态请求/响应的协议。一个HTTP“客户端”是一个程序，他可以是浏...

首先得强调一下，H5和移动设备的交互遇到的问题真的是各种丧心病狂！！但是本主依然还是耐着极大的兴致（无奈）的做了下去。H5页面在Android或者IOS上运行出...

为什么会成为程序员，这还得从高考填报志愿说起...八年前，高考结束，分数出来了，很遗憾并不是很理想，当时在选学校的时候精心调了一些我想去的学校准备去填，那时候大...

很多人让我推荐的电影的时候，我每次都是会问他/她有没有看过星际穿越，如果没看的话，一定要去看，这是一部很值得看的电影。尽管这部电影已经过去了两年了，但经典永不会...

IOS中的Safari不支持beforeunload，所以想在浏览器关闭之前执行相关事件，就得用另外一种方式了。1.第一种方式使用unload代替，这个方法确实...

调试是开发的必要手段，一个优秀的开发者必将是一个调试大师，如果不能调试的话，那对开发者来说也是个噩梦。这次要介绍一个非常强大的调试工具Node inspecto...

这次呢我们来过一下HTTP协议的一些重要的参数和它们在通讯时使用的语法格式。例如时间的格式，URL的格式等等。了解这些可以帮助你在开发HTTP客户端或者服务器程...

HTTP全称为 Hypertext Transfer Protocol超文本传输协议，是一种为分布式、合作市、多媒体信息系统服务，面向应用层的协议。从90年代开...

很早之前大概是2014年的时候，我用WPF就是C#啦，写了一个数独游戏，那时之所以有这个想法，主要还是因为更早之前玩数独游戏时基本没有把题目解出，有点小受伤，但...

在说解决办法之前，例行惯例，简要的说明一下Html5中的Canvas。Canvas是Html5制图中常用的元素，但其本身并没有绘制能力，它仅仅是图形的容器，要制...

​​​​​​​类class是Object-Oriented面向对象的语言有一个标志，通过类我们可以创建任意多个具有相同属性和方法的对象。JavaScript中没...

每次看到各大媒体报道的一些就业形势，心里都会有些触动，一如既往的严峻啊。然而这种史诗级的灾难片并不会在短时间内结束，一年一度的毕业季又要来临，很多同学迫于压力都会草草的选择一个公司匆匆入职…其实这并不是一个健康的状态…

曾经这里青山绿水萦绕，充满生机，春天能看到漫山遍野的鲜花绿草，夏天绿水环绕青天白云，秋天枫叶飘飘，冬天银装素裹万象更新，如仙境一般，安详的演绎四季的更替...

每次在知乎、简书、微博、CSDN上发表文章，我就在想作为一个IT人士我为何总是要借助别人的网站发表见解呢。于是带着一点执拗的心里，我开始了制作了自己的网站。

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具...

前面说到了React的一些基础知识，现在说说怎样从零开始在Node.js下，使用webpack打包，使用Babel解析JSX...

在公司用React做项目已经有一年多了，刚开始接触它的时候，给我的第一感觉就是很有颠覆性，一言不合就往JS里面插入Html代码。在MVC或者MVVM的框架里，我们宣扬的是视图V和模型M的分离，就是你负责扮靓，我负责赚钱...

关于SamYoc-有壳有壳英文名Samyoc，简称YOC，是一个旨在为人解决问题，分享知识，共享知识的创作文化园。关于合作商务合作、广告投放，技术支持，疑难解答请联系：  邮箱：yo...

互联网从业8年，历任高级前端工程师，Team Leader，项目经理，技术负责人。精通前端开发，React，VUE开发...

欢迎您来到有壳SamYoc有壳英文名SamYoc，英文简称YOC，以下SamYoc同指有壳请您仔细阅读以下条款，如果您对本协议的任何条款表示异议，您可以...