- 源界面,从源代码出发,向无限可能延伸。代码为源,博客为网,构建数字博客生态圈。
- 地区: 北京
- 行业: 其他
实现一个功能 ,用js对获取的json文件进行解析,并在web页面上显示出来。 方法1:使用Fetch API(适用于网络请求) // 假设json文件位于同一目录下fetch('data.json') .then(response => response.json()) .then(data => { console.log(data); // 控制台输出数据 document.body.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`; // 渲染到网页 }) .catch(error => console.error('加载JSON失败:', error));方法2:使用FileReader(适用于本地文件上传) <input type="file" id="fileInput" accept=
显示Iframe指定位置只要1个wrapper指定高宽度,再用绝对定位,设置left和top为负值即可。 <style type="text/css"> .wrapper { width:670px; height:350px; margin:100px 30px; overflow:hidden; position:relative; } .iframe { width:1024px;height:768px; position:absolute; top:-300px; left:-300px; } </style> <div class="wrapper"> <iframe class="iframe" src="http://www.csroad.cn" scrolling="no" frameborder="0"> </iframe> </div>
一个js效果 界面多个彩色小汽球碰撞成烟花效果无意中访问到一个网站,正在改版。界面用动态的多彩小球效果演示网址:访问 点击访问演示地址 https://hao.360.com/?src=lm&ls=n67a6e1409a源码如下: < !DOCTYPE html > <html > <head > <meta http - equiv = "Content-Type"content = "text/html; charset=UTF-8" / ><meta name = "viewport"content = "width=device-width, initial-scale=1, shrink-to-fit=no" / ><title > 网站正在建设中. < /title> <style> @import url(https:/ / fonts.googleapis.com /
闲人一个,没啥本事。喜读书,爱折腾,愿分享,瞎叨叨。2025年,我41岁,不写博客有两年多了。 已退职场,每日无事,轻松潇洒,陪伴了老妈,有了自己的孩子,很幸福! 虽幸福,但感觉少了点什么。这一点也许就是 自己的价值,自己的存在感。 所以,我决定重新开始写博客,记录我的成长,记录我的生活,记录我的思考。希望可以通过博客帮助到一些人。 我也不知道我能坚持多久,但我会尽力去写,去分享。写博客前还是要定个初心,要不写着写着就乱了。外一写出点名堂,利益熏心,搞个知识付费,那就不好了。 我的初心是: 免费分享技术,通过费曼学习法,帮助到一些人。读书分享,把自己读书的感悟分享给大家。最新科技工具的分享,帮助大家提高工作效率。2025年目标 ps:写于:2025年1月18日编写Cursor系列教程,每周编写两篇,完成Cursor系列教程。读书20本,形成20篇读书笔记和视频。学习AI相关的知识和工具,
分享了我感兴趣的一些东西,目前有 读书摘要、技术文章 等。 我奉行极简的生活方式,不再使用的物品大多都会出售、送人、或者直接丢弃。因此,在 店铺 栏目中,也出售或者赠送一些闲置物品,大部分是书。 关于我陕西西安人,现居深圳。一直从事软件产品开发和开发团队的管理,以前主要使用微软技术栈从事Web方面的开发,熟悉 .Net、Asp.Net MVC、MSSQL Server、Windows Server等。在此期间,写作了《.Net之美》一书,并合作翻译了《C#3.0揭秘》。 现在更多地采用一些开源技术,操作系统转向了Linux,主要使用的编程语言也转向了Go等。近期在从事手游发行方面的业务。 业余喜欢 读书、旅行、户外、摄影 等。爱好比较多,我也清楚专精一两项,比起杂而不精要好很多,只是我都不舍得放下,于是就这么一直任性下去了 :-) 点击访问张子阳的博客 //www.tracefact.n
正在编辑:一个分类按钮效果,可以学习参考 <meta charset="utf-8"><style type="text/css">.filter{ margin-bottom: 15px;}.filter dl{ margin-bottom: 10px; position: relative;}.filter dl dt{ border-radius: 2px 0 0 2px; background-color: #1e6288; padding: 6px 10px 5px; text-decoration: none; color: #f4f6f8; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); float: left;}.filter dl dd.words{ margin-left: