从零开始使用react写一个随机变色的标签组件标签定义及引用color_设置标签颜色visible_标签是否显示trueclosable_标签是否可以关闭（点击默认关闭）falseonclose_关闭会调icon_iconimportreact{usestate}fromreact_importclassnamesfromclassnames_interfaceipropstag{color?_string_visbile?_boolean_closable?_boolean_onclose?_()=ic

nextjs组件使用泛型类型传递异步数据定义类型typepageprops={hello_stringpage_anyrandom_any}返回属性https_githubcomvercelnextjsblobcanaryexamplescmswordpresspagesindexjsexportconstgetstaticprops_getstaticprops{constpageid=vtfmdmletpage=awaitgetpage(pageid)if(!page){page={}}return{

vue的reactive和ref的区别首先我们都知道ref函数和reactive函数都是用来定义响应式数据_但是reactive更适合定义复杂的数据类型（jsonarr）ref适合定义基本数据类型（可接收基本数据类型和对象）一句话_使用场景ref简单数据reactive复杂数据ref取数据需要加value参考https_juejincnpost

安装依赖yarnadd@babelcore@babelcli@babelnode@babelpresetenvd或者全局安装yarnglobaladd@babelcore@babelcli@babelnode@babelpresetenv注意_全局安装需要把yarn的全局目录添加到windows的path查找path命令如下yarnglobalbin不建议全局安装很多时候以来都成问题完整的依赖{_{}_{}}配置babelrc{_[[{}]]}接下来运行即可编译babeltestjs编译与执行babeln

国际化安装vuecli使用下面命令vueaddin然后可能会报错typeerror__ctxtisnotafunction解决办法在创建国际化组件时加上一个属性globalinjection_true默认位于srcinjs本地国际化最新版本还支持本地文件国际化使用方法如下_import{definecomponent}fromvueimport{usein}fromvueinexportdefaultdefinecomponent({name_helloinsetup(){const{t}=usein({

css方式实现第一种利用的css的方式实现利用浏览器非overflow_auto元素设置resize可以拉伸的特性实现无javascript的分栏宽度控制。webkit浏览器下滚动条可以自定义其中resize区域大小就是scrollbar的大小于是我们可以将整个拉伸区域变成和容器一样高红色的就是扩大后的区域不推荐使用css的方式实现毕竟兼容性并不好。在火狐上表现不佳。{padding__margin__}flcontainer{width_%_height_vh_overflow_hidden_}flre

生成验证码验证码工具类@name_verificationcode@author_terwer@date__publicclassverificationcode{privatestaticfinalstring[]randomstr={随机生成验证码@returnpublicstaticmapgetverificationcode(){returngetverificationcodewithstr(null)_}利用给定的字符串生成验证码@paramstr指定的字符串@returnpublicstat

配置#https_helpaliyuncomdocument_detailhtml#https协议默认端口号为需要使用其他端口时您可以在此处自定义。serverport=#https_docsoraclecomenjavajavasedocsspecssecuritystandardnameshtml#keystoretypes#您需要使用实际的证书名称替换domain_namepfx。serversslkeystore=classpath_vpfx#填写pfxpasswordtxt文件内的密码。serv

dockercompsoe的完整配置dockercomposeyml#构建dockercompose项目#dockercomposeloglevelinfoupbuild#dockercomposeloglevelinfoupdbuildversion_services_terwernginx_image_terwernginx_container_name_terwernginxbuild_context_terwernginxdockerfile_dockerfileports_volumes_ter

todeleteallthelocaltagssimplerunthefollowingcommandgittag_xargsgittagdtodeleteremotetagsafterdeletingthelocaltagsbyrunningtheabovecommandyoucanrunthecomandbelowgitlsremotetagsrefsorigin_cutf_xargsgitpushorigindeletenote_replaceoriginwithyourremotehandler