前端
ZeroJsus
这个作者很懒,什么都没留下…
展开
-
【nodejs】ER_NOT_SUPPORTED_AUTH_MODE
mysql插件不支持mysql8.0的用户验证方式,通过mysql命令将当前用户降级即可。原创 2023-06-01 02:00:00 · 265 阅读 · 0 评论 -
【前端】动态/静态脚本的加载方式
【代码】【前端】动态/静态脚本的加载方式。原创 2023-05-31 10:30:17 · 382 阅读 · 0 评论 -
【前端】text/javascript与application/javascript的区别
在阅读HTMLScriptElement接口的时候,发现里面的例子在生成script标签的时候用到了 type=‘text/javascript’,而script还有一个属性值是 type=‘application/javascript’原创 2023-05-31 20:30:00 · 661 阅读 · 0 评论 -
【基础】什么是三维向量
什么是三维向量原创 2022-09-06 20:04:27 · 6384 阅读 · 0 评论 -
【基础】什么是视锥体
什么是视锥体原创 2022-09-06 08:00:00 · 4101 阅读 · 2 评论 -
【技术】PWA实践 - 应用激活与安装
【业务】PWA实践 - 应用激活与安装原创 2022-07-09 23:00:00 · 832 阅读 · 0 评论 -
小程序让canvas图表转换成图片
小程序让canvas图表转换成图片原创 2022-04-26 11:22:26 · 1052 阅读 · 0 评论 -
【业务】flutter web中实现打电话功能
场景遇到在企业微信中使用的flutter web页面需要调用打电话的功能。实现思路1. 使用flutter插件url_launcher使用flutter提供的插件包。直接构建一个对应的通信标签实现。实际测试中这个插件对flutter web的支持并不是很好,所以没有采用这个技术。2. 使用h5 <a /> 标签<!-- 是否默认将数字转换成电话链接 --><meta name="format-detection" content="telephone=yes"原创 2022-01-26 10:54:01 · 2575 阅读 · 0 评论 -
【方案】Mock方案对比
前端Mock方案常见前端Mock方案1. 直接在代码中写入Json文件需要在代码中写文件,麻烦2. 请求拦截代表:Mock.js。原理重写html接口请求方法.优点:1. 前端代码分离。2. 生成随机数据。缺点:1. 无法增删改查。2. 不支持fetch3. 接口管理工具代表:rap,swagger,moco,yapi优点:与后端一体,后端修改Mock接口也同步修改缺点:1. 配置复杂,依赖后端。2. 一般作为大型团队配置考虑。4. 本地node服务器代表:json-server。原创 2021-12-21 22:39:47 · 338 阅读 · 0 评论 -
前端判断设备是竖屏还是横屏
使用Css进行不同移动端设备状态的判断,在设备发生变化的时候,样式会自动生成// 竖屏展示@media screen and (orientation: portrait) { body { background-color: red; }}// 横屏展示@media screen and (orientation: landscape) { body { background-color: green; }}使用js监听当前设备切换的事件window.addEv.原创 2021-10-31 14:32:32 · 405 阅读 · 0 评论 -
小程序使用图标库调研
现有的库echarts 体积大,功能强f2 分包加载,功能一般ucharts 体积小,功能有限尝试使用加载外部js的方式来加载echarts失败,eval和Function 都被禁用,无法使用ajax获取外部js内容进行加载。尝试使用ucharts满足需求发现不能还原设计图效果。最后用ucharts的图加上另外一个Canvas绘制坐标轴实现。后记如果非要使用echarts实现图表,要尽量将对应页面配置到分包中,避免主包过大影响加载。如果效果过于复杂,又不想加重小程序的体积,最好找原创 2021-08-08 22:35:06 · 95 阅读 · 0 评论 -
记一次在Taro开发的微信小程序中使用lottie动画的经验
前景提要最近在做公司项目的时候,看到移动端开发用的小图标有动态效果,非常好玩了解到是使用lottie进行实现的,这个东西以前有看到过对应的插件库,但是一直没有时间做研究,趁着这个五一就抽一天时间,去图书馆借了一本讲AE的书,跟着网上的教程加入了一个lottie动画到小程序中去。在此分享一下,希望各位大佬有更好的处理方式可以一起沟通交流。lottie相关库相关库: [lottie-web](https://github.com/airbnb/lottie-web)[lottie-miniprogra原创 2021-05-03 23:59:09 · 3197 阅读 · 9 评论 -
IE11 strict 模式下不允许分配到只读属性
在做React项目兼容IE11的时候,遇到在IE中展示数据的时候报错。strict模式下不允许分配只读属性。经检查之后发现是使用document.createElement方法创建的元素直接使用.style = 'xxx' 进行样式属性的设置造成的。解决方法:1. 设置样式为 ele.style.height = '100px'; 也就是ele.style.styleName = val; ...原创 2019-10-30 14:46:20 · 5978 阅读 · 0 评论 -
前端SVG基础与深入01
SVG入门01引言图形图像入门1. 在前端中 我们通常说的像素是什么2. 为什么使用svg,栅格化图片与矢量图的区别SVG入门功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章...原创 2018-10-30 16:18:43 · 1361 阅读 · 0 评论 -
本周知识点总结weekly22(2018-10-22)
parallax重力视差js从灯塔报告中找到h5移动端的优化建议指定Chrome和Opera中主题的背景颜色&amp;amp;lt;!-- 设置Chrome和Opera浏览器下的主题色 --&amp;amp;gt;&amp;amp;lt;meta name=&amp;quot;theme-color&amp;quot; content=&amp;quot;#4285f4&a原创 2018-10-24 17:46:43 · 166 阅读 · 0 评论 -
本周知识点总结weekly23(2018-10-29)
完美的scrollIntoView() 原生方法的使用原生当前元素滚动到视图中–&amp;amp;gt;scrollIntoView Element.scrollIntoView({ // 定义缓动动画 smooth是平滑滚动 'behavior': 'auto'|'instant'|'smooth', 'block': 'start'|'end' }) /* 对需要进行平滑滚动的元素设...原创 2018-10-30 16:17:26 · 99 阅读 · 0 评论 -
本周知识点总结weekly24(2018-11-05)
本周的内容原创 2018-11-12 11:02:12 · 99 阅读 · 0 评论 -
本周知识点总结weekly25(2018-11-19)
Ecma运算符原理[js中色值渐变以及 animation steps的使用]原创 2018-11-21 11:10:08 · 115 阅读 · 0 评论 -
自定义上传控件实现
FileReader 对象存档 方便以后拿来即用 可以集成 canvas图片裁剪进行实现<input type="file" value="提交" id="file"><button id="btn">上传图片并预览</button>input{ display: none;}button{ outline: none; bo原创 2018-11-15 10:21:35 · 327 阅读 · 0 评论 -
dva+roadhog 项目热加载失败解决办法
最近编写react项目 项目使用dvacli构建 roadhog作为构建工具 遇到一个问题 就是根据 官方文档配置hmr热加载&quot;env&quot;: { &quot;development&quot;: { &quot;extraBabelPlugins&quot;: [ &quot;dva-hmr&quot; ] }}但是仍然原创 2018-12-08 12:23:03 · 3518 阅读 · 2 评论 -
本周知识点总结weekly26(2018-12-10)
在需要同时异步加载的外部脚本中配合第三方流程工具或者模块化使用defer属性defer以及async渲染why Object instanceof Function = true Function instanceof Object = true javascript 内存释放测量页面感知时间var perfData = window.performance.timing; var p...原创 2018-12-10 09:26:08 · 131 阅读 · 0 评论 -
js snippets(不定时更新)
数组扁平化const flatten = arr => arr.reduce((a,v)=>a.concat(v),[])freecodecamp MissingLetter实现Missing Letters -->function fearNotLetter(str) { var s = []; for(var i = 0;i < str.len...原创 2018-09-19 10:18:43 · 905 阅读 · 0 评论