随笔分类 -  原生JS

无聊的时候，用canvas画些图
摘要：一、先来个矩形 步骤： 1 获取canvas元素 2 取得上下文（context） 3 填充与绘制边框 4 设定绘图样式（填充样式和边框样式） 5 指定线宽 6 指定颜色值 7 绘制矩形 好了，上代码。 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2021-12-19 11:35 阿凡凡没有提 阅读(79) 评论(0) 推荐(0)
js截取特定字符串后面或前面的字符
摘要：const str='图片名.jpg'; const suffix=str.substring(str.lastIndexOf(".")); // 只要后缀名 const name = str.substring(0, str.lastIndexOf(".")); // 去掉后缀名，只要图片名 参考 阅读全文
posted @ 2021-06-16 14:10 阿凡凡没有提 阅读(1038) 评论(0) 推荐(0)
switch判断中，case后面跟逻辑表达式出错
摘要：let status=1; switch (status) { case 1: console.log("status为1的时候你将做的事"); break; case 2: console.log("status为2的时候你将做的事"); break; case 3: console.log("s 阅读全文
posted @ 2021-01-06 18:30 阿凡凡没有提 阅读(1211) 评论(0) 推荐(0)
用JS表示斐波拉契数列
摘要：这个是我面试的时候遇到的一道面试题，当时面试官要我共享屏幕，以便看到我的编码过程，我虽然之前了解过，但是印象不深，久而久之就忘记了，所以，突然一下叫我写，理所当然也就没有写出来。不过让我意识到，很多公司对于底层原理和基础性的东西要求比较高，写代码的过程并不仅仅是赶项目的过程，也应该是记录思维变化的过 阅读全文
posted @ 2020-04-22 14:57 阿凡凡没有提 阅读(157) 评论(0) 推荐(0)
点击li获取下标的几种方式（原生JS实现）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-08 11:43 阿凡凡没有提 阅读(2580) 评论(0) 推荐(0)
项目开发过程中踩坑和填坑
摘要：1、问题：写JS过程中一直没有效果。引入JS的路径也没有问题，alert和console都检查测试过了，都没有效果。后面发现，是因为引入JS的位置不对，JS放的地方是head标签里，那时候页面样式还没有加载，所以没有效果。 解决：第一种，在页面结构写完后的位置引入JS。第二种，在js外层代码包裹一层 阅读全文
posted @ 2020-01-08 11:11 阿凡凡没有提 阅读(227) 评论(0) 推荐(0)