自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 Vue学习笔记(一)

1.什么是Vue?Vue是一套渐进式的框架,Vue被设计为可以自底层向上的应用,可以与第三方库或者既有项目整合。2.声明式渲染?Vue的核心是采用简洁的模板语法来声明式的将数据渲染进DOM系统。所有东西都是响应式的。一个Vue应用会将其挂载到一个DOM元素上(#app),我们不在直接和HTML交互了,HTML 是我们的入口,其余都会发生在新创建的Vue实例内部。3.V- ?带有v-表示Vue的指令,他们是Vue提供的特殊attribute,他们会在渲染DOM上应用特殊的响应式行为。数据不仅可以绑

2020-07-19 00:41:25 267

原创 01 搭建React本地开发环境

一 项目搭建1,安装node.js(检查安装成功 输入node -v和npm -v,成功出现版本号)2,使用淘宝的cnpm,同时设置镜像地址(检查淘宝镜像是否安装成功 cnpm -v)指令:npm install -g cnpm --registry=https://registry.npm.taobao.org3,全局安装react脚手架命令窗口输入:cnpm install -g create-react-app4,进入我们要创建react项目的文件中,在地址栏里输入 cmd 进入cmd窗口

2020-06-02 11:34:08 292

原创 ES6语法 转为ES5 babel配置

下载 node.js http://nodejs.cn/download/开始babel 编译器的配置1.cmd = >2.cd => 进入到项目根目录3.命令: npm init -y =>创建package.json文件此时在根目录下有一个文件4.命令:npm i @babel/core @babel/cli @babel/preset-env -D然后是等待大约1分钟5.命令:npm i @babel/polyfill -S6.进入到项.

2020-05-18 16:13:15 1071

原创 DOM2 DOM3中的遍历

分享一篇 容易理解的文章NodeIerator()treeWalker()相关例子及描述

2020-05-15 17:37:30 149

原创 面试第二题 new 操作符 具体干了什么?

JavaScript new操作符具体干了什么呢?在javascript 只要new 一个函数,就可以new一个对象,这应该算是JavaScript中函数式编程思想,这里主要说明的是 在new的过程中发生了什么?1.具体主要有4个部分:1.创建了一个新对象2.把这个新对象的原型属性(proto)绑定到原函数的prototype属性(就是继承原函数原型)3.把原函数的this指向转移到这个...

2020-04-25 13:40:18 464

原创 面试第一题 http 和 https

HTTP部分:1.http状态码:1xx:表示正在请求数据2xx: 200,204,206, 表示请求成功,204表示只返回一部分数据3xx: 301,302,303 表示你请求的资源确实存在,但你需要一个新的url来访问他4xx: 400,401,403,404 表示请求不到资源:拒绝你的理由有几个,首先是明确说,这没有你要的资源,然后是我有,但我不让你访问(你客户端有问题),接着语气...

2020-04-23 15:07:37 1138 2

原创 JavaScript 深拷贝 递归 手写

今天的学习笔记卸载了自己的网页笔记本上,没有记录到博客,但是学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下:深拷贝:就是拷贝到最底层的属性。function deepCopy(object){ //这里传入一个拷贝的对象 /*这里定义一个返回的新对象,也就是拷贝完成后的对象*/ let newObject = Array.isArray(object) ? []: {}; ...

2020-04-22 21:29:29 395 4

原创 4月20号 对闭包和作用域链的理解

第一个概念:作用域:可以把作用域理解为JS引擎根据标识符查找变量的一套规则。在JS中,我们关注的是词法作用域,词法作用域是由变量所在位置决定的作用域。作用域链(scope chain):代码在执行时,执行环境会创建当前活动对象一个作用域链,每一个执行环境都有一个与之关联的变量对象,这个作用域链可以理解为包含许多变量对象的一个列表,通过变量对象我们可以访问到我们所需要的的数据,作用域的前端始终是...

2020-04-20 22:30:34 180

原创 5.4 引用类型之 string

String 类型1.字符方法2.字符串操作方法3.字符串位置方法4. trim () 方法:5.字符串大小写转换方法:6.字符串模式的匹配方法7.fromCharCode() 静态方法8.Global 对象1.字符方法charAt() 和charCodeAt() ,这两个方法都接收一个参数,即基于0的字符位置。其中charAt()是以单字符字符串形式返回给定位置的那个字符。charCodeA...

2020-04-18 16:23:41 233

原创 5.1 引用类型之 function

function类型:1.函数初认识函数实际上是一个对象,对象就和其他引用类型一样,具有属性和方法。由于函数是一个对象,所以函数名是一个指向函数对象的指针,不会与某个函数绑定。var sum = function(num1, num2){return num1 + num2;};在使用函数表达式时,没有必要使用函数名,通过变量sum就可以引用函数,注意末尾有分号。还有一种是使用构造...

2020-04-17 18:39:12 221

原创 视频学习之函数function 部分

基本功:一句话体现你的能力,经验,遇到什么问题用什么方法,有自己的一套思想。学会企业级开发。编程的思想:高内聚,低耦合。内部代码联系度强,意味着模块化强,低耦合,重复度低,让一个代码块有强的功能性,独立性。栈:stack 堆:heap 域:scope函数名命名规则: 不能数字开头 小驼峰命名法:复合单词:第一个单词小写,之后的单词首字母大写1.为什么叫函数数学中 y = f(x)...

2020-04-16 09:49:01 174

原创 5.2 正则表达式 RegExp

加粗样式距离5.1 有一个星期了,这一个星期主要是画在了练习CSS上,仿写了一个淘宝首页,今天接着看高级程序设计部分:5.2 RegExp 类型1.使用字面量定义2.使用构造函数 RegExp3.RegExp 实例属性:4.RegExp 实例方法:5.使用正则表达式,可以:1.使用字面量定义每个正则表达式可以带有一个或多个标志,用以表明正则表达式的行为:g:表示全局,应用于全局,而不是发...

2020-04-15 13:57:36 280

原创 5.1 引用类型之 Object 和 Array

学习笔记之Object 和 Array引用类型ObjectArray5.1 引用类型5.1.1 Object 类型5.1.2 Array 类型1.检测数组:2.转换方法:3.数组栈方法4.队列方法:5.重排序方法:6.操作方法:7.位置方法:8.迭代方法:9.归并方法:引用类型ObjectArray5.1 引用类型引用类型的值(对象)是引用类型的一个实例。在ECMAScript中,引用类...

2020-04-08 15:11:52 479

原创 js 数据类型转换 垃圾处理机制

**该篇文章是个人看教学视频之后总结的** 1.首先看几道题:百度面试题: let a = 12; let b =a; b = 13; console.log(a);//12 let a = {n:12}; let b = a; b["n"] = 13; console.log(a.n);//13 let a = {n:12}; let b =a; con...

2020-04-08 11:33:07 182

原创 4.1 变量 作用域 内存问题

4.1.1 基本类型和引用类型的值复制变量值:基本类型的复制:复制的是值var num1 = 5;var num2 = num1;引用型变量的复制:复制的是引用,改变其中一个变量,就会影响另一个变量var obj1 = new Object();var obj2 = obj1;obj1.name = “Nicholas”;alert(obj2.name); //“Nichola...

2020-04-07 21:52:27 192

原创 3.1 函数基本概念

3.2.1 操作符1.一元操作符:前置 后置var num1 = 2;var num2 = 20;var num3 = --num1 + num2; // 等于 21var num4 = num1 + num2; // 等于 21前置的num1 和—-num1 值都会减1var num1 = 2;var num2 = 20;var num3 = num1-- + num2; //...

2020-04-06 21:17:27 260

原创 H5拖放API:实现自动生成相框

实现功能: 将桌面图片拖入指定地方,生成相框和相关信息。相框需要自己配置,设置为背景,在CSS中设置。效果如图:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200406165702739.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6...

2020-04-06 17:00:05 2363 5

原创 2.1 认识script和基本数据类型

2.1 < script >元素在html页面中插入JavaScript的方法主要是使用script元素,他有几个属性: async: 表示应立即下载脚本,但不应妨碍页面中的而其他操作,比如下载资源或等待其他等待加载的脚本,只对外部脚本有效。 defer: 表示文档可以延迟到文档完全被解析和显示之后再执行,只对外部脚本有效。 src: 包含要执行代码的外部文件路径,可以为...

2020-04-06 14:44:09 444

原创 1.1 初识javascript

1.1 JavaScript实现JavaScript跟ECMAScript不是一个东西,关系如下: ECMAScript是核心部分,定义了语法规则 DOM是文档对象模型,定义了操作文档的方法 BOM是浏览器对象模型,定义了操作浏览器窗口的方法1.1.1 什么是DOM?DOM把整个页面映射成一个多层次的节点结构,HTML或XML页面中的每个组成部分都是某个类型的节点,每个节点下包...

2020-04-06 11:07:57 341

原创 canvas 实现 简单钟表绘制

给大家分享一个canvas的时钟绘制复制可直接使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> h1 { text-align: center; } di...

2020-04-05 20:10:51 2145 3

原创 JS 实现简单计算器 快速

直接上图HTML部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>我的第一个计算器</title> <link rel="stylesheet" href="计算器.css" /> <script src="计算器...

2020-04-03 23:41:55 437 1

原创 最简单的九九乘法表打印

思前考后,目前能做的代码量最少的九九乘法表,在之前的基础上进阶:17行代码实现打印九九乘法表<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="jquery/jquery-3.4.1.js"></script><!--引入jQue...

2020-04-03 10:49:38 727

原创 简单的打印九九乘法表

个人感觉比较简单的jQuery实现九九乘法表,欢迎私信各种简单代码。需要引入jQuery库HTML部分,样式可自己设计, 主要看JS部分,<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="....

2020-04-02 22:36:45 976

空空如也

空空如也

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

TA关注的人

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