JS
文章平均质量分 73
Yoyo_Yan
这个作者很懒,什么都没留下…
展开
-
面试整理 - JS篇(一)
文章目录JS值类型 vs 引用类型typeof可以判断哪些类型深拷贝强制类型转换原型和继承instanceof判断属于哪个构造函数/class手写简易的jQuery考虑插件和扩展性作用域和闭包闭包两种场景:this几种场景:手写bind闭包的应用异步和单线程同步和异步的区别手写promise加载图片异步进阶event loop(事件循环/事件轮询)promise进阶async/await微任务/宏任务JS值类型 vs 引用类型队列 FIFO,堆栈 FILO内存地址分布如下:栈在上,堆在下,一般原创 2021-01-22 22:17:40 · 396 阅读 · 0 评论 -
React 执行setState、updateState后,组件不更新,通过深拷贝解决
在更新数据时,尤其是引用数据类型的数据,如:数组、对象等。直接更新原数据后不会触发render。例如:如果直接将props中的数据解构出来进行修改,修改后直接更新状态,会出现组件不更新的情况。可以考虑如下写法:先将解构出来的数据神拷贝后,在进行操作。// import deepClone from 'xxxxxx';onSave=()=>{ let { gridList } = this.props; let _list = deepClone(gridList); ... //原创 2021-02-24 14:24:35 · 1888 阅读 · 0 评论 -
面试整理 - JS篇(二)
JSAjax核心API手写ajaxconst xhr = new XMLHttpRequest();// get请求xhr.open("GET", "/data.json", true); // true表示异步// 状态改变时xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { alert(xhr.responseText);原创 2021-01-24 09:44:17 · 243 阅读 · 0 评论 -
点击按钮,在input框在光标位置插入文字,系列问题待解决
想制作一个公式设计器,需要在文字的对应位置插入按钮对应的文字,效果如下:遇到的问题:1. 如何获取光标位置,并在对应位置插入内容两种情况:(1)用户点击位置后,在光标位置插入内容(2)用户选中几个字之后点击按钮进行文字替换解决:selectionStart和selectionEnd可以获取到当前元素光标的起始位置。 //对应光标位置插入文字 insert(val) ...原创 2020-03-01 21:11:05 · 2656 阅读 · 2 评论 -
Vue React实现Anchor锚点组件
Vue实现// 使用: // 页面引入 `import Anchor from './../../../components/common/Anchor'`// <Anchor :title="title" v-if="title.t0"/><template> <div class="anchor-container"> <div c...原创 2020-02-09 22:30:11 · 1877 阅读 · 0 评论 -
window.scrollTo滚动
window.scrollTo()和window.scroll()是同一个方法,参考MDN。window.scrollTo()在window对象上实现滚动效果//可以直接调用window.scrollTo(0, 1000);//也可以加window.scrollTo({ top: 100, left: 100, behavior: 'smooth'});在具体的元素...原创 2020-02-09 22:11:40 · 2902 阅读 · 1 评论 -
iconfont用变量动态替换unicode编码,react vue文本转译
项目上的iconfont采用的是unicode,现需要通过动态替换unicode值来改变icon图标但是以下写法是不对的:icon={<i className="iconfont">{item.iconType}</i>}因为这里的item.iconType是字符串形式,想要达到效果还需要转译成html文本才可以:react写法icon={<i classN...原创 2019-12-12 14:03:14 · 2195 阅读 · 0 评论 -
vue-awesome-swiper整理
使用引入import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css"; //直接影响滑动样式<swiper v-show="contractList.length" class="swiper-content-boss sw...原创 2019-11-16 18:48:39 · 673 阅读 · 0 评论 -
基于Java的图片点选汉字验证码的实现,以及Js配置
前端运行效果如下: 代码片 Jsp&lt;!-- 图片点选汉字验证码 --&gt; &lt;section id="captcha_sec" class="input-container" style="display: none;" &gt; &lt;spring:mes原创 2018-08-27 19:27:04 · 3150 阅读 · 0 评论 -
模态框
&amp;amp;lt;!--模态框 弹出框--&amp;amp;gt; &amp;amp;lt;div role=&amp;quot;dialog&amp;quot; class=&amp;quot;modal fade bs-example-modal-sm&amp;quot; id=&amp;quot;layer&amp;quot;&a原创 2018-07-09 16:17:59 · 239 阅读 · 0 评论 -
BOM - 浏览器对象
7-44 浏览器对象基本概念 BOM是Browser Object Model的缩写,简称浏览器对象模型BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性基本的BOM体系结构图(https://blog.csdn.net/avon520/article/details/2685331) 能利用BOM做什么?BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口...原创 2018-05-22 10:43:09 · 239 阅读 · 0 评论 -
JS基础
7-1嵌入JavaScript代码的三种方式写在 script 标签中 直接放在HTML标签中<script> document.write('djhfjdf');</script>以外部文档的方式连接到当前HTML文档中<script type="text/javascript" src="7-1.js"></script>注意事项: 区...原创 2018-05-22 10:38:48 · 426 阅读 · 0 评论