#javascript
J_aSON_
这个作者很懒,什么都没留下…
展开
-
react中请求网络图片加载不出来的问题 解决
React中img加载图片时遇上了403我在做项目的时候遇上了这么一个问题,那就是在React项目中,使用img标签加载网页的图片的时候,居然遇上了403,但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的,但是放到React项目中使用img加载网页图片的时候就会403,如果遇上了这种情况,以下是解决办法:在index.html文件中加上<meta name="referrer" content="no-referrer">下面是转载的一篇技术介绍Referrer Poli原创 2021-07-25 09:55:13 · 1575 阅读 · 1 评论 -
三种不同形式的ref
三种不同形式的ref一.字符串形式的ref (最老的版本,不是特别推荐使用了,他可能会在未来的版本中被移除)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iqq9N6Vk-1626356126211)(/home/jason/.config/Typora/typora-user-images/image-20210715132455206.png)]我们用ref = ‘input1’标记一个标签后, 用this.refs.input1获取到的东西不是虚拟dom,虚拟d原创 2021-07-15 21:35:34 · 921 阅读 · 0 评论 -
2021.7.14props
this.props中的值是只读的 不能通过 this.props.name = 'jack’这类的语句进行修改。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zreNEBIH-1626275198964)(/home/jason/.config/Typora/typora-user-images/image-20210714225309012.png)]这种情况几乎用不到构造器就两个作用1.初始化state(但是我们也可以在其他地方赋值) 2.为事件处理函数..原创 2021-07-14 23:07:18 · 190 阅读 · 0 评论 -
2021.7.14 展开运算符
2021.7.14 react review…运算符是不能展开对象的在 es6语法中 , 添加了一个可以用于深度拷贝的语法 let a = {…obj}; 这样可以把obj上的内容完全复制一份到a的位置, 他不同于浅拷贝let a = obj ,这个只是给了a 一个obj的引用。在react中,我们在给reactDOM绑定要渲染的组件时,可以通过props传参,这个时候,我们可以通过{…props}语法进行批量传参,这个语法虽然长得和上面的语法很像,但是这个是不一样的,这里面的{}相当于一个分隔符,原创 2021-07-14 21:04:00 · 184 阅读 · 0 评论 -
jsx语法规则复习
jsx语法规则复习2021.7.061.在定义虚拟dom时,不要写引号。2.标签中要写js表达式要用{}包起来3.在jsx中如果要写类名class,需要替换成className,因为class已经作为类的关键字了。4.类似font-size这种连着的在jsx中3应该用驼峰命名法书写5.jsx中只能有一个根标签6.如果你写了自己随便定义的标签名[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oyZBTvWc-1626232861626)(/home/jason/.原创 2021-07-14 11:21:10 · 142 阅读 · 0 评论 -
2.2. React开发依赖
2.2. React开发依赖开发React必须依赖三个库:react,包含了React所必须的核心代码react-dom : react渲染在不同平台所需要的核心代码babel: 将jsx 转换城React代码的工具第一次接触React会被它繁琐的依赖搞蒙,对于Vue来说,我们只是依赖一个vue.js文件即可,但是react居然要依赖三个库。其实呢,这三个库是各司其职的,目的就是让每一个库只单纯做自己的事情:在React的0.14版本之前是没有react-dom这个概念的,所有功能都包含转载 2021-05-23 13:23:52 · 631 阅读 · 0 评论 -
微信小程序中取消事件绑定用变量来控制如何取消事件绑定
因为语音输入有的语言不能识别,所以要禁用掉按钮在某些情况。而由于这个录制语音的事件是touchStart,touchEnd,用button的disabled是禁用不掉的,我就想着把这个事件给解绑了,后来发现用本来控制disabled的变量来控制这个touch方法就好了,如果不想触发,直接用if条件给return 出去。nice!...原创 2021-04-09 21:29:49 · 726 阅读 · 0 评论 -
npx create-react-app 报错
我查了好多文档,用强制清除缓存的方法都不太行,最后用了淘宝镜像的cnpm install npm -g 重新安了一遍后,在执行npx的命令。就成功了原创 2021-04-08 17:52:17 · 200 阅读 · 0 评论 -
第一章.无处不在的js js复习总结
一.无处不在的js1.0前言本章包含以下内容Javascript核心语言特性Javascript引擎核心要素Javascript开发中的3个最佳实践MVC(Model- View - Controller ----模型 - 视图 - 控制器)1.1理解js函数是一等公民(一级对象)函数闭包作用域基于原型的面向对象————不同于其他主流的面向对象语言(例如 c# , java , Ruby) 使用基于类的面向对象, Javascript 使用基于原型的面向对象。正是如此原创 2021-03-25 12:11:03 · 150 阅读 · 0 评论 -
delete和splice的应用与区别
在实现删除一个卡片的功能时,因为this.setdata可以试实时渲染,所以我打算把对应的数组元素删除,有两种选择:1.delete, 2.array.splice。但是这两种写法会导致不一样的结果,delete会把内容删除,但是数组长度没变,导致渲染出了一个空数组,而splice才会达到真正的删除效果。...原创 2021-03-17 14:02:34 · 152 阅读 · 0 评论 -
二.运行时的页面构建过程 js复习总结
二.运行时的页面构建过程2.1生命周期概览2.2页面构建阶段2.2.1HTML解析和DOM构建尽管DOM是根据HTML来创建的,两者紧密联系,但需要强调的是,两者并不相同。你可以把HTML代码看作浏览器页面UI构建初始DOM的蓝图。为了正确构建每个DOM,浏览器还会修复它在蓝图中发现的问题。2.2.2执行Js代码1.包函在函数内的代码叫做函数代码,而在所有函数以外的代码叫做全局代码。2.一般来说,js代码能够在任何成都上修改DOM结构,它能够创建新的节点或者移除现有的DOM节点。但它依然不能做原创 2021-02-17 22:37:19 · 149 阅读 · 0 评论 -
第一章.无处不在的js js复习总结
一.无处不在的js1.1理解js对象,原型,函数和闭包的紧密结合组成了JavaScript。1.1.1js是如何发展的1.1.2转换编译器当我们想利用JS的最新特性时,也往往会被残酷的现实绑架:用户依然在使用老旧的浏览器。这该怎么办呢?解决这个问题的方式之一时是使用转换编译器transpilers(即“转换器” + “编译器”, “transformation + compiling”),这类工具能够把最前沿的JS代码转换为等价的(如果不能实现,则使用相似的)能在当前浏览器中运行的代码。推荐转换原创 2021-02-16 09:29:58 · 250 阅读 · 3 评论 -
vue知识点整理
vue知识点整理 1、vue的生命周期 初始化: beforeCreate:一般没啥用,数据没挂载,DOM 没有渲染出来 created:数据已经挂载,但是 DOM 没有渲染出来,这个钩子函数里面可以做一些异步的操作,并且在这个钩子函数里面更改数据不会影响到运行时钩子函数。 beforeMounte:这个函数代表着 DOM 快要被渲染出来了,但是还没有被渲染出来,跟 created 一样,做一些异步的操作 mounted:数据已经挂载,真实...转载 2020-12-18 21:56:38 · 440 阅读 · 1 评论 -
getElementsByClassName()与getElementById()两个方法的返回值区别
在这里我们可以很清楚的理解为什么获取div1时添加了一个[0],但是明明类名为box1的元素只有一个时,这里也要添加[0]呢?这是因为获取div2时通过类名获取返回的本身是一个数组,只有通过[0]才能单独获得其中的元素。这是添加了【0】的返回值下面是不添加【0】的返回:...原创 2020-07-15 16:27:13 · 1217 阅读 · 0 评论 -
sass在vs code上如何运行,预编译
splice 方法中只有一个参数的话,这个参数(number)其实是第二个参数,及删除数组元素的个数,并且是从0开始的。原创 2020-05-26 15:41:55 · 396 阅读 · 0 评论 -
基本的JavaScript:使用递归创建倒计时
这个题刚开始我以为很简单的那种。但是这个题有一个点是我未曾注意到的。关键之处在于刚开始我没有看中文里的一句翻译, 之所以发生这种情况,是因为在递归调用返回之后,推送才最后一次发生。这句话解决了我所有的疑惑,茅塞顿开。我终于明白了为什么当 n<1时,返回的但是一个空数组( 【】 )。我一直以为最后一个是空数组的话,那答案一定是嵌套数组 (nested array).终于,我明白,最后返回的数组中的中括号,就是由n<1时产生的。其实这个代码的执行过程,有点像深度搜索,先执行 countAr.原创 2020-05-18 23:31:10 · 528 阅读 · 1 评论 -
ES6 的块级作用域-阮一峰ES6入门标准笔记
ES 6 的块级作用域let 实际上为JavaScript 新增了块级作用域。function f1(){ let n = 5; if(true) { let n = 10 ;}console.log(n); // 5}上面的函数有两个代码块,都声明了变量 n ,运行后输出 5 。这表示外层代码块不受内层代码块的影响。如果两次都使用 var 定义变量 n ,最后输出的值才是 10.ES 6 允许块级作用域任意嵌套。{{{ let insane = "Hello Worl原创 2020-05-08 20:27:06 · 452 阅读 · 0 评论 -
let 命令-阮一峰ES6入门标准笔记
1.let命令基本用法:ES6 新增了let 命令,用来声明变量。他的用法类似于var ,但是所声明的变量,只在let命令所在的代码块里有效。{ let a =10; var b =1;}a // ReferenceError: a is not definedb// 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let的声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在他所在的代码块中有效for 循环的计数原创 2020-05-08 20:11:25 · 298 阅读 · 0 评论 -
第一章:ECMAScript6简介-阮一峰ES6入门标准笔记
ECMAScript 6 简介ES6是Javascript 语言的下一代标准,已经在2015年6月 正式发布了,他的目标是使得javascript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。1.ECMAScript 和Javascript 的关系ECMAScript 和Javascript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的ECMAscript方言还有Jscript 和 Actionscript)日常场合这两个词是可以互换的.2.ES6 与 ECMAScrip原创 2020-05-08 18:13:14 · 515 阅读 · 0 评论