Layer

作者: stella@footprint.network 数据起源: zkSync Dashboard 在解决以太坊扩展性问题方面，Layer 2 解决方案备受关注。这些解决方案旨在通过引入 Rollups, State Channels 或 Nested Blockchains 等技术来克服 Layer 1 的局限性。在 Layer 2 扩大畛域，围绕 Optimistic Rollups 与 Zero-knowledge Rollups （ZK-rollups）的优劣始终存在大量争执。 在 2022 年的 ETH Seoul 大会上，以太坊的联结创始人 Vitalik Buterin 表白了他对 ZK-rollups 在 Layer 2 扩大竞争中获胜的信念。时至 2023 年，zkSync Era 已成为 ZK-rollups 畛域的重要焦点之一。 对于zkSync Era zkSync Era 是一种先进的 Layer 2 协定，它利用尖端的零常识密码学来扩大以太坊的安全性和价值。在 zkSync 1.0（现为 zkSync Lite）的胜利根底上，zkSync 推出了 zkSync Era 作为其 zkSync 2.0 版本。 值得注意的是，zkSync Era 是世界上第一个 zkEVM 区块链，容许为“原生” EVM编写的利用无缝运行在这个基于 ZK 的 Layer 2 网络上。这一开创性的性能，即“EVM 等效”，确保了与现有以太坊基础设施的兼容性，同时充分利用了零常识技术的劣势。 ...

layer弹出框layer是一款近年来备受青眼的web弹层组件，她具备全方位的解决方案，致力于服务各程度段的开发人员，您的页面会轻松地领有丰盛敌对的操作体验。 在与同类组件的比拟中，layer总是能轻易获胜。她尽可能地在以更少的代码展示更健壮的性能，且分外重视性能的晋升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被loading…人次关注）。layer 甚至兼容了包含IE6在内的所有支流浏览器。她数量可观的接口，使得您能够自定义太多您须要的格调，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈说听起来总是有点好受，因而你须要进一步理解她是否真的如你所愿。 layer采纳MIT开源协定，将会永久性提供无偿服务。因着数年的保持保护，截至到2016年11月07日，已使用在超过20万家Web平台，其中不乏泛滥出名大型网站。目前layer曾经成为国内乃至全世界最多人应用的Web弹层解决方案，并且她仍在与Layui一并高速倒退 官网https://jeesite.gitee.io/fron... demo<script src="/static/js/layer.js"></script> layer.confirm('You have not logged in to the system and cannot view this page', { btn: ['Log in','return'], //按钮 title: 'please sign in!', //不显示题目 }, function(){ window.location.href = '{$loginUrl}'; }, function(){ });

最近在做一个后台项目，正好碰上了要使用layer.open，就顺手记录一下，方便以后遇到了有个参考 - 2016/11/7　layer 这个是一个web弹层组件，挺好用的…然后项目框架是SSM…　layer.open主要是用来弹出来一个iframe弹窗，然后用来展示数据也行，用来修改也行，这次记录的主要是展示，展示我想要展示的数据，我需要的页面…layer.open({ type: 1, title: ‘账户信息详情’, shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: [‘893px’, ‘600px’], content: xxxxxxxxx});其他的不看，单看content，因为content的内容就是需要展示的内容第一种方法，很简单，我想要看一个已经存在的页面，比如说百度，或者项目中某个页面 直接写地址layer.open({ type: 2, title: ‘很多时候，我们想最大化看，比如像这个页面。’, shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: [‘893px’, ‘600px’], content: ‘http://fly.layui.com/'});layer.open({ type: 2, title: ‘用户信息。’, shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: [‘893px’, ‘600px’], content: ‘/test/user/info’ + uid});后面的uid可能是你需要传递的某些参数之类的…具体的根据你controller来定第二种方法，将需要的内容写到页面上，然后在使用的时候调用jsp页面：<div id=‘info’ style = “display : none”> 我是内容</div>然后在js里面调用layer.open({ type: 1, title: ‘账户信息详情’, shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: [‘893px’, ‘600px’], content: $("#info").html()});第三种方法，直接在js里面拼接…好凶残…var html = “<div class=‘wrapper’ id=‘detailsinfo’>” + “<div class=‘detailsdiv’>” + “<p><label>帐号：</label>” + ‘测试帐号’ +"</p>" + “</div></div>” layer.open({type: 1,title: ‘账户信息详情’,shadeClose: true,shade: false,maxmin: true, //开启最大化最小化按钮area: [‘893px’, ‘600px’],content: html});我现在使用的就是这三种方法，也许还有更好的方法，以后发现了再记录对于方法一：因为是使用已经存在的controller和页面，所以传值什么都比较方便，需要什么值就获取什么值传递什么值…但是有些页面可能我不想让别人通过url直接就访问到…那就可以用第二种和第三种…所需的数据直接通过ajax从后台获取到，然后再放到具体的位置，然后再展示~~ ...

Layui 的上传是最常用的, 不可或缺, 记录一下代码, 以后复制都能用!!1.前端HTML:<div class=“layui-form-item”><label class=“layui-form-label”>修改头像</label><div class=“layui-input-inline uploadHeadImage”> <div class=“layui-upload-drag” id=“headImg”> <i class=“layui-icon”></i> <p>点击上传图片，或将图片拖拽到此处</p> </div></div><div class=“layui-input-inline”> <div class=“layui-upload-list”> <img class=“layui-upload-img headImage” src=“http://t.cn/RCzsdCq" id=“demo1”> <p id=“demoText”></p> </div></div></div>2.前端js:<script type=“text/javascript”>layui.use([“jquery”, “upload”, “form”, “layer”, “element”], function () { var $ = layui.$, element = layui.element, layer = layui.layer, upload = layui.upload, form = layui.form; //拖拽上传 var uploadInst = upload.render({ elem: ‘#headImg‘ , url: ‘/upload/headImg‘ , size: 500 , before: function (obj) { //预读本地文件示例，不支持ie8 obj.preview(function (index, file, result) { $(‘#demo1‘).attr(‘src‘, result); //图片链接（base64） }); } , done: function (res) { //如果上传失败 if (res.code > 0) { return layer.msg(‘上传失败‘); } //上传成功 //打印后台传回的地址: 把地址放入一个隐藏的input中, 和表单一起提交到后台, 此处略.. /* console.log(res.data.src);/ window.parent.uploadHeadImage(res.data.src); var demoText = $(‘#demoText‘); demoText.html(‘<span style=“color: #8f8f8f;">上传成功!!!</span>‘); } , error: function () { //演示失败状态，并实现重传 var demoText = $(‘#demoText‘); demoText.html(‘<span style=“color: #FF5722;">上传失败</span> <a class=“layui-btn layui-btn-mini demo-reload”>重试</a>‘); demoText.find(‘.demo-reload‘).on(‘click‘, function () { uploadInst.upload(); }); } }); element.init();});</script>3.页面展示:4.后台SpringMVC 接受:/**个人信息上传@return {Result}/@RequestMapping(value = “/upload/headImg”, method = {RequestMethod.POST})@ResponseBodypublic Object headImg(@RequestParam(value=“file”,required=false) MultipartFile file, HttpServletRequest request, HttpServletResponse response) throws Exception {if (SecurityUtils.getSubject().isAuthenticated() == false) { return “redirect:/backEnd/login”;}String prefix=”";String dateStr=””;//保存上传 OutputStream out = null;InputStream fileInput=null;try{ if(file!=null){ String originalName = file.getOriginalFilename(); prefix=originalName.substring(originalName.lastIndexOf(".")+1); dateStr = format.format(new Date()); String filepath = request.getServletContext().getRealPath("/static") + uploadDir + dateStr + “.” + prefix; filepath = filepath.replace("\", “/”); File files=new File(filepath); //打印查看上传路径 System.out.println(filepath); if(!files.getParentFile().exists()){ files.getParentFile().mkdirs(); } file.transferTo(files); }}catch (Exception e){}finally{ try { if(out!=null){ out.close(); } if(fileInput!=null){ fileInput.close(); } } catch (IOException e) { }}Map<String,Object> map2=new HashMap<>();Map<String,Object> map=new HashMap<>();map.put(“code”,0);map.put(“msg”,"");map.put(“data”,map2);map2.put(“src”,"../../../static"+uploadDir + dateStr + “.” + prefix);return map;}5.关于表单请求, 正常使用layui的表单上传就可以了.. 这里就不写了, 太简单了, 我其它博客有写,请去翻阅,嗯 ,就这样……. ...

工作中，需要快速开发，搭建网站。需要各种前端框架，比如说BootStrap、eChars、layUI等。之前使用较少，现做一个学习记录。一、LayUI前端框架layer 弹出层组件效果layDate 日期选择器组件layIM 即时通信组件二、使用引入 <link rel=“stylesheet” href=“layui/css/layui.css”> <script src=“layui/layui.all.js”></script> <script> // 将文件下载到本地，在文件中引用。 window.onload = function () { var oBtn = document.getElementById(‘btn’); oBtn.onclick = function () { // 调用layer对象的confirm()方法，传入信息，按钮，函数 layer.confirm(‘明天放假吗？’,{ btn:[‘放假’,‘不放’] //按钮 },function(){ layer.msg(‘努力工作，将宝贵的时间，花在重要的地方’,{icon:1}); },function(){ layer.msg(‘继续加油，青春易逝，要在30岁收入更多’,{ time: 2000, btn: [‘加油’,‘放弃’] }) }) } } </script>

每一个程序员都有一个框架梦，每一个站长曾经都有一个网址导航梦。本人从07年开始接触互联网，成为一名中国草根站长，到现在终于熬成半个程序员。10年时间，没有赚到钱，也没有练就一身过硬的技术（所以叫半个程序员），却见证了中文互联网翻天覆地的变化。10年间有无数的网站从兴起到倒闭或转型，但有一个站，这么多年来连版面都几乎没改过，却每天都在服务着亿万网民，应该也还时刻在激励着新人个人站长。本人文笔太差，就不装逼了，下面以大概个人经历写文吧：07年，上大二，有天晚上，宿舍一个同学回来，兴奋的告诉我们，说他注册了一个网站，叫校内网（人人网），可以添加同学好友，还可以用代码装扮空间（那时校内网不仅支持html、css装扮，还支持js代码）。听到代码装扮，我就来劲，第二天赶紧注册账号，开始了正式的代码之路。08年，在玩了1年免费空间、免费二级域名后，终于注册自己的第一个顶级域名，购买第一个虚拟主机，开始正式的个人站长之路，这个网站包罗万象，其中一个二级域名做了网址导航站（用的现成的程序），意图给网民提供便捷的上网服务，实际上我自己都没用过。10年，大学毕业前夕，经过深思熟虑，决定放弃以前的所有，重新建设一个个人网站，毕业后一直业余运营至17年底，终于宣告个人站长之旅结束。10年参加工作，做的电子硬件电路设计，经常会搜索收集很多技术类文章，我是直接收藏在浏览器收藏夹里，那时发现同事在用360doc收藏，这个感觉挺不错的，不知道为啥我不想用。后来换工作，备份导出收藏夹，然后就没了。进入第二家公司，工作2年，浏览器收藏夹网站达到上百个，每次翻网址都要翻半天，极为不方便。这时又想换工作，收藏的网址怎么办？吸取上次教训，我在想，注册个账号同步一下？又感觉不行，我自己家的电脑上也收藏了很多网址，同步的话，公司电脑和个人电脑网址有冲突或者混在一起怎么办？那么多网址翻找又不方便。最终还是决定备份导出，然后就再也没导入过，网址也没了。后面又换过几个工作，结局都一样。就连我自己的电脑更换后，收藏的网址也是同样的命运。有人说，你为啥不注册个账号，用网址导航站呢？现在的导航站虽然功能和以前没什么变化，但看到满屏的无用网址和广告就烦。有人说，想要上哪个站，直接在百度搜索不就完事了？我想说，你搜索什么关键词，百度就会给你显示什么广告，所以，这么多年，大部分网站我都是直接浏览器输入网址打开的。谷歌账号不能登录，造成收藏夹的网址现在想同步也同步不了，有人说360浏览器也挺好用的啊，我想说我只想用谷歌浏览器。有一天，手机提示，我的魅族手机系统又有新版了，喜欢魅族手机，最主要的喜欢魅族的系统设计，新系统我是必定升级的，大的版本升级会清除数据，于是，手机谷歌浏览器的收藏夹网址没了，全没了。自从14年转行做网站开发类的工作后，经常接触thinkphp，于是产生了一个框架梦，以前做站用过的cms有hbcms、php168、dedecms，有了thinkphp，感觉我也可以造个cms出来，造个最好用的，功能强大的轻量的cms，然后一举成名。事实上，cms造出来了，不过只能我自己学习用用。18年，站长梦结束了，cms梦也不想继续造了，闲着无聊，当我再次在浏览器输入网址时，再也受不了了，每次都要输入，实在麻烦，为啥不自己开发个简洁的网址导航站呢？方便自己用，还能造福人类。于是，经过10天努力，网站终于开发完成，实现网址添加编辑排序，实现页面样式自定义，自我感觉良好。注册账号、整理添加网址，顺便清空浏览器收藏夹。至此，困扰我多年的老寒腿病终于好了，公司，手机，家里，网址同步，再也不怕网址丢失了，安心的给手机又系统升级到最新版。这么好用的东西不能我一个人独享啊，赶紧给周围的朋友分享，这时奇怪的事情发生了，周围的人、认识的朋友居然都没这个需求，没需求？后来想想，也是，只有像我这样好奇心强的人，看到什么都想收藏起来。对大部分的人来说，上网就是刷刷微博，看看视频，聊聊微信，他们确实没有网址导航的需求。经过一段时间整理，发现我自己收藏的网址大部分都是技术类的，比如常用的在线工具、较新技术框架、常看的技术资讯等。于是我在想，是不是像咱们这样的技术开发人员，才会有比较强的网址导航需求呢？于是写下此文，把我做的感觉如此好的东西推广给大家，让大家也能使用，也欢迎大家提建议意见，对于网址导航的需求你是怎么看的？欢迎评论回复我的导航站地址呢？地址在本文标题里