随笔分类 -  javascript笔记

所有Javascript的笔记将保存在此
useEffect传入第二个参数陷入死循环
摘要：最近新项目刚上手，就用了react的hooks,之前也看过hooks的不少文章，只是还没实战实战。 业务场景1：需要在页面一开始时得到一个接口的返回值，取调用另一个接口。 我的思路是，先设置这个接口的返回值为data=[], 等到数据是再去请求另一个接口，即data作为useEffect的第二个参数 阅读全文
posted @ 2019-07-25 10:32 采姑娘的小乌龟 阅读(16618) 评论(2) 推荐(3)
react 生命周期
摘要：React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 初始化 1、getDefaultProps() 2.getInitialState() 3，componentWillMount() 4，render() 5，componentDidMount() 更新 6，componentWi 阅读全文
posted @ 2018-12-04 11:05 采姑娘的小乌龟 阅读(181) 评论(0) 推荐(0)
前端面试题总结(一)
摘要：一，从输入一个url到浏览器页面展示都经历了哪些过程？ 1，DNS查询 1) 浏览器首先搜索浏览器自身缓存的DNS记录。 2) 如果浏览器缓存中没有找到需要的记录或记录已经过期，则搜索hosts文件和操作系统缓存。 3) 如果在hosts文件和操作系统缓存中没有找到需要的记录或记录已经过期，则向域名 阅读全文
posted @ 2018-07-19 15:29 采姑娘的小乌龟 阅读(490) 评论(0) 推荐(0)
Html5 web 本地存储 （localStorage、sessionStorage）
摘要：HTML5 提供了两种在客户端存储数据的新方法localStorage,sessionStorage sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 localStorage（长期存储） ：与 sessionStorage 一样，但 阅读全文
posted @ 2018-05-11 15:04 采姑娘的小乌龟 阅读(453) 评论(0) 推荐(0)
js遍历数组和遍历对象
摘要：可以用for in来遍历对象，具体内容如下： <script type="text/javascript"> var objs = { name: "wang ", sex: "female ", hobby: "drinking ", eat: "food " } for (var obj in 阅读全文
posted @ 2017-11-21 14:08 采姑娘的小乌龟 阅读(1457) 评论(0) 推荐(0)
浅谈JavaScript预编译原理
摘要：这两天又把js的基础重新复习了一下，很多不懂得还是得回归基础,大家都知道js是解释性语言，就是编译一行执行一行，但是在执行的之前，系统会做一些工作: 1,语法分析； 2，预编译； 3，解释执行。 语法分析很简单，就是引擎会简单的检查一下你的代码有没有什么低级的错误，解释执行就是执行代码，执行代码之前 阅读全文
posted @ 2017-11-17 17:27 采姑娘的小乌龟 阅读(801) 评论(0) 推荐(0)
JS选取DOM元素的方法
摘要：摘自JavaScript权威指南（jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素，然后根据样式选择器对所有DOM元素进行筛选） 今天试了下各种选取元素的方法的速度，用原生的方法比jQuery要快差不多8倍，IE8是最慢的，IE9的 阅读全文
posted @ 2017-11-13 14:33 采姑娘的小乌龟 阅读(2189) 评论(0) 推荐(0)
在输入密码框中眼睛睁开可以看见数字，眼睛闭上看不见数字怎么用JS实现
摘要：无论做那个项目，登录注册页面总是避免不了的，那怎么用js来控制密码的显示和隐藏呢？先看一下效果图： HTML代码如下： <div> <label for="password"> <input type="password" id="password" placeholder="请输入密码" maxl 阅读全文
posted @ 2017-11-13 10:39 采姑娘的小乌龟 阅读(3163) 评论(0) 推荐(0)
用JavaScript添加选择按钮的背景颜色和juqery添加选择按钮的背景色
摘要：在项目开发中经常遇到要选择的按钮，选择完之后被选择的按钮的背景色会发生变化，表示被选择 样式图如下： 每点击一个数字，相应的背景色变为蓝色，其他的依旧是白色，先用JavaScript实现 html代码如下： <div> <ul> <li> <p id="lyyckick_0" onclick="ch 阅读全文
posted @ 2017-11-10 12:00 采姑娘的小乌龟 阅读(2080) 评论(0) 推荐(0)
怎么用JavaScript实现tab切换
摘要：先看一下代码实现后的最终效果： 用JavaScript实现思路很简单，就是先把所有的内容隐藏，点击标题对应的内容显示， css代码如下： <style type="text/css"> #ltab { clear: both; /*清除全部浮动样式*/ } #ltab_1 { display: no 阅读全文
posted @ 2017-11-10 09:54 采姑娘的小乌龟 阅读(3460) 评论(0) 推荐(0)