J_aSON_-CSDN博客

原创 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 1298 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 844

原创 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 155

原创 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 142

原创 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 118

转载 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 595

原创微信小程序中取消事件绑定用变量来控制如何取消事件绑定

因为语音输入有的语言不能识别，所以要禁用掉按钮在某些情况。而由于这个录制语音的事件是touchStart,touchEnd,用button的disabled是禁用不掉的，我就想着把这个事件给解绑了，后来发现用本来控制disabled的变量来控制这个touch方法就好了，如果不想触发，直接用if条件给return 出去。nice!...

2021-04-09 21:29:49 668

原创 npx create-react-app 报错

我查了好多文档，用强制清除缓存的方法都不太行，最后用了淘宝镜像的cnpm install npm -g 重新安了一遍后，在执行npx的命令。就成功了

2021-04-08 17:52:17 179

原创第一章.无处不在的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 114

原创 delete和splice的应用与区别

在实现删除一个卡片的功能时，因为this.setdata可以试实时渲染，所以我打算把对应的数组元素删除，有两种选择：1.delete, 2.array.splice。但是这两种写法会导致不一样的结果，delete会把内容删除，但是数组长度没变，导致渲染出了一个空数组，而splice才会达到真正的删除效果。...

2021-03-17 14:02:34 141

原创百度翻译开放平台在成功调用后返回了api错误码52003，该用户未授权或者未开通此项服务

百度翻译开放平台在成功调用后返回了api错误码52003,在官网中解释，该状态代表该用户未授权或者未开通此项服务。但是我两样都成功了，最后发现是一位内我的wx.request()的method是post，导致调用失败了。删了就对了，可能是content-Type没有指定的问题。...

2021-03-14 18:57:25 2328 1

原创二.运行时的页面构建过程 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 118

原创第一章.无处不在的js js复习总结

一.无处不在的js1.1理解js对象，原型，函数和闭包的紧密结合组成了JavaScript。1.1.1js是如何发展的1.1.2转换编译器当我们想利用JS的最新特性时，也往往会被残酷的现实绑架：用户依然在使用老旧的浏览器。这该怎么办呢？解决这个问题的方式之一时是使用转换编译器transpilers(即“转换器” + “编译器”， “transformation + compiling”)，这类工具能够把最前沿的JS代码转换为等价的（如果不能实现，则使用相似的）能在当前浏览器中运行的代码。推荐转换

2021-02-16 09:29:58 210 3

原创 vue-axios用法总结

axios1.axiosaxios 是基于promise对ajax的一种封装ajax mvcaxios MVVM2.axios的基本使用 <script src="axios.js"></script> <script> import axios from 'axios' //默认使用get方式 axios({ url:"xxxx" }).then(res =>{

2021-01-19 19:41:29 137

转载 vue知识点整理

vue知识点整理 1、vue的生命周期　　初始化：　　beforeCreate：一般没啥用，数据没挂载，DOM 没有渲染出来　　created：数据已经挂载，但是 DOM 没有渲染出来，这个钩子函数里面可以做一些异步的操作，并且在这个钩子函数里面更改数据不会影响到运行时钩子函数。　　beforeMounte：这个函数代表着 DOM 快要被渲染出来了，但是还没有被渲染出来，跟 created 一样，做一些异步的操作　　mounted：数据已经挂载，真实...

2020-12-18 21:56:38 353 1

原创读取扩展先序序列，输出为先序列，中序序列，后序序列

题目：读取扩展先序序列，把它输出成先序序列，中序序列，后序序列，其中先序序列和中序序列用递归方法实现，后序是非递归实现//先写一个用来读取扩展先序序列的函数，再写三个输出函数#include <stdio.h>#include <stdlib.h>#define MAXSIZE 100005/* 二叉链表结点 */typedef struct Node { char data; /* 二叉链表的结点信息 */ struct No

2020-11-08 14:27:48 607

原创 31. 下一个排列 leetcode算法题c语言解法

代码：void swap(int *a,int*b){ int t =*a; *a = *b; *b = t;}void nextPermutation(int *nums,int numsSize){ if (numsSize == 0) { return; } int i,j;// 从后往前找到第一个后面比前面大的数 for (i = numsSize - 2; i>=0 && nu.

2020-11-01 20:45:48 141

原创 div + css 的布局较 table布局有什么优点？

1.改版的时候更加方便，只要改css文件2.页面加载的速度更快，结构化清晰，页面显示简洁。3.表现与结构相分离。4.易于优化（seo）搜索引擎更友好，排名更容易靠前。

2020-09-13 18:37:25 175

原创 Quirks 模式是什么？它和 Standards 模式有什么区别

从 IE6 开始，引入了 Standards 模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在 IE6 之前 CSS 还不够成熟，所以 IE5 等之前的浏览器对 CSS 的支持很差， IE6 将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强

2020-09-13 18:33:42 637

原创每个HTML 文件里头都有个很重要的东西，Doctype,知道着是干什么的么？

声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用那种HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）

2020-09-13 18:32:14 167

原创不同浏览器的内核分别是什么？

1.IE：trident 内核2. Firefox： gecko 内核3. Safari : webkit 内核4. Opera :以前是presto内核，Opera 现已改用 Googlr Chrome 的 Blink 内核5. Chrome： Blink 内核（基于 webkit，Google 和Opera Software共同开发）

2020-09-13 18:24:51 373

原创 9.2二叉树的遍历

9.2二叉树的遍历二叉树的遍历是指通过一定顺序访问二叉树的所有节点。遍历方法一般有4种：先序遍历，中序遍历，后序遍历及层次遍历，其中，前3种一般使用深度优先搜索（DFS）实现，而层次遍历一般使用广度优先搜索实现（BFS）。先来看前3种遍历方法。前面给出过二叉树的递归定义，这种定义方式将在这里很好的和遍历方法融合在一起。把一棵二叉树分为3个部分：根节点、左子树、右子树，且对左子树和右子树同样进行这样的划分，这样对树的遍历就可以分解为对这3个部分的遍历。读者首先要记住一点，无论是这3种遍历的哪一种，左子树一

2020-08-19 13:17:26 155

原创算法笔记codeup 1918 简易计算器详解（用c++栈实现计算器）

codeup 1918 简易计算器题目描述读入一个只包含 +, -, *, / 的非负整数计算表达式，计算该表达式的值。输入测试输入包含若干测试用例，每个测试用例占一行，每行不超过200个字符，整数和运算符之间用一个空格分隔。没有非法表达式。当一行中只有0时输入结束，相应的结果不要输出。输出对每个测试用例输出1行，即该表达式的值，精确到小数点后2位。样例输入：30 / 90 - 26 + 97 - 5 - 6 - 13 / 88 * 6 + 51 / 29 + 79 * 87 + 57 *

2020-08-12 17:41:12 509

原创 stack栈的常见用法详解

1.stack的定义。stack是一种先进后出的容器，要使用stack，应该先添加头文件#include,并在头文件限免加上using namespace std; 其定义的写法和其他STL容器一样，typename可以是任何基本数据类型或容器stack< typename > name;2.stack容器内元素的访问由于stack是一种先进后出的数据结构，在STL中的stack中只能通过top()来访问栈顶元素#include <stdio.h>#include&

2020-08-11 10:15:04 482 1

原创 4.6.2归并排序及其两种实现方式（详解）

4.6.2归并排序及其两种实现方式（详解）原理：将序列两两分组，将序列归并为[n/2]个组，组内单独排序；排序后，将这些组再两两归并，生成[n/4]个组，组内单独排序，以此类推；直到只剩下一个组。时间复杂度为O（nlogn）.例子：{66，12，33，57，64，27，18}先分成{66，12}，{33，57}，{64，27}，{18}，对它进行排序{12，66}，{33，57}，{27，64}，{18}，接着合并并排序{12，33，57，66}，{18，27，64}最后把这两个也合并了

2020-08-04 13:09:18 336

原创双指针法详细讲解（例一：给定一个递增序列和一个正整数。例二：序列合并问题）

4.6.1什么是双指针？双指针是一个编程技巧。由于是一个编程技巧，所以更适合结合着题练习。例一：给定一个递增的正整数序列和一个正整数M，求序列的两个不同位置的数 a 和数 b，使得它们的和恰好为M，输出所有的满足的方案。例如给定序列{1，2，3，4，5，6}和正整数M=8，就存在 2+ 6= 8 和 3+5=8.本题的一个很直观的想法是双重for循环，这里不多赘述。这种做法的时间复杂度为O(n^2),对于n在 10^5的规模是不可承受的。我们来看看这种做法的复杂度高的原因：1.对于一个确定

2020-07-31 16:44:45 1056 1

原创更换源--: 无法修正错误，因为您要求某些软件包保持现状，就是它们破坏了软件包间的依赖关系

leo@leo:~$ sudo apt-get install vim正在读取软件包列表… 完成正在分析软件包的依赖关系树正在读取状态信息… 完成有一些软件包无法被安装。如果您用的是 unstable 发行版，这也许是因为系统无法达到您要求的状态造成的。该版本中可能会有一些您需要的软件包尚未被创建或是它们已被从新到(Incoming)目录移出。下列信息可能会对解决问题有所帮助：下列软件包有未满足的依赖关系：vim : 依赖: vim-common (= 2:7.2.330-1ubuntu3

2020-07-30 22:04:16 1302

原创二分法基本题型--寻找有序序列中第一个满足某条件的元素的位置

a[]为递增序列，x为欲查询得数，函数返回第一个大于x得元素的位置二分上下界为左闭右闭的【left,right】，传入的初值为【0，n】（取n是因为可能数列中所有数都比x小）int upper_bound(int a[], int left, int right, int x){ int mid;//mid为中点 while(left < right) { mid = left + (right - left)/2; if(a[mid]

2020-07-25 23:36:33 385

原创 LeetCode剑指offer 53 0~n-1中缺失的数（二分法和特征法）

题目：这个题我是用二分法写的：下面是代码，这个就是一个正常的二分过程，只不过，最后的值由left给出，这点通过模拟几次例子就可以得到：当left>right时，那个left就是缺失的数。这个思路题解里面也有一位大佬给出了，看到他的解释，我才明白，这个题又是一类二分法的基础题型。我把他的题解附在这里。法一复杂度分析：时间复杂度 O(log N)O(logN)：二分法为对数级别复杂度。空间复杂度 O(1)O(1)：几个变量使用常数大小的额外空间。int missingNumber(

2020-07-25 16:56:48 107

原创二分查找---如何在一个严格递增的序列A中找到给定的数x

二分查找—如何在一个严格递增的序列A中找到给定的数x（两种差不多的代码）二分法好多这种这种题，是基础中的基础，要掌握好。第一个是标答：#include <stdio.h>int binarySearch(int a[],int left,int right,int x);int main(void) { const int n = 10; int A[n] = {1,3, 4, 6, 7, 8, 10, 11, 12, 15}; printf("%d\n",

2020-07-24 17:47:03 553

转载 CSS3：nth-child()选择前几个元素

CSS3 nth-child()选择前几个元素 </h1> <div class="clear"></div> <div class="postBody"> 一、选择列表中的偶数标签 :nth-child(2n)二、选择列表中的奇数标签 :nth-child(2n-1)三、选择从第6个开始的，直到最后:nth-child(n+6)...

2020-07-24 12:22:25 622

原创 phpstorm常见快捷键大全网址

PhpStorm 快捷键大全 PhpStorm 常用快捷键和配置常用快捷键设置快捷键：File -> Settings -> IDE Settings -> Keymap -> 选择“eclipse” -> 然后“Copy”一份 -> 再个性化设置（自己习惯的）快捷键常用快捷键(keymaps:Default情况下)1 Esc键编辑器（从工具窗口）2 F1 帮助千万别按,很卡!3 F2（Shift+F2）下/上高亮错误或警告快速定位4 F3 向

2020-07-22 12:11:41 130

原创什么是lua文件？它的作用又是什么？（Clion安装时会提示是否安装这个插件）

Lua 是一个小巧的脚本语言。它是巴西里约热内卢天主教大学（Pontifical Catholic University of Rio de Janeiro）里的一个由Roberto Ierusalimschy、Waldemar Celes 和 Luiz Henrique de Figueiredo三人所组成的研究小组于1993年开发的。其设计目的是为了通过灵活嵌入应用程序中从而为应用程序提供灵活的扩展和定制功能。Lua由标准C编写而成，几乎在所有操作系统和平台上都可以编译，运行。Lua并没有提供强大的库

2020-07-22 09:23:40 1125

空空如也

空空如也