笔记
文章平均质量分 50
卡布达。
这个作者很懒,什么都没留下…
展开
-
浏览器常见的兼容性问题
CSS:1.不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。2.块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一原创 2021-09-22 14:37:37 · 196 阅读 · 0 评论 -
JavaScript同源策略与跨域请求
1. 什么是同源策略 ??URL由协议、域名、端口和路径组成,如果两个URL同源,则它们的协议、域名和端口相同。若页面A要访问B资源,则它们要是同源的,遵循同源策略。同源策略 是浏览器上为安全性考虑实施的策略,如果一个网页可以随意地访问另外一个网站的资源,那么就有可能在客户不知情的情况下出现安全问题。2.跨域与跨域请求跨域 :指的是两个资源非同源。跨域请求:出于安全方面的考虑,页面中的JavaScript在请求非同源的资源时就会出 现跨域请求问题。因为不遵循同源策略,我们的请求会被浏览器禁止。3原创 2021-09-22 01:07:56 · 387 阅读 · 1 评论 -
JavaScript使用笔记
一. js 遍历对象的几种方法1. 第一种: for…inconst obj = { id:1, name:'zhangsan', age:18 } for(let key in obj){ console.log(key + '---' + obj[key]) }2. 第二种:(1). Object.keys(obj)(2). Object.values(obj)const obj原创 2021-09-21 00:04:02 · 138 阅读 · 0 评论 -
算法与数据结构 (JavaScript版)
一、概念1.什么是算法与数据结构??数据结构:指的是“一组数据的存储结构”算法:指的是“操作数据的一组方法” (计算机解决问题的一种方法)数据结构是为算法服务的,算法是要作用在特定的数据结构上的。2.常用的数据结构与算法??数据结构: 数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Tire树算法:递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算法、动态规划、字符串匹配算法3.数据结构与算法思维导图:...原创 2021-09-20 18:00:29 · 715 阅读 · 1 评论 -
数据请求的几种方式(ajax、fetch、jQuery、axios),token过期自动刷新
一个contextimport React, { Component, createContext } from 'react';const BatteryContext = createContext();//声明一个孙组件class Leaf extends Component { render() { return ( <BatteryContext.Consumer> { battery => <h1&g原创 2021-08-27 01:44:34 · 2820 阅读 · 0 评论 -
react组件通信的几种方式
在react中常见的几种情况如下: 1.父子组件通信 2.跨级组件通信 3.非嵌套组件通信父子通信1.父传子 —》props2.子传父 —》props+回调函数跨级组件通信1.props 逐层传递 (不考虑)2.context 传递 context是一个全局变量,像是一个大容器,在任何地方都可以访问到,我们可以把要通信的 信息放在context上,然后在其他组件中可以随意取到。 但是React官方不建议使用大量context,尽管他可以减少逐层传递,但是当组件结构复杂的时候,我们原创 2021-09-07 20:49:50 · 943 阅读 · 0 评论 -
MVVM在react、vue中的理解
一:什么是MVC、为什么不用MVC1:MVC的含义:M(modal):是应用程序中处理数据逻辑的部分。V (view) :是应用程序中数据显示的部分。C(controller):是应用程序中处理用户交互的地方(Controller是MVC中的数据和视图的协调者,也就是在Controller里面把Model的数据赋值给View来显示(或者是View接收用户输入的数据然后由Controller把这些数据传给Model来保存到本地或者上传到服务器))M-V-C之间的关系可以用下面这张图直观展示:2原创 2021-08-31 15:14:59 · 741 阅读 · 0 评论 -
template、render函数的使用
<div id="app"> </div> <script> new Vue({ el:"#app", data:{ message:"消息" }, render:function(createElement,message) { //传值 return create.原创 2021-01-25 16:36:37 · 1586 阅读 · 0 评论 -
git常用命令
git常用命令$ mkdir abc$ cd abc/将项目拷贝到当前目录:$ git clone https://git.develop.reolink.com.cn/liufn/test.git (关联)打开软件修改项目内容:$ code .进入项目上传(初始化了)$ cd test/$ git add .$ git commit -m “修改”$ git push -u origin master (提交到远程仓库的master分支)||$ git pus原创 2020-12-24 21:08:12 · 257 阅读 · 0 评论 -
数组常用方法
数组方法总结:1.push():该方法向数组末尾加一个或多个元素,并返回数组新长度。var arr=["孙悟空","猪八戒","沙和尚","唐僧"];arr.push("二郎神");arr.push("牛魔王","铁扇公主");2.pop():该方法删除数组中的最后一个元素,并返回所删除的元素var arr=["孙悟空","猪八戒","沙和尚","唐僧"];arr.pop(); //删除了arr的最后一个元素 "唐僧"3.unshift()方法:向数组开头添加一个或多个元素,并返回新数原创 2020-10-18 19:19:50 · 345 阅读 · 0 评论 -
JavaScript—线程机制与事件机制
文章目录1.进程与线程2.浏览器内核3.js是单线程的4.事件循环模型5. H5 Web Workers(多线程)1.进程与线程1.基本概念:(1).进程:是程序的一次执行,它占用一片独有的内存空间,程序运行就启动了进程。(2).线程:是进程内的一个独立执行单元,是程序执行的一个完整流程。2.进程和线程关系*一个程序中可以有一个或者多个进程;(如在一个工厂中可以有一个车间(单核)或多个车间(多核),就是多进程)*一个进程中可以有一个或者多个线程;(如一个车间可以有一个工人工作,或多个工人原创 2020-10-18 18:11:13 · 173 阅读 · 0 评论 -
css—flex布局(实战篇)
文章目录容器属性:flex-direction ——项目水平方向flex-wrap ——项目是否换行flex-flow ——前两个缩写,默认为:从左到右、不换行justify-content ——项目的水平对齐方式align-items ——项目的垂直对齐方式align-content ——项目整体、之间的对齐方式项目属性:order原创 2020-10-18 12:48:37 · 270 阅读 · 0 评论 -
css—flex布局(语法篇)
文章目录一.引入flex布局二、Flex 布局是什么?三、基本概念四、容器的属性五、项目的属性一.引入flex布局1.布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。 它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2.Flex 布局 (1). 简便、完整、响应式地实现各种页面布局。 (2). 它已经得到了所有浏览器的支持。二、Flex 布局是什么?Flex( Flexible Box),意为"弹性布局",用来为盒转载 2020-10-18 10:53:17 · 211 阅读 · 0 评论 -
Vue—vue的组件
文章目录1.组件化思想2.使用组件的基本步骤3.全局组件和局部组件4.父组件和子组件1.组件化思想1.组件化思想 :我们将一个完整的页面分成很多个组件,每个组件都用于实现页面的一个功能块。 (每一个组件又可以进行细分) 将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能, 那么之后整个页面的管理和维护就变得非常容易了。2.组件化思想的应用 :有了组件化的思想,在之后的开发中就要充分的利用它, 尽可能的将页面拆分成一个个小的原创 2020-10-14 23:25:07 · 97 阅读 · 0 评论 -
vue双向绑定,指令v-model
文章目录1.v-model指令2.v-model的原理3.在radio(单选框)、checkbox(复选框)、select(选择框)中使用1.v-model指令1.v-model指令 :Vue中使用v-model指令来实现 表单元素和数据的双向绑定。 表单控件是很常见的,特别是对于用户信息的提交,需要大量的表单。2.v-model指令实现:表单元素和数据的双向绑定 特点: 1.之前是用Mustache语法将数据在元素中显示,现在是用v-model将数据绑定在属性原创 2020-10-14 13:24:23 · 783 阅读 · 0 评论 -
vue的循环遍历,指令v-for
文章目录1.循环遍历2.v-for遍历数组3.v-for遍历对象4.v-for使用中添加key1.循环遍历1.循环遍历: vue的循环遍历用v-for,语法类似于js中的for循环 当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。2.v-for使用格式: 格式为:v-for = item in items (遍历items中的数据)2.v-for遍历数组1.v-for遍历数组 用v-for指令基于一个数组来渲染一个列表。原创 2020-10-13 12:09:32 · 2066 阅读 · 0 评论 -
vue的条件判断,指令v-if、v-show
文章目录1.vue的条件判断2.v-if和v-else的结合使用3.v-if、v-else和v-else-if的使用4.指令v-show的使用5.用户切换案例1.vue的条件判断1.vue的条件判断: v-if、v-else-if、v-else,这三个指令与JS的条件语句if、else、else if类似。 Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件。2.指令v-if :可以用v-if指令的条件(判断)值来决定DOM的元素是否渲染出来;3.使用方法:原创 2020-10-13 11:01:22 · 2774 阅读 · 0 评论 -
vue的事件监听,指令v-on
1.事件监听:在前端开发中,我们需要经常和用户交互。这个时候,我们就必须监听用户发生的事件,比如点击、拖拽、键盘事件等等2.在Vue中使用v-on指令来监听事件指令v-on介绍:作用:绑定事件监听器缩写:@预期:Function | Inline Statement | Object参数:event...原创 2020-10-12 23:20:50 · 1248 阅读 · 0 评论 -
vue的计算属性computed
文章目录1.计算属性基本使用2.计算属性的setter和getter3.计算属性和methods的对比(缓存)1.计算属性基本使用1.引入:模板内(插值数据)的表达式非常便利,设计它们的初衷是用于简单运算的。 但如果在模板中放入太多的逻辑会让模板过重且难以维护。 所以,对于任何复杂逻辑,我们都可以使用计算属性。 2.计算属性 :当模板{{ }} 里面的插值比较麻烦时,可以将数据放到计算属性,然后用该计算属性。 计算属性是放在v原创 2020-10-10 12:32:06 · 217 阅读 · 0 评论 -
vue动态绑定属性,指令v-bind
文章目录1. v-bind指令介绍2.v-bind的基本使用1. v-bind指令介绍1.插值操作主要作用 :将Vue实例中的数据插入到我们模板的内容当中,并改变data可以动态改变显示。 2.动态绑定属性 :除了内容需要动态来决定外,元素的某些属性我们也希望动态来绑定。 比如,动态绑定a元素的href属性、动态绑定img元素的src属性。 Mustache双括号语法,只能在内容插值里使用,属性值是不可以用的 <img s原创 2020-10-08 22:04:04 · 12897 阅读 · 0 评论 -
vue的插值操作-vue指令(插值修饰)
文章目录1.插值操作2.插值操作—Mustache3.插值操作—指令v-once1.插值操作插值操作:如何将vue实例中data里面的某个值,插到页面DOM元素上进行显示。2.插值操作—Mustache 1.Mustache (胡子/胡须) :可以通过Mustache语法(也就是双大括号{{}})来进行插值操作; 数据绑定最常见的形式就是使用“Mustache”语法的文本插值 2.Mustache语法,不仅仅可以直接写变量,也可以写简单的表达式<scrip原创 2020-10-08 17:48:57 · 685 阅读 · 0 评论 -
认识vue
文章目录1.Vuejs安装方式2.Vue.js初体验3.MVVM模型4.对象options5.Vue的生命周期1.Vuejs安装方式Vue的安装方式有3种 第一种、下载和引入 1.下载好vue.js框架; 官网中下载 (有开发环境版本和生产环境版本(即未压缩版和压缩版),开发过程中用开发环境版本) 2.下载好后用 <script> </script>标签引入; (类似于引入jQuery) 第二种、原创 2020-10-08 17:04:25 · 118 阅读 · 0 评论 -
JavaScript(ES6)—Promise对象
文章目录1.promise前言1.promise前言1.什么是js的同步和异步? 答:js是单线程的 ====》一条流水线 同步异步的差别在于这条流水线上各个流程的执行顺序不同; 同步:按照主线程中程序排队的顺序,来一个个执行, 前一个执行完才会执行后一个; 异步:主线程中的某些程序任务,可先不执行放在队列中,而去执行下个任务; 如:定时器可放在队列中,等后面执行好后,再回头去执行;简单理解为:改变程序正常执行顺序的操作就为异步操作;2.常见的异步原创 2020-10-08 09:30:36 · 83 阅读 · 0 评论 -
JavaScript(ES5)—小内容汇总
文章目录1严格模式1严格模式1.理解: *除了正常运行模式,ES5添加了第二种运行模式为:严格模式; *严格模式是js在更严格的语法条件下运行; 2.目的/作用 *消除js语法的一些不合理、不严谨之处,减少一些怪异行为; *消除代码运行的一些不安全之处,为代码的安全运行保驾护航; *为未来新版的js做好铺垫;3.使用 *在全局或函数的第一条语句定义为 "use strict"; *如果浏览器不支持,只解析为一条简单的语句,没有任何副作用;原创 2020-10-08 09:25:39 · 133 阅读 · 1 评论 -
JavaScript(ES6)—小内容汇总
文章目录1.变量的解析赋值2.模板字符串1.变量的解析赋值变量的解构赋值: (解析结构,给对应的变量赋值)1.理解 :从对象或数组中提取数据,并赋值给对应的变量(多个);2.对象的解构赋值: let{n,age} = {n:"tom" ,age:12}; 解析对象,则以对象{ }的形式来接收; 3.数组的解构赋值: let[a,b]=[1,"ment"]; 解析数组,则以数组[ ]的形式来接收; 4.用途 :给多个形参赋值;原创 2020-10-06 17:41:58 · 145 阅读 · 1 评论 -
JavaScript(ES6)—箭头函数
文章目录1.箭头函数作用2.箭头函数基本语法3.箭头函数的特点1.箭头函数作用作用:定义匿名函数function (){} ——> ()=>{} 参数、函数体2.箭头函数基本语法 *没有参数: ()=>console.log('xxx') *一个参数: i=>i+2 *大于一个参数 : (x,y)=>x+y写法规则:1.箭头函数的参数可以一直加(),但只有一个参数时,可加可不加。2.箭头函数的函数体可以一直加{ },但原创 2020-10-06 17:13:30 · 1088 阅读 · 2 评论 -
JavaScript(ES6)—let与const关键字
文章目录1.let关键字2.const关键字1.let关键字1.let关键字 作用:与var类似,用于声明一个变量 特点: 1.在块作用域内有效(es6中有了块级作用域) 2.不能重复声明 3.不会预处理,不存在变量提升 应用: *循环遍历监听 *使用let取代var是趋势;<script type="text/javascript"> let username="kobe"; let user原创 2020-10-06 00:04:42 · 109 阅读 · 1 评论 -
JavaScript—闭包
文章目录1.引入闭包2. 理解闭包1.引入闭包js中有两大神兽,一个是原型对象,一个是闭包 进行一个小练习:点击某个按钮,提示“点击的是第几个按钮”; <button>测试1</button> <button>测试2</button> <button>测试3</button> <script type="text/javascript"> var btns=document.原创 2020-10-05 09:32:34 · 160 阅读 · 1 评论 -
JavaScript—作用域与作用域链
文章目录1.作用域2.作用域与执行上下文3.作用域链1.作用域 1. 理解: *作用域理解为一块"地盘",一个代码段所在的区域; *它是静态的,在编写代码时就确定了; 2.分类: *全局作用域 *函数作用域 *ES5中没有块作用域(到ES6中才有) 3.作用: *隔离变量,不同作用域下同名变量不会有冲突;```handlebars<script type="text/javascript"> if(true){原创 2020-10-05 09:14:40 · 111 阅读 · 0 评论 -
JavaScript—执行上下文和执行上下文栈
文章目录1.变量提升与函数提升2.执行上下文3.执行上下文栈1.变量提升与函数提升1.变量声明提升: *通过var定义(声明)的变量,在定义语句之前就可以访问到 *访问的值为:undefined; 2.函数声明提升: *通过function声明的函数,在函数代码之前就可以直接调用 *访问的值为:函数定义<script type="text/javascript"> var a=3; function fn (){ console.log(a);原创 2020-10-05 00:05:20 · 68 阅读 · 0 评论 -
JavaScript—构造函数、原型对象和原型链
文章目录1.构造函数2.原型对象3.原型链:4. 扩展方面5.instanceof的判断6.练习1.构造函数 构造函数和普通函数的区别: 1.构造函数的函数名习惯上首字母大写。 2.构造函数需要new关键字来调用。构造函数为: function Person(name,age,gender){ this.name=name; this.age =age; this.gender=gender; this.text=function (){原创 2020-10-04 00:05:40 · 82 阅读 · 0 评论 -
JavaScript——this篇
12原创 2020-10-03 22:31:46 · 108 阅读 · 0 评论 -
github中加入图片方法、以及解决图片不能正常显示的问题
GitHub中上传图片:1.2.选择一张本地图片3.上传一张本地图片后,进入上传的图片中,赋值这张图片在url中的地址:https://github.com/liufunan/super-mall/blob/master/pone.jpg5.引入图片然后在.md的文件夹中,引入要使用的图片,用下面这种格式引入:! [ 描述 ] ( 图片地址 )这样保存后打开该.md的文件即可显示该图片。注意:有可能会出现引入图片后不能正常显示的问题。解决方法:1.C:\Windows\S原创 2020-09-26 17:35:39 · 1517 阅读 · 0 评论 -
ajax中get、post请求的介绍与使用实例
1.Ajax用get请求提交数据:,将要传递的数据放在地址URL后面,以URL?userName=liufunan&userPwd=123的格式, 则就把数据提交过去了。2.Ajax用post请求提交数据:Ajax用post请求提交数据不能和get请求那样把要提交的数据放在地址URL后面。Ajax用post请求提交数据的规则:使用setRequestHeader()来添加HTTP头,然后在 send()方法中规定您希望发送的数据即:(1).在设置请求和发送请求中间加上:xmlhttp原创 2020-07-20 21:45:50 · 401 阅读 · 0 评论 -
redux篇
Ajax的介绍:1.概念:AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。2.使用和不使用Ajax的区别:使用Ajax和不使用Ajax都可以更新网页上的数据,区别在于需不需要重新加载整个页面。Ajax使用的五个步骤:(1).创建一个异步对象(2).设置请求方式和请求地址(3).发送请求(4).监听状态的变化(5).处理返回的结果eg.点击按钮,发送Ajax请求 <button>发送请求</button> <script>原创 2020-07-20 21:07:31 · 234 阅读 · 0 评论