向ChatGPT提问要素 向ChatGPT提问要素https://chat1.aichatos.com/① 语言简洁明了，指令清晰以李白的风格写一首古诗以李白的风格写一首古诗，描绘长沙天气多变② 问题聚焦我要买一台车我想买一辆车，预算30万，要国产新能源的③ 同一个话题内容尽量相关、换话题要建立新对话（清除上文感染）④ 给GPT一个身份你是一个管理者，马上到月底了，你们团队的月计划还没完成，你怎么办你是一个培训讲师，请帮我向大家介绍一下ChatGPT我希望你担任前端开发人员。您应该将文件合并到单个 index.html 文件中，别无其他。不要写解释。我的第一个请求是“写一个网页程序，黑色背景，模拟星星在夜空闪烁，要很多6px大小的五角星，每个五角星的颜色要随机”⑤ 指定提示信息明确风格用小红书的风格回答这个问题，”豆腐脑是吃甜的还是咸的“，要有emoji表情明确信息品牌名称：欧派家居，品牌成立时间：1994年，品牌定位：一线品牌、中国最有价值品牌500强，请以上述信息写一篇800字的品牌招商文章⑥ 扩散思维扮演一个母老虎和我对话第一步：请问中文语境下，夫妻关系中的母老虎是什么意思？第二步：按GPT描述的母老虎形象复制到对话里面，让GPT扮演第三步：持续带入，引导；比如可以让GPT加上表情、动作等描述让GPT提问，你来回答假装你是一位教中国古诗的老师，我是你的学生，现在课程完毕了，你需要给我出题目让我解答，然后对我的解答做出点评，现在请开始出第一道题让它当工具程序解释器输入php语句，它会给你发送执行结果统计/辨别文本某个词语出现多少次，手机号码筛选等等技巧学习地址https://www.zhihu.com/question/584402332/answer/2956335225https://ai.sph.net/chatgpt-prompthttps://www.aishort.top/StableDiffusionhttp://192.168.1.247:7860/# 羊毛衫玩偶chilloutmixNiPruned.Tw1O.safetensors 基础模型Fantz cartoon monster cat wearing cardigan, Impasto,massurrealism , backlight, voxel art ,psychedelic 提示词bad-picture-chill-75v, text, bad anatomy, crop frame, doubling figures,human 反提示词euler a step 30 系数9 LoRA funnyCreatures 1 参数# 国画美女anything-v4.5 基础模型(masterpiece),best quality,good anatomy, shuimobysim,(1 girl:1), (upper body),(smile),short hair,(hanfu),(ecchi0.5), (trees:0.5), (flowers:0.6) ,(wooden house:0.2),(bamboo forest:0.2),(creek:0.2),(river:0.2) 提示词nsfw,mutated hands, (poorly drawn hands:1.331),(fused fingers:1.61051), (too many fingers:1.61051), bad hands, missing fingers, extra digit, (worst quality:2), (low quality:2), (normal quality:2),bad face,bad hands,bad anatomy, 反提示词DPM++ SDE Karras LoRA Moxin 0.5 Moxin_Shuke 0.8 系数 5 step 28 参数

反编译微信小程序和解分包操作方法 下载文件： wxappUnpacker-master输入: node wuWxapkg.js _1514036652_28.wxapkg 解包,其中_1514036652_28.wxapkg是包名.如提示:检测到此包是分包后的子包, 请通过 -s 参数指定存放路径后重试,就看其他包里文件大小最大的拿来先解,文件大的一般是主包下面进入解分包，命令: node wuWxapkg.js _19871000_28.wxapkg -s=../_1514036652_28就这样把所有的分包一个一个的解包,解分包无先后顺序之分,全部解包完成后,把分包里的内容按照目录文件结构手动复制到主包里覆盖,解包就完成了.wxapkg文件位置，用模拟器，开root模式，使用微信打开小程序后，在“根目录datadatacom.tencent.mmMicroMsg一堆很长的文件夹appbrandpkg”PS：其中一个大于14M左右的可以不用管，是固定生产文件

Antd Upload 组件上传文件接收数据流并下载 一、应用场景主要是需要上传一个PDF文件，然后服务器会针对PDF文件，转换成WORD文件，然后返回WORD文件的下载流。二、解决方法1、默认情况下Antd的Upload组件上传文件后接收服务端返回的字符串，再返回给fileList，如果服务端返回二进制文件流，则Upload组件接收的也是二进制流的乱码字符串。2、JS接收流文件然后提供下载，主流是使用 blob对象 来将流转变为blob地址，然后提供下载。3、Ajax默认情况下，如果不设置responseType为blob则返回的内容就是字符串，但是直接返回的二进制流，转换成 blob对象 会造成数据损坏，查了资料说是utf8编码等之类的问题引起的，所以就需要设置 responseType='blob' 或者是 'arraybuffer' 然后转换为 blob对象 。4、antd的Upload组件，正好提供了一个 customRequest 属性可以自定义ajax请求。基于上述4点，我们只需要修改组件的 customRequest属性，就可以实现应用场景具体customRequest属性代码如下：customRequest(option) { const getError = (option, xhr) => { var msg = "cannot ".concat(option.method, " ").concat(option.action, " ").concat(xhr.status, "'"); var err = new Error(msg); err.status = xhr.status; err.method = option.method; err.url = option.action; return err; } const getBody = (xhr) => { debugger; if (xhr.responseType && xhr.responseType !== 'text') { return xhr.response; } var text = xhr.responseText || xhr.response; if (!text) { return text; } try { return JSON.parse(text); } catch (e) { return text; } } // eslint-disable-next-line no-undef var xhr = new XMLHttpRequest(); xhr.responseType = 'blob'; if (option.onProgress && xhr.upload) { xhr.upload.onprogress = function progress(e) { if (e.total > 0) { e.percent = e.loaded / e.total * 100; } option.onProgress(e); }; } // eslint-disable-next-line no-undef var formData = new FormData(); if (option.data) { Object.keys(option.data).forEach(function (key) { var value = option.data[key]; // support key-value array data if (Array.isArray(value)) { value.forEach(function (item) { // { list: [ 11, 22 ] } // formData.append('list[]', 11); formData.append("".concat(key, "[]"), item); }); return; } formData.append(key, option.data[key]); }); } // eslint-disable-next-line no-undef if (option.file instanceof Blob) { formData.append(option.filename, option.file, option.file.name); } else { formData.append(option.filename, option.file); } xhr.onerror = function error(e) { option.onError(e); }; xhr.onload = function onload() { // allow success when 2xx status // see https://github.com/react-component/upload/issues/34 if (xhr.status < 200 || xhr.status >= 300) { return option.onError(getError(option, xhr), getBody(xhr)); } return option.onSuccess(getBody(xhr), xhr); }; xhr.open(option.method, option.action, true); // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179 if (option.withCredentials && 'withCredentials' in xhr) { xhr.withCredentials = true; } var headers = option.headers || {}; // when set headers['X-Requested-With'] = null , can close default XHR header // see https://github.com/react-component/upload/issues/33 if (headers['X-Requested-With'] !== null) { xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); } Object.keys(headers).forEach(function (h) { if (headers[h] !== null) { xhr.setRequestHeader(h, headers[h]); } }); xhr.send(formData); return { abort: function abort() { xhr.abort(); } }; },修改上述属性后，则onChange等方法接收到的file或者fileList中的response则变为blob对象，然后将blob对象输出url放到对应的下载标签中就可以了。

2021 年对 React 前端程序员的 10 个代码最佳实践建议 写 React 程序这么多年，有些人可能还没注意到如何去规范项目代码，接下来呢，给 10 个建议，希望能帮到你！1. 组织好项目目录结构在 React 项目中，没有强制规定目录的结构，但是有一个好的规范，可以让你更好地组织代码，也能更好的进行代码后期维护。这里有个建议：经常被重复利用的 Component（组件）要抽出来，放到一个同一个目录下。这样的代码好理解，好维护。2. 让你的组件（Component）更紧凑注意一个原则：不要重复，不要重复，不要重复！！！让你的组件足够小，不要包含多余的内容，这样好维护。如果组件有包含别的组件，应该抽出来的，让其变成一个单独的组件。注意下面的两个原则：重用性 - 重复利用你的代码可维护性 - 迟量小，不复杂3. 明智地命名你的组件选择一个好记，容易理解的名称来命名组件。用英文名，而且首字母大写，以跟 html 元素区别开来。4. 不要重复（Don’t Repeat Yourself）不要重复是作为程序员写代码的原则了，这个不限于前端。不重复写代码会僻免代码冗余，而且更好维护，不会出现，改动一个功能，要到处改相同代码的情况。在 React 中僻免重复，可以适当使用 高阶组件5. 管理好状态数据（state）不要把 state 一把梭，跨组件间传递数据会让代码变得难维护。可以适当使用 context 或 redux6. 在 JavaScript 中写样式（CSS)我们经常在 .css 或 .scss 文件中写样式，当项目变得很大时，对可读性不友好，而且难维护 。我们应该在组件中写样式，这样维护样式时，直接找到组件，很好维护。可以使用下面的流行库来解决：https://styled-components.com/https://emotion.sh/docs/introductionhttps://glamorous.rocks/7. 把 render 和 state 尽量分开我们经常需要区分出有状态的组件和无状态组件。我们经常会从远程 load 一些数据，load 的数据可以作为参数传给子组件，迟早做到分开。如下图：8. 多用类型检查系统多用 TypeScript 作为类型约束，在运行之前就可以僻免一些不必要的出错。当然学习 TypeScript 是要成本的，但是 TypeScript 确实是强有力的工具，不仅有代码提示，还能提前发现错误。9. 使用 ESLint 工具每个程序员有自己的代码风格，如果在团队中开发，不同的代码风格会让项目合作变得困难。如何保证统一的代码风格呢？就要用工具来约束。我们可以使用 ESLint 这样的工具。写测试代码单元测试或集成测试能够在模拟环境跑一遍代码，很好地代替肉测。大团队都有这个，可以更好的保持代码健全性。一处代码修改了，整个功能都要测试，肉测很难全面测试，这个时候需要用到代码测试，金融系统更需要这个。推荐的工具：jesthttp://cypress.io/好，希望对大家有所帮助！文章转至：http://react-china.org/t/topic/37372/1

记录一个H5可视化编辑器，后续再考虑是否使用 参考案例：1、https://github.com/MrXujiang/h5-Dooring2、https://github.com/h5ds/h5ds这两款都是不叫不错的可视化h5编辑器