- 博客(48)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 前端安全编码
前端安全编码这里只是讲解前端需要考虑的安全问题，后端和网络上的安全问题这里不做讲解web网页中前端开发中需要注意的几个地方url链接的安全问题输入表单内容的安全问题接口提交的安全问题登录密码的安全问题下面通过具体的漏洞类型，进行分析XSS漏洞跨站脚本攻击（英语：Cross-site scripting，因简称与css冲突，无奈简称为：XSS）是一种网站应用程式的安全漏洞...
2019-01-31 15:47:36
11238
2
原创 前端程序员如何使用GPT
通过合理地应用GPT，前端程序员可以提高工作效率、创造更优质的代码和文档，并在UI设计方面获得更多的灵感和创意。同时，我们也需要认识到GPT的局限性，并不盲目地依赖于它，而是将其作为一个辅助工具，与自身的经验和知识相结合，共同提升前端开发的水平和质量。使用GPT可以作为一个智能的代码补全工具，根据已有的上下文信息，推测出程序员想要输入的内容，并给出相应的建议。程序员只需提供简要的描述和要求，GPT就可以根据已有的知识和语义理解能力来生成相应的文档内容，减轻了文档编写的工作量。前端程序员如何使用GPT。
2024-02-29 11:34:22
685
原创 微信小程序动画层级问题
可以在静止元素上增加 transform: translateZ(1px);在一个组件内，有css动画元素和静止元素，android端是按照dom顺序展示的，微信小程序ios端动画元素层级不正常。ios端动画元素在静止元素的上层，设置z-index也无效。
2023-12-27 16:48:18
361
原创 addGroundOverlay偶发失败的问题
addGroundOverlay中的id如果使用随机值得话，安卓机80%失败几率，苹果机10%的失败几率。会导致渲染图层失败，
2023-11-22 09:38:36
105
原创 2023 现阶段H5的机型适配
现在的主流体验，是大屏手机展示更多的内容，并不着重于放大展示，所以，外层布局使用vw,百分比，flex，内层直接px就行。比如微信服务页面，大屏下展示更多数据。
2023-11-06 15:12:18
144
原创 taro踩坑之 微信小程序转 Taro
推荐原生语法组件直接拷贝的方式引入，请参考 https://blog.csdn.net/qq_41969216/article/details/134246454?1、@tarojs/cli-convertor 不支持js高级语法，例如扩展运算符，可选链操作符，需要手动改写。2、@tarojs/cli-convertor 不支持小程序插件引入的转换，官方说在开发中，感觉遥遥无期。
2023-11-06 15:07:09
226
原创 taro 接入小程序原生语法代码包的配置
2、config/index.js中配置拷贝原生代码包到编译后的目录中，并且增加编译排除原生代码包的配置。3、app.config.js中配置原生代码包路径、插件（建议分包引入，减少主包体积大小）1、微信小程序原生语法代码包拷贝到src目录下。
2023-11-06 14:57:44
198
原创 微信小程序的缓存管理器无法监听插件中的请求
这是因为插件和小程序是两个独立的运行环境，它们之间的通信需要通过特定的接口进行。createCacheManager只能在小程序中监听请求，并且无法直接操作插件的请求。微信小程序的createCacheManager方法无法监听插件中的请求。如果需要在插件中监听请求，需要使用插件提供的接口进行操作。
2023-08-10 15:20:21
99
原创 有一种字符叫零宽空格
它是一种不可打印的Unicode字符，就是说一般情况 肉眼看不见 ，但是当它变成URL的一部分，就会变成 %E2%80%8E ，使你的URL错误，请求的时候就会报 404。会携带一个特殊字符，这个特殊字符叫 Zero-width space，简称 ZWSP，中文名 零宽空格；在飞书连续的对话中，滑动选中url后CV复制后，建议大家使用右键复制。
2023-04-20 14:38:42
1374
原创 react 浏览器报错 Uncaught ReferenceError: React is not defined
new webpack.ProvidePlugin({ "React": "react", }),
2022-11-08 15:32:57
2710
原创 小程序 canvas 加载图片缓存问题
canvasToTempFilePath放到ctx.draw内。img.src放到img.onload后面。toDataURL换换其他图片类型看看。
2022-10-08 16:46:34
461
原创 小程序访问，提示网络不给力，请稍后再试
猜测原因是，支付宝拉去小程序资源失败，可能是提审过，但是没有线上版本，发布上线一个版本再试。支付宝小程序通过链接跳转访问，提示网络不给力，请稍后再试。
2022-09-30 10:09:59
453
原创 前端八股文
url渲染1、进行DNS解析，域名到对应的ip地址，dns解析耗时，可用dns-prefetch预解析优化 <link rel="dns-prefetch" href="https://fonts.googleapis.com/">2、TCP三次握手，建立TCP链接- c -> s 发送询问- s -> c 回复询问，并询问- c -> s 回复询问四次挥手- 主 -> 被 关闭主动通道，只能被动接收- 被 -> 主 收到关闭消息- 被 ->
2022-05-03 17:24:10
759
原创 前端面试题-字节跳动一面
HTTPS和HTTP区别HTTPS 连接建立的过程CDN 有哪些优化静态资源加载速度的机制？有哪些方式实现 HTTP 请求浏览器缓存？ETag是如何生成的？谈下Promise.race和Promise.all写出一下代码console输出顺序async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async.
2020-08-06 19:25:06
441
原创 Chrome 谷歌浏览器 离线安装 扩展程序
1、首先拿到扩展程序的安装包网上下载扩展程序的安装包让别人在扩展程序管理页打包扩展程序，下载发给你2、打开扩展程序管理页面打开开发者模式3、把安装包拖到页面中最新的浏览器不支持crx文件了，只需把crx后缀改成zip或者rar就行...
2020-05-03 22:11:06
782
原创 获取url参数的方法
获取url的l参数function getUrlParam (url, key) { let urlObj = new URL(url); return urlObj.searchParams.get(key);}
2019-07-09 09:53:15
244
原创 前端开发者必会的英语单词
前端开发者必会的英语单词待整理git commit 日志相关单词feat [fēt]: 新增功能fix [fiks]: 修复bugdocs [doks]: 文档改动style [stīl]: 样式改动test [test]: 测试用例改动refactor riˈfaktər: 重构、优化chore [CHôr]: 项目工程改动暂未分类的virtual [ˈvərCH...
2019-06-11 08:57:53
4218
原创 9999999999999999 == 10000000000000000 是真的，你知道吗！
js中 0.1 + 0.2 == 0.3; // false这个大多数前端开发者都知道但是 9999999999999999 == 10000000000000000; // true这个却很少人知道其实它的原理都是一样的 精度丢失的问题JavaScript 的数字都是双精度浮点数，在计算机里用二进制存储。当有效位数超过 52 位时，会存在精度丢失。js中会存在 小数和大整数的精度...
2019-05-21 10:30:24
7687
2
原创 实现未设置固定高度的transtion高度动画
实际应用场景容器的高度是随内容的高度变化的，需要容器高度过渡的展示这个问题实际等同于：用CSS实现由height:0到height:auto的渐变但height:auto实际并不是一个具体的值，浏览器在执行该动画时还未取到实际值，因此没有渐变的效果；解决方案：1，用js获取其实际值，执行动画；2，用max-height代替height，max-height设置一个足够大的值，如由max...
2019-05-14 19:27:26
1132
原创 原型和闭包的深入理解
对象、原型、原型链、作用域、闭包、上下文环境对象在js中一切都是对象，重点要如何去理解这个“对象”当然也并不都是对象，值类型就不是对象对象–是若干属性的集合，js中对象与java和c#中不同，对象只有属性，没有方法，js中对象用键值对的形式表示，方法也是属性的一种。js是弱类型语言，在对象定义后，可以新增、修改、删除属性对象都是通过函数创建的，函数又却是对象的一种原型...
2019-05-13 19:03:41
225
原创 为什么null的typeof 是object呢
为什么null的typeof 是object呢？typeof 返回的正常类型，是这样的typeof 对于基本类型，除了 null 都可以显示正确的类型typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typeof true // 'boolean'typeof Symbol() // ...
2019-05-08 18:32:02
6098
1
转载 “努力就会成功”
那一年，我加入了某知名公司的某知名部门，在办公室中，我看到了到处都挂着——“努力就会成功”的条幅，这个部门中大多数员工的邮件签名都会有“努力就会成功”，我感到一种热血沸腾的气氛，这是我在多年工作来都没有感受到的，当时挺高兴地能和这样一群人工作，也没多想。直到有一天，我看到这些高级的软件工程师们把自己关在又挤又吵的会议室中，拼命地加班，真是拼命，周一到周日，每天早上10点到凌晨3点甚至凌晨5点，连国...
2019-04-28 10:58:28
233
原创 this的深入理解
this的原理this 是 JavaScript 中的一个关键字。它通常被运用于函数体内，依赖于函数调用的上下文条件，与函数被调用的方式有关。它指向谁，则完全是由函数被调用的调用点来决定的。所以，this，是在运行时绑定的，而与编写时的绑定无关。随着函数使用场合的不同，this 的值也会发生变化。但是有一个总的原则：this 总会指向，调用函数的那个对象。JavaScript 语言之...
2019-04-25 19:15:13
271
原创 禁用chrome浏览器前进后退
禁用支持触摸手势设备的chrome浏览器的前进后退功能纯js方式阻止网页历史记录前进后退功能<script > //禁用页面前进后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history...
2019-04-15 19:41:45
10704
原创 跨域问题，前后端该怎么做
从前端的角度来说，跨域请求主要有以下几种方案JSONP 请求跨域资源共享CORS设置代理 proxy 跨域document.domainwindow .nameHTML5的postMessageWebSocket协议跨域具体使用方法可以参考以下几篇文章老生常谈的跨域处理前端常见跨域解决方案（全）JSONP和CORS是最常用的处理跨域方法对于JSONP方案，这是要...
2019-04-14 15:15:19
1522
原创 ⌫ 你看到的是框，还是框中有叉？？？
上面的符号用于表示mac键盘上的delete键和windows键盘上的backspace键但是字符 ⌫ 在windows上的chrome上却不能识别，你会看到这样的 框框windows上的一些非webkit内核浏览器是可以正常显示的兼容方案就是用图标或图片展示，替代字符。...
2019-04-10 19:27:45
264
原创 未来世界的幸存者
这是大神阮一峰出版的一本书。阮一峰认为机器人、自动化、人工智能正在变得比人类更强大。在可预见的将来，技术最终将淘汰人类。世界正在猛烈变化，旧的模式完全行不通了。他希望这本书，能让读者意识到洪水就在不远处，从而早早准备出路。是的，本人喜爱看科幻电影，最直观的感受就是，科幻里的场景正在一个一个的变成现实。跟上时代技术的升级，以免被这个世界淘汰。这里是电子版的免费阅读地址 未来世界的...
2019-04-03 19:22:04
172
原创 杭州一日游玩攻略
自己总结的西湖游玩路线，仅供参考西湖外圈可以骑自行车，杭州交通都可以刷支付宝乘车凤起路地铁站步行到断桥。一、全步行西湖小一圈断桥残雪 → 白堤 → 西冷印社 → 苏堤春晓 → 花港观鱼→ 雷峰塔 → 西湖音乐喷泉二、坐船路线断桥残雪 → 白堤 → 西冷印社 → 三潭印月→ 花港观鱼 → 雷峰塔 → 西湖音乐喷泉船行分类三、坐公交小半圈断桥残雪 → 白堤 → 西冷印社 → 52...
2019-03-31 16:48:41
7046
原创 vue学习笔记--基础篇
vue学习笔记–基础篇Vue.js（读音 /vjuː/，类似于 view 的读音）是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的是，Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。作者：尤雨溪，现居美国新泽西，全职开发维护vue，以及vue生态系统。官方团队成员：全职两个，尤雨溪、蒋豪群，还有很多全球各地...
2019-03-26 18:25:07
487
原创 Video.js的未解之谜
Video.js 的踩坑记最近项目中需求要 web 浏览器直接播放 rtmp 的视频源，强需求，而且资源有限，没办法服务端转其它格式的视频源这种情况下，就只有重拾即将淘汰的 flash 方案，作为过渡期Video.js 的低于6版本的是有封装 flash 的方案的，确定使用 Video.js 的 flash 方案播放 rtmp 的视频开发一切正常，提交测试测试提 bug 过来，不能播...
2019-03-17 17:31:11
164
原创 JavaScript原理知识
对象、原型、原型链、作用域、闭包、上下文环境对象在js中一切都是对象，重点要如何去理解这个“对象”当然也并不都是对象，值类型就不是对象对象–是若干属性的集合，js中对象与java和c#中不同，对象只有属性，没有方法，js中对象用键值对的形式表示，方法也是属性的一种。js是弱类型语言，在对象定义后，可以新增、修改、删除属性对象都是通过函数创建的，函数又却是对象的一种原型...
2019-02-13 19:19:39
322
原创 让网页变成编辑器，可实时的更改web网页的文字
你或许干过或者听说过修改网页上的内容PS网页上的证书。。。怎么做到的？下载下来，photoshop打开PS，NO NO NO 太麻烦右键审查元素，编辑源代码好像还是有点麻烦，不要怕，还有简单的控制台，输入 document.body.contentEditable=true 按回车这样你就可以直接在浏览器里更改网页的文本内容通过一行简单的指令把Chrome变成所...
2019-01-28 19:02:24
4043
1
原创 跑马灯文字的三种实现方式
跑马灯文字的三种实现方式html实现使用 marquee 标签，配合它的一些属性，可以实现功能强大的跑马灯文字，<marquee> 跑马灯 html实现 </marquee>但是，这个 marquee 标签，并没有被W3C标准录入，也就是在未来的某个时候，它可能会被弃用，请慎用为什么这么好的东东，不被认同呢？在W3C标准中,规定功能性分离。分成为结构、...
2019-01-24 19:36:06
9059
1
原创 前端网页直接实现文件的下载功能
网页实现文件的下载功能以往下载的功能都是后端给的一个下载的连接随着前端技术的发展，前端可以直接导出简单的文件，通过canvas可以实现截屏导出图片这里只记录如何使用post请求配合后端实现文件的下载不要用ajax之类的请求，会把内容直接请求回来，且文件是二进制的，导致乱码显示。如果是 get 请求，那直接换成 window.open(url) 就行了，不喜欢开新窗口的话，创建一个隐藏...
2019-01-18 19:24:15
13754
空空如也
windows系统chrome浏览器中backspace键符号不能正常展示？
2019-04-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人