开源仓库地址 giteeGit仓库地址:https://gitee.com/zhanhongzhu/zhanhongzhu.git应用地址windows应用地址下载 https://kestrel-task.cn具体内容也可以看🎉使用Tauri+vite+koa2+mysql开发了一款待办效率应用这篇文章。💻技术栈Tauri: Tauri是一个用于构建现代桌面应用程序的工具，结合了Rust、Vue.js和Web技术，提供了强大的跨平台能力。Vue3: Vue3是流行的JavaScript框架Vue.js的最新版本，具有更好的性能、更好的TypeScript支持和更多的特性。Vite5: Vite是一个现代化的构建工具，Vite5是其最新版本，具有快速的冷启动、热模块替换和原生ES模块支持。Koa2: Koa2是一个基于Node.js的轻量级Web框架，使用异步函数处理中间件，提供了简洁而强大的Web开发体验。MySQL: MySQL是一个流行的关系型数据库管理系统，具有高性能、可靠性和广泛的应用领域，适用于各种规模的应用程序。我的待办快速添加待办任务，快速查看任务进度，摘要等。新增标签，分类，更好管理待办任务。通过标签、分类筛选待办任务，方便快捷。OKR目标管理我的想法是通过OKR管理系列的任务，这样每完成一个小任务，就可以关闭一个小任务，直观又方便，等到所有关键的小任务都完成了， ...继续阅读 (34)

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于在客户端和服务器之间传输结构化的数据。在Flask中返回JSON数据给前端有以下几个原因：轻量和易于解析、跨平台兼容性、结构化数据、与JavaScript的天然兼容性以及标准化。方案一使用make_response和json.dumps将数据转换为JSON格式并设置响应类型为'application/json'；方案二使用jsonify函数简化了JSON转换过程，但需要设置JSON_AS_ASCII配置项以防止中文被转换为ASCII编码。什么是jsonJSON（JavaScript Object Notation）则是一种轻量级的数据交换格式，常用于在客户端和服务器之间传输结构化的数据。在Flask中返回JSON数据给前端有以下几个原因：轻量和易于解析：JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人类阅读和编写，也易于机器解析和生成。跨平台兼容性：JSON格式广泛支持并且独立于编程语言，这意味着无论前端使用什么技术栈（如JavaScript、React、Angular等），都能方便地解析和处理JSON数据。结构化数据：JSON能够很好地表示复杂的结构化数据，包括嵌套对象和数组，这使得它特别适合于Web API的数据交换。与JavaSc ...继续阅读 (34)

Vite 插件扩展了设计出色的 Rollup 接口，带有一些 Vite 独有的配置项。因此，你只需要编写一个 Vite 插件，就可以同时为开发环境和生产环境工作。当创作插件时，你可以在vite.config.js中直接使用它。如果插件不使用 Vite 特有的钩子，可以作为兼容 Rollup 的插件来实现，推荐使用Rollup 插件名称约定。插件名称规则Rollup 插件应该有一个带rollup-plugin-前缀、语义清晰的名称。在 package.json 中包含rollup-plugin和vite-plugin关键字。这样，插件也可以用于纯 Rollup 或基于 WMR 的项目。对于 Vite 专属的插件：vite-plugin-*Vite 插件应该有一个带vite-plugin-前缀、语义清晰的名称。在 package.json 中包含vite-plugin关键字。在插件文档增加一部分关于为什么本插件是一个 Vite 专属插件的详细说明（如，本插件使用了 Vite 特有的插件钩子）。插件配置// vite.config.js import vitePlugin from 'vite-plugin-feature' import rollupPlugin from 'rollup-plugin-feature' export default defineConfig({ pl ...继续阅读 (51)

最近几个月，CheckPoint Research（CPR）一直在调查编译后的V8 JavaScript在恶意软件中的使用情况。编译V8 JavaScript是V8（Google的JavaScript引擎）中一个不太为人所知的特性，它可以将JavaScript编译成低级字节码。这种技术可以帮助攻击者避开静态检测并隐藏其原始源代码，使其几乎不可能进行静态分析。为了静态分析编译后的 ...继续阅读 (31)

【摘要】2024 年 6 月 26 日，第 127 届 ECMA 大会正式批准了 ECMAScript 2024 语言规范，这意味着它现在正式成为最新 ECMAScript 标准。ECMAScript是ECMA标准中最著名的编程语言标准，它定义了JavaScript语言的核心特性。C#语言则是由ECMA国际阅读全文 ...继续阅读 (60)

我的感觉，react开发效率不高。这当然应该是我还不熟悉react的缘故。但是，在阅读react代码过程中，其中一个容易困惑的地方是它到处充斥着的解构赋值。当然了，解构赋值并不是React特有的功能，而是ES6（ECMAScript 2015）引入到JavaScript中的语言特性。但是，这难道不是json对象的定义模式吗，怎么在这里变成了赋值，并且是将左边的东西赋给右边的？只能说这种赋值，忽左忽右，神鬼莫测。简则简矣，可读则未必。据说解构赋值简化了语言，使得代码更具可读性云云。哦，这是解构赋值，相当于。 ...继续阅读 (50)

易车销量排行榜页面是https://car.yiche.com/newcar/salesrank/，由于易车 web 端没有提供一页展示多少条数据的功能，所以浏览这个排行榜时就得一页一页的翻，想查某一车型的销量数据很不方便。但是易车手机app是可以一页展示的，而且也能搜索车型，不过碍于手机屏幕过小，我还是希望在 web 上查看，可以利用 Control + F 功能，更快速的寻找想要的数据。首页https://car.yiche.com/newcar/salesrank/非首页https://car.yiche.com/newcar/salesrank/?page=xxx当前时间是 2024-07-10 13:47:01，默认展示的是上一个月的数据，也就是2024年6月份的销量排行榜。如果想抓取2024年5月的数据，请求地址是首页https://car.yiche.com/newcar/salesrank/?date=2024-05-01非首页https://car.yiche.com/newcar/salesrank/?date=2024-05-01&page;=xxx其中 xxx 代表页码。我抓取了 2024年6月的国内汽车销量数据，生成了一个静态页面。欢迎查阅：2024年6月国内汽车销量排行榜-按车型分下面是源码(async () => { const totalPa ...继续阅读 (46)

背景在前端开发中，HTTP 请求是与服务器进行数据交互的核心手段。无论是获取数据还是提交数据，前端应用几乎都离不开 HTTP 请求。在 uniapp 中，uni.request是官方提供的用于发起 HTTP 请求的基础 API。然而，直接使用uni.request存在一些问题和不足，比如：代码冗余：每次发起请求时都需要编写类似的配置代码，导致代码重复。缺乏统一管理：没有统一的地方管理请求参数、头信息、错误处理等，使得代码不易维护意义简化请求配置：在每次发起请求时，通常需要配置很多参数，比如 URL、请求头、请求体等。通过封装请求库，可以设置默认的请求参数，简化每次请求的配置操作，减少开发人员的工作量，提高开发效率。管理请求凭证：通过封装请求库，可以集中管理凭证，确保每次请求都自动携带正确的凭证。便于维护和扩展：封装请求库后，如果需要对请求逻辑进行修改或扩展，只需要在封装库中进行调整，而不需要在项目的各个地方逐一修改。此外，如果需要将请求库更换为其他库（例如 Axios），只需修改封装的请求库部分，而无需改动业务代码。提高用户体验：通过统一处理全局请求Loading状态，可以在请求进行中显示加载提示，提升用户体验。实现思路1. 把 uni.request 改为支持 Promise 调用方式将uni.request改为支持Promise调用方式的好处是可以避免回调嵌套问题，并且可以借助 ...继续阅读 (91)

哔哩哔哩观看历史记录的页面地址是https://www.bilibili.com/account/history有时候我想分享最近观看的几个视频给朋友，尤其是在我使用关键字搜索之后的列表，会有好几个条目，一个一个打开并复制出一个干净的标题和干净的视频地址太麻烦了。于是我用js写了一段脚本快速获取页面上的视频标题和URL源码如下// 使用 querySelectorAll 选择符合路径的 div const targetDiv = document.querySelector('#history_list'); // 检查 targetDiv 是否存在 if (targetDiv) { // 在 targetDiv 内选择所有的 li 标签 const liTags = targetDiv.querySelectorAll('li'); let title_url = ''; // 遍历每一个 li 标签，获取其内容 liTags.forEach(liTag => { const titleA = liTag.querySelector('a.title'); // 获取 class 名称是 title 的那个 a 标签 if (titleA) { let url = titleA.g ...继续阅读 (52)

原理：通过同步更新 useRef  来获取最新值[crayon-6684fdd85134a468228163/]使用：[crayon-6684fdd851350009235394/] The postReact 18 自定义 Hook 获取 useState 最新值appeared first onSKILL.NULL. ...继续阅读 (77)

有时候业务上遇到问题，需要跟踪 Vue 底层是如何实现的此时就需要调试源码，但业务中的代码是压缩后的无法阅读，所以就需要整一个可以调试的版本。下载源码git clone https://github.com/vuejs/vue.git安装依赖：yarn// npm install修改构建命令新增：--sourcemap"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",这样在运行 npm run dev 的时候在 dist 目录下会输出 soucemap 文件。项目根目录新增 index.html 文件引入./dist/vue.js：DOCTYPE htmlVue debugger{{ msg }}const vm = new Vue({ el: '#app', data() { return { msg: 'hello world', }; }, created() { }, methods: { } });预览 HTML ...继续阅读 (59)

Winter 是我认识的最有传奇性，也最有趣的程序员之一。 他在前端工程师领域颇有知名度，是 JavaScript 专家，主要的作品是 Weex 框架。 如果在搜索引擎中搜 Winter，会出来一个看似没头没脑的“计算机之子”的称呼。这是因为他的生日是 10 月 24 日，正好是“程序员节”（1024 是 2 的 10 次方）。 Winter 从小就用机器码编程了，那个年代还是用打孔纸的。从哈尔滨工程大学毕业后，他加入微软亚洲研究院，后来加入过 “人才辈出”的盛大创新院，又在 2012 年加入了阿里巴巴，职 ...继续阅读 (49)

同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 同源策略是一种约定，它是浏览器最核心也是最基本的安全功能。出于安全考虑，浏览器限制从JS脚本发起的跨源HTTP请求。 通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互 ...继续阅读 (68)

前言众所周知，JSON.parse方法用于将一个json字符串转换成由字符串描述的 JavaScript 值或对象，该方法支持传入2个参数，第一个参数就是需要被转换的json字符串，第二个参数则是一个转换器函数(reviver,也叫还原函数)，这个函数会针对每个键/值对都调用一次,这个转换器函数又接受2个参数,第一个参数为转换的每一个属性名，第二个参数则为转换的每一个属性值，并且该函数需要返回一个值，如果返回的是undefined，则结果中就会删除相应的键，如果返回了其他任何值，则该值就会成为相应键的值插入到结果中。对于转换器函数更具体点讲就是：解析值本身以及它所包含的所有属性，会按照一定的顺序（从最最里层的属性开始，一级级往外，最终到达顶层，也就是解析值本身）分别的去调用reviver函数，在调用过程中，当前属性所属的对象会作为this值，当前属性名和属性值会分别作为第一个和第二个参数传入reviver中。如果reviver返回undefined，则当前属性会从所属对象中删除，如果返回了其他值，则返回的值会成为当前属性新的属性值。当遍历到最顶层的值（解析值）时，传入reviver函数的参数会是空字符串""（因为此时已经没有真正的属性）和当前的解析值（有可能已经被修改过了），当前的this值会是{"": 修改过的解析值}，在编写reviver函数时，要注意到这个特例。（这个函数的遍 ...继续阅读 (74)

最佳实践web 发展日益更新，JavaScript 也变得极其复杂，本文将从三个方面来介绍 JavaScript 的最佳实践。可维护性编写可维护性高的 JavaScript 代码非常重要，因为大多数开发者在实际开发中都不会从零开始自己写代码，这种场景是很少的，通常都是会去维护别人写的代码，让自己的代码变得容易维护，也可以保证其他开发者能够更好的完成开发工作，也能让自己以后得维护变得更轻松。可维护的代码那么什么是可维护的代码呢？我认为有如下几点:容易理解： 简单说来就是你的代码，别人一眼就看出来是做什么的，而不需要征求你的帮助。符合常识： 就是你的代码逻辑性是顺理成章的事情。很好适配： 无论需求或者相关数据如何变动，你的代码也不会完全重写。容易扩展： 你的代码是经过精细的设计，也支持未来扩展核心功能。容易调试： 当你的代码出现 bug 时，可以很轻松的通过代码来定位问题，而不需要相关调试工具。代码规范编写可维护的代码的第一步自然是要定制代码规范，因为 JavaScript 太灵活了，它支持任何编程风格，因此我们自然需要有一个好的代码规范。可读性编写代码规范的第一步自然是要考虑可读性，首先当然是要考虑代码的可读性，可读性主要包含以下两大方面。缩进： 使用固定个数的空格来当做缩进，而非其他符号，每个人使用相同的缩进也能让人容易看懂代码，代码缩进是保证可读性的重要基础。注释： 写好注释也方 ...继续阅读 (98)

我的 memos 当前版本是 0.22.0，忘了是这个版本开始的还是上一两个版本开始的，当你在 memos 中间插入了普通的链接文本，保存后鼠标经过时会自动预览链接内容，这个功能对我来说有点蛋疼，影响阅读。蛋疼的是有时候 pop up 出来的页面元素还不会自动消失，就更加影响阅读了。我在其 issues 列表新建了一个 issue，能不能增加一个选项，允许关闭鼠标经过链接时的链接自动预览？有人回复了我，详情可去浏览原 issue。热心网友提供了自定义 JavaScript 脚本禁止memos自动获取链接标题等内容并展示到页面上，脚本如下window.fetch = new Proxy(window.fetch, { apply(target, thisArg, args) { const url = args[0]; // 检查请求的URL是否是我们想要阻止的API if (url.includes('/memos.api.v1.MarkdownService/GetLinkMetadata')) { // 返回一个空的Promise，模拟请求被取消 return Promise.resolve({ ok: true, ...继续阅读 (48)

前端开发工程师 职位描述：1、负责与开发组长沟通业务需求，与后端开发人员对接后端API、开发前端页面；2、负责修改公司现有软件项目BUG，并对前端功能的持续优化改进；3、负责公司现有前端框架和组件的维护、改进； 职位要求：1、2年以上前端开发经验；2、熟悉Web前端开发基础技能（HTML/CSS/JavaScript)；3、熟悉Vue2、Vue3、ElementUI、Element-Plus等前端Continue Reading ...继续阅读 (49)

本文已收录到《jsmini系列文章》划重点，这是一道面试必考题，我就问过很多面试者这个问题，✧(≖ ◡ ≖✿)嘿嘿在JavaScript的世界里，函数参数的处理不仅是代码复用性和模块化设计的核心，也是提高开发效率和可维护性的关键。随着JavaScript语言的发展，我们见证了从基本技术到复杂处理的演变。本文将探讨JavaScript中处理函数参数和默认值的历史，包括早期的技术、ECMAScript 2015引入的现代语法，以及如何高级处理复杂对象。在ECMAScript 2015之前的参数默认值在 ECMAScript 2015 之前，语言层面并不支持函数默认值，一般都是函数内部自己处理，比较常见的做法是使用或逻辑运算符functionleftpad(str,len,char){len=len||2;char=char||'0';}或运算符是一个短路运算符，当前面的值是真值时，返回前面的值；当前面的值是徦值时，返回后面的值，在参数默认值这个场景下，对于假值或运算符是有问题的。JavaScript 中的徦值包括：空字符串, 0, undefined, null，对于参数默认值来说，当值为undefined返回默认值是正确的行为，空字符串，0 和 null 都会被错误的返回默认值。undefined||1;// 1null||1;// 10||1;// 1''||1;// 1更好的做法 ...继续阅读 (39)

本文已收录到《jsmini系列文章》划重点，这是一道面试必考题，我就问过很多面试者这个问题，✧(≖ ◡ ≖✿)嘿嘿今天我们将探讨如何处理 JavaScript 中的一个常见问题：深层数据访问。JavaScript 中常用的引用数据结构是数组和对象，数组表示有序数据，对象表示无序数据，使用对象和数组可以组合出任何数据结构，如对象嵌套对象可以表示树形结构等。示例代码如下：consttree={left:{a:1},right:{b:2},};当嵌套层级很深时，读/写深层数据并不简单，这篇文章将一步步指导你构建一个名为anypath的库，介绍如何读/写深层数据中的数据。背景知识下面先来了解读取深层数据问题，上面的例子如果想读取tree.left中的a属性，一般会写如下的代码consttree={left:{a:1},right:{b:2},};console.log(tree.left.a);这么写逻辑上正确，但是容错性很差，为什么这样说呢，因为 JavaScript 是动态类型的，在编译阶段无法发现类型的问题，如果数据是完全可控的，比如上面的tree中的数据，但更多的情况下数据可能来源于接口数据，用户输入数据等，思考下如果tree上的left不存在会发生什么consttree={right:{b:2},};console.log(tree.left.a);// Uncaught Typ ...继续阅读 (38)

在如今的互联网时代，网页源码的保护显得尤为重要，特别是前端代码，几乎就是明文展示，很容易造成源码泄露，黑客和恶意用户往往会利用浏览器的开发者工具来窃取网站的敏感信息。为了有效防止用户打开浏览器的Web开发者工具面板，今天推荐一个不错的npm库，可以帮助开发者更好地保护自己的网站源码，本文将介绍该库的功能和使用方法。功能介绍npm库名称：disable-devtool，github地址：github.com/theajack/disable-devtool。从f12按钮，右键单击和浏览器菜单都可以禁用Web开发工具。🚀 一行代码搞定禁用web开发者工具该库有以下特性:支持可配置是否禁用右键菜单禁用 f12 和 ctrl+shift+i 等快捷键支持识别从浏览器菜单栏打开开发者工具并关闭当前页面开发者可以绕过禁用 (url参数使用tk配合md5加密)多种监测模式，支持几乎所有浏览器（IE,360,qq浏览器,FireFox,Chrome,Edge...）高度可配置、使用极简、体积小巧支持npm引用和script标签引用(属性配置)识别真移动端与浏览器开发者工具设置插件伪造的移动端，为移动端节省性能支持识别开发者工具关闭事件支持可配置是否禁用选择、复制、剪切、粘贴功能支持识别 eruda 和 vconsole 调试工具支持挂起和恢复探测器工作支持配置ignore属性，用以自定义控制是否启 ...继续阅读 (57)

[social4i size="small" align="align-left"][This article was first published onAppsilon | Enterprise R Shiny Dashboards, and kindly contributed toR-bloggers]. (You can report issue about the content on this pagehere)Want to share your content on R-bloggers?click hereif you have a blog, orhereif you don't.The ability to write JavaScript code is essential to creating fast, custom, highly interactive Shiny applications.Whenever you want near-instant user interaction, use browser features, or add custom server-client communication, you would reach out to JavaScript.Despite all that, the majority o ...继续阅读 (39)

今天分享一段简单的 JS 代码，创意来自aem1k.com/qlock，可以将整段 JS 代码字符本身变成时钟，每秒以HH:MM:SS的格式显示当前的时间。JS逻辑实现代码本身也是时钟展示的载体，通过给字符设置不同的高亮颜色来显示当前的时间，离屏幕越远越能更清晰的看到时间的变化。本文解析该代码实现的原理，来看看这份属于程序员的浪漫吧。代码是一个自执行的匿名函数(r=()=>...)()，这意味着定义函数的同时立即执行它。1. 定时器这里使用setInterval创建一个每100毫秒执行一次的定时器，用于更新时钟显示。setInterval(t=>{...}, 100)2. 循环构建显示内容for(j=o="\n",y=5;y--;document.body["innerHTML"]="<"+(S="script>\n")+o+"\n\n</"+S)这个循环从y=5开始，每次减1，直到y为0。o是用来累积最终要显示的字符串。每次循环结束，都会更新document.body.innerHTML来显示当前的o，即时钟的当前状态。3. 内部循环构建每一行for(x=-01; 63-!y>x++; o+=`(r=${r})()`[j++].fontcolor(c?"#FF0":"#444"))这个内部循环处理每一行的字符，从x=-1开始，直到x=62。字符串(r=${r})()是 ...继续阅读 (65)

前言本篇内容旨在挖掘漏洞实战思路经验分享，希望能够为初涉此领域的爱好者与技术起步者搭建一座桥梁。以平实易懂的语言，引导你逐步了解Web应用逻辑漏洞。从JavaScript的基本信息收集出发，逐渐深入至漏洞发掘和利用，每一步都旨在实践中学以致用。本文也会通过实例分析，展示漏洞的多样形态，也强调安全意识的重要性 ...继续阅读 (37)

前言本文如标题，回顾三个知识点判断是不是Promisejs抛出错误的类型手写Promise.all判断是不是Promise方式一 Object.prototype.toString.call代码如下：// p存在，且对象原型上是Promise function isPromise(p) { return p && Object.prototype.toString.call(p) === "[object Promise]"; }方式二 Promise有.then方法，以此为依据代码如下：// 有值，且值是对象或函数，在一个也要有.then的函数方法 function isPromise(val) { return ( val && (typeof val === 'object' || typeof val === 'function') && typeof val.then === 'function' ); }二者对比方式二比方式一更为精准强大（推荐）对于规范化的Promise（就是JavaScript自带的Promise）二者判断检测结果能力都一样但是对于一些特定的Promise可能不太准确比如：特定库的Promise（Tiny Promise）、或者自己继承Promise去操作什么的，可能不太够用不过 ...继续阅读 (87)

最近，群里在讨论一个很有意思的线条动画效果，效果大致如下：简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。本文，我们将一起探索，看看在不使用 JavaScript/Canvas 的基础上，使用纯 CSS/SVG 的方式，我们可以如何大致的还原上述的线条动画效果。基于 SVG 的线条动画效果谈到线条动画，尤其是不规则路径或者是复杂路径，我们第一时间应该想到的就是 SVG 中的 stroke-dasharray 和 stroke-dashoffset。这两个属性，我们在多篇文章中都有提及，也是非常有意思的线条动画效果，感兴趣的可以一并拓展阅读：CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果巧用 CSS 实现动态线条 Loading 动画首先，也是最为重要的，上面的路径动画的路径，本质上是多段线段。而使用 SVG 可以非常轻松多端线段效果，像是这样：xmlns="http://www.w3.org/2000/svg">这样，我们就能得到这样一个多段线段：接下来，我们就可以利用stroke-dasharray来实现多种不同的虚线样式。利用与上面同样路径的 polyline，我们来实现一个虚线版本：xmlns="http://www.w3.org/2000/svg">.g-dashed-line { stroke: #fc0; ...继续阅读 (101)

包发布：npm允许开发者将自己编写的JavaScript模块发布到npm的注册表中，以便其他人可以方便地安装和使用。npm（Node Package Manager）的全局安装路径和缓存位置是npm的两个重要配置选项，它们分别决定了全局安装的npm包存储在哪里以及npm缓存数据的位置。全局安装的包通常可以被系统中的任何Node.js项目所使用，而不仅仅是安装它们的那个项目。由于npm是Node.js的一部分，因此安装Node.js时，npm通常也会被自动安装。可以通过npm的配置命令来设置全局安装路径。 ...继续阅读 (70)

[social4i size="small" align="align-left"][This article was first published onRtask, and kindly contributed toR-bloggers]. (You can report issue about the content on this pagehere)Want to share your content on R-bloggers?click hereif you have a blog, orhereif you don't.You can read the original post in its original format onRtaskwebsite by ThinkR here:Pimping your shiny app with a JavaScript library : an example using sweetalert2You think that some of the components of{shiny}are not very functional or downright austere? Are you looking to implement some feature in your app but it is not avail ...继续阅读 (54)

[crayon-662b049e96d9b034490072/] The post处理报错 ResizeObserver loop completed with undelivered notifications.appeared first onSKILL.NULL. ...继续阅读 (44)

Go 语言中没有直接支持像 JavaScript 那样的对象字面量语法，但是可以使用结构体(struct)和map来模拟对象。下面是一个简单示例，使用结构体和map来创建一个类似于 JavaScript 对象：package main import ( "fmt" ) type Person struct { Name string Age int SayHi func() } func main() { p := &Person;{ Name: "John", Age: 30, SayHi: func() { fmt.Println("Hello, my name is", p.Name) }, } p.SayHi() }在上面的示例中，我们定义了一个结构体Person，它包含三个字段：Name、Age和SayHi。其中SayHi是一个函数类型，它将在对象创建时初始化为一个 lambda 函数。然后，我们创建了一个Person对象p，并将其 fields 初始化为指定的值。最后，我们调用p.SayHi()函数，输出结果将是 "Hello, my name is John"。如果你想要创建一个可以动态添加属性和方法的对象，可以使用 map 来实现：package ...继续阅读 (47)

来看答案：123456789101112131415161718192021222324DOCTYPE html/* 确保父容器宽度100% */ body, html { margin: 0; padding: 0; width: 100%; height: 100%; } /* 设置iframe自适应 */ iframe { border: none; width: 100%; height: 100%; }声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《为何自适应的网页放入iframe不自适应了？》 ...继续阅读 (58)