自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

南北北南的博客

位卑未敢忘忧国

  • 博客(32)
  • 收藏
  • 关注

原创 《高级程序设计》-21章学习笔记

AJAXAsynchronous JavaScript And XML内容Ajax的核心是 XMLHttpRequest, 简称XHR,最初由微软引入的一个特性,后期其他浏览器提供商也开始支持用法const xhr = new XMLHttpRequest()xhr.onreadystatechange = (ev: Event) => { // readyState值含义 // 0-未初始化,即调用open之前 // 1,启动,调用了open()但是还未调用..

2021-03-14 20:14:41 104

原创 css 五种两边固定,中间自适应的实现方式

<!DOCTYPE html><html> <head> <title>BFC</title> <style> body { overflow: scroll; } /* position:absolute */ .left, .right { position: absolute; width: 230px; top: 0; height: 50px.

2020-05-12 11:35:31 727

原创 css相关名词解释

何为优雅降级?何为渐进增强?优雅降级跟渐进增强都是在css3之后出现的概念,围绕这浏览器的对css的兼容性来探讨问题。优雅降级是指先用最靠前的技术来构建页面,之后通过hack去调整浏览器的兼容性;渐进增强是先针对低版本浏览器来构建基本页面,再针对高版本浏览器添加一些效果、交互。何为hack?通过在css样式中添加一些特殊的符号,通过使不同的浏览器识别不同的符号来达到针对不同浏览器使用不...

2020-05-08 15:53:33 1194

原创 手写深拷贝等方法

// 深拷贝函数 // 深拷贝实现方式JSON.parse(JSON.strinfy(obj)), 但是没法复制函数(会返回null) export function cloneDeep(obj){ // 想判断是否是对象类型,是否空对象类型 if(typeof obj !== 'object' || obj === null){ ...

2020-05-07 15:02:23 384

原创 ES6-之新增优化数组方法

数组优化新增Array.of() 、 Array.from()Array.of()总会创建一个包含所有参数的数组,用来解决通过Array构造函数来创建数据的怪异行为, new Array(n)传一个参数的时候,如果参数类型为number,则该数组的length替换为n,如果是其他类型则会创建一个长度为1的数组n,而Array.of(n),无论参数是何种类型,都只创建length为1,值为...

2020-05-06 22:59:34 322

原创 简述我对event loop的理解

何为eventloop,javascript中的一种运行机制,用来解决浏览器单线程的问题Event Loop是一个程序结构,用于等待和发送消息和事件。同步任务、异步任务、微任务、宏任务...

2020-05-04 20:24:21 1117

原创 回顾React

React的生命周期函数有哪些过时的生命周期,为什么过时?componentWillMount ,会在render之前调用,那么setState之后也不会被渲染,完全可以再构造函数中进行初始化componentWillRecievePropscomponentWillUpdate何为Hook就是能再函数组件中钩如React的生命周期等特性的函数Hooks使用注意点由于hook...

2020-05-03 20:23:12 147

原创 简单了解Web Stroage和cookie、session的区别

localStorage、sessionStorage、session

2020-05-03 14:59:06 130

原创 探索函数作用域(普通函数与箭头函数的区别)

// 探索作用域this,箭头函数域普通函数的区别// 箭头函数的定义是保证函数里的this是是定义域的this,// 如果调用他的对象没有该函数,依旧会报undefined is not a Functionfunction scopeOfFuns(){ console.log("out fun:",this); function scopeOfFunIn(){ ...

2019-12-11 14:37:41 362

原创 编译RN项目中遇到的问题

|执行命令|报错|原因|解决||react-native run-android| adb server versions(31) doesn’t match this client(39) | 模拟器的adb版本为31而android-sdk的版本是39,无法匹配 |将android-sdk中的adb.exe复制替换掉模拟器里的adb.exe|...

2019-07-11 10:51:30 497

原创 内联元素内放入块级元素会出现什么情况呢?

我们知道元素可分为块级元素和内联元素,也知道块级元素内既可以嵌套内联元素也可以嵌套块级元素,但是内联元素就只能嵌套内联元素,不可以嵌套块级元素,当然表格下的tr除外,那么如果违反了规定会出现什么样的效果呢?? 代码如下所示&lt;!--内联元素内嵌套块级元素的展示效果--&gt;&lt;div&gt; 这是块级元素 &lt;div style="width: 200px...

2018-08-30 09:57:53 879 1

原创 window.open()方法以及系统弹出框alert等

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&a

2018-08-21 11:17:19 4011

原创 简述setInterval()和setTimeout()

&amp;lt;script&amp;gt; //setTimeout()超时调用 //接受两个参数,第一个参数为要执行的代码,可以是字符串也可以是函数(佳) //第二个参数是等待多长时间的毫秒数,但经过该时间后只带的代码不一定执行,因为一定时间内只能执行一段代码, //为了控制执行顺序,有一个javascript任务队列,这些任务会按照他们添加的队列顺序执行. //而第二...

2018-08-21 10:37:23 424

原创 javascript之正则表达式简述

正则表达式的表达形式有两种:字面量形式、字符串形式 字面量形式 var pattern = /pattern/flags; 字符串形式: var pattern1 = new RegExp(“pattern”,”i”); 由flags可知,一个正则表达式可以带一个或多个标志 正则表达式的标志有: g(global):全局模式 ...

2018-08-15 16:24:31 162

原创 问题小解析

问题一:如何将一个字符串完全倒过来 function reverseStr(str){ var len = str.length; var reStr = &amp;quot;&amp;quot;; for(var i = len-1;i&amp;amp;gt;=0; i--){ reStr = reStr + str[i]; ...

2018-08-09 12:03:57 322

原创 javascript中的引用类型--对象(object)

概念讲解 对象的定义方法如下: 对象的定义方式右两种,如果向遍历对象中的所有元素,可以使用for …in 方法; 对象主要包含两类元素,属性和方法(function) 如果想查看对象中是否包含某属性或方法,可以使用语句var a = value in object,如果有,返回true 访问对象中的属性和方法有两种形式,点表示法和方括号表示法&lt...

2018-08-08 09:16:03 242

原创 Vue中props的使用

props属性是父子组件之间的通信桥梁。何为父子组件?从子组件的观点来看,他的上一级实例或组件即为他的父组件。我们知道,处于安全考虑,组件模板里我们无法直接使用父组件的data数据,使用props这个属性可以将父组件的数据传给子组件。html lang="en">head> meta charset="UTF-8"> title>props的测试title> sc

2018-06-14 16:54:40 4942

原创 vue.js之组件那些事

注意:组件是vue.js的核心部分。组件必须得在实例化中的模板中使用。。如果选择注册一个全局组件,组件注册必须要在他的根实例化之前注册,一个组件可以对应多个根实例,根实例也可以对应多个组件。 关于组件的全局注册(注意:组件的注册必须要在根实例化之前,否则会出错,而无法使用。)结合以下代码,实例#app就是my-test的根实例。。。div id="app">//(图一)看看下面两个

2018-01-12 12:10:13 203

原创 vue的渲染

条件渲染v-if、v-else条件渲染,如果条件为真,则显示,否则不显示div v-if="Math.random()>随机数小于0.3,所以我才会显示了呢div>div v-else-if="Math.random()>=0.3 && Math.random()>0.3~0.6之间了。。到我显示了?div>div v-else>随机数大于0.6哈哈,你们都不出来那我自己先

2018-01-10 15:06:29 1434

原创 简单谈谈vue的属性。。。

谈谈vue的属性data。。。。只有当实例被创建时存在的属性才是响应式的,、当这些属性的值发生改变,视图也将会产生响应。。如果有的属性你将来会用到,但现在还不知道值,可以设置一些初始值data { todo: '', lis: true, a1: 34, arr: [], error: null }但要注意下面的方法,会阻止修改现

2018-01-10 14:17:30 696

原创 Git基础命令的使用

分支的创建git checkout -b test1 //参数 -b 表示创建并切换git branch dev //创建分支git checkout dev //切换分支查看当前分支git branch合并分支内容到主分支(前提:分支修改内容已提交)git checkout master //切

2018-01-09 12:27:39 262

原创 Git与远程仓库。。。

有一个github账号由于git与github之间的通信是通过SSH传输的,所以要创建一个SSH key。。。在用户主目录下,查看是否有.ssh目录,如果有,再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件,如果已经有了,克直接跳到下一步。如果没有,打开Git Bash(windows下),创建SSH key:$ ssh-keygen -t rsa -C "252423

2018-01-09 12:23:46 166

原创 git基本命令

GIT(global information tracker),全局信息跟踪器———-一个版本控制工具git bush的应用。* 首先在本地创建一个仓库(repository)1. 创建一个目录2. 将目录初始化为一个仓库Administrator@USERCHI-ESLRVCD MINGW64 ~$ mkdir aha //在当前目录下创建一新目录Admi

2018-01-09 12:17:37 375

原创 第五章----jquery的动画和特效

显示与隐藏show() hide()body> div> span id="span1">我要我的生命得到解放span> span id="span2" style="display:none;">如今我已不在感到迷茫,我想要怒放的生命,就像伫立在彩虹之巅span> input id="input1" type="b

2018-01-09 11:15:06 191

原创 div点击事件的定位。。。。

背景:多个div ,拥有共同点className,点击都触发相同的事件。 功能:触发点击事件的div的背景色变为红色,其他的div背景色为绿色。 实现思路:用$(this)关键字获取触发点击的div,先将所有的出当前div的背景色设置为绿色,再将当前的div背景色设置为红色。 关于$(this):与this的最大区别就在于其是jquery对象,与this相同的都是表示

2018-01-09 10:58:38 1807

原创 《jquery权威指南》读书笔记之第六章--Ajax在jquery中的应用

一、谈谈Ajax,Asynchronous JavaScript and XML的缩写,其核心是通过XMLHttpRequest对象以一种异步的方式,想服务器发送数据请求,并通过该对象接受请求返回的数据,从而完成人机交互的数据操作。这种利用Ajax技术进行的数据交互并不局限与web动态页面,在普通的静态HTML页面中同样可以实现,因此,在这样的背景下,Ajax技术在页面开发中得以广泛使用。

2018-01-05 17:11:24 270

原创 《jquery权威指南》之事件篇

————–冒泡事件————– 事件在触发以后一般分为两个阶段:捕获阶段和冒泡阶段,大多数浏览器都不支持捕获阶段,jquery也不支持捕获,何为冒泡阶段呢,即事件被一层一层触发。点击body、div、input时都可以触发该事件,当点击input以后,input上面的div也被触发了点击事件,最外层的body也被触发了点击事件,由于触发的事件就跟冒泡似的,一层一层往上触发body>

2018-01-05 16:58:12 174

原创 jquery冒泡事件详解

上面四部分无论在代码还是在结果上都存在一定的差异,下面分别对各个部分进行分析:图一代码分析:body,div,#d1,#d2,都存在点击事件,所以当点击input #d2时,先是#d2执行click事件,由于冒泡事件的触发,#d2的上一级div也被触发了点击事件,于是继续执行div的点击事件,从而执行$("#d2").html(“欢迎来到jquery世界”)方法,由于html("")方法会将原

2018-01-05 16:14:14 348

原创 对sass的简单了解

我是在sass中文网这一文档上了解的。同是css的框架之一,在简单了解完less之后,我准备对sass也做个简单的了解,目标不高,能分清less和sass即可。sass文件有两种文件后缀。 一种是.sass,这个文件格式对sass文件有严格的要求,不使用大括号和分号。 另一种是.scss,这个文件格式要求不高,和平常写的css文件格式差不多,使用大括号和分号。 在sass中,使用’$’来

2018-01-05 15:33:32 247

原创 less的简单了解

less文档第一次了解到less,是在看一个讲解vue的视频里得知的,之后一段时间也没空,趁着今天休闲,找到了less的文档,想对less有个简单的了解。 LESS,一种动态样式语言,将css赋予了动态的样式,如变量,继承,运算,函数。变量 1. less变量的定义与css属性的声明类似@color:#f7e65abody{ color:@color;}混合

2018-01-05 14:40:57 254

原创 《jquery权威指南》学习笔记--第二章

印象笔记原稿 该笔记是从我的印象笔记里转出来的,格式有点出入,因此,如果有印象笔记账号的可以通过该链接去看。 ——–对元素属性(attribute)的操作——- 1、获取属性值 attr(name) name为属性的名称,attr(name)用来获取属性name的属性值 Ag: input type="text" title="ss" value="" /> s

2017-12-22 11:25:42 180

原创 vue.js实现点击事件

--> 当前 北京 历史选择 {{ history }} 热门城市 {{ city.text }} css代码#container{ width:300px; height:180px;}/

2017-10-25 16:19:00 7243 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除