自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

顺其自然~专栏

思路决定出路,科技创造奇迹。

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

转载 Webpack模块的导出以及之间的依赖引用

一、 模块化开发模块化开发说白了就不必在html页面,引用所有的js文件。所有的js文件都进行模块化设置,模块之间可以相互引用。Webpack模块化开发是使用module.exports进行相关方法和属性的导出,提供其它模块使用。 每个模块都有自己的作用域, 并且每个模块的属性和方法都是局部的,其它的模块是无法使用,所以,如果模块要使用其它模块的属性或者方法,必须使用module.exports进行导出,这个方案使用了闭包。module.exports的导出命令:属性:module.expo...

2020-05-30 13:33:16 221

转载 webpack原理探究 && 打包优化

  在做vue项目和react项目时,都用到了webpack。webpack帮助我们很好地提高了工作效率,但是一直以来没有对其原理进行探究,略有遗憾。 因为使用一个工具,能够深入了解其原理才能更好地使用。 这篇文章将大致分为三个部分进行解读:webpack打包简单介绍 输入webpack后发生了什么,整个运行机制大致是怎样的? 如何理解打包出的bundle.js? 如何实现一个简单的webpack打包工具? 打包优化第一部分: webpack打包简单介绍  当一个项目使...

2020-05-30 10:42:21 1085 1

原创 powershell

powershell是系统工具(强大的壳),是对cmd(命令提示符,command)的扩展,其中多了很多操作,比如管道操作。cmd是进入dos系统的命令,输入cmd进入的是dos系统,可以进行命令提示符操作。Windows PowerShell 是专为系统管理员设计的新 Windows 命令行 shell。Windows PowerShell 包括交互式提示和脚本环境,两者既可以独立使用也可以组合使用。与接受和返回文本的大多数 shell 不同,Windows PowerShell 是在 .NE

2020-05-29 16:27:28 275

转载 NPM简介

是什么?NPM的全称是Node Package Manager(节点包管理器),从名字上可以看出他是Node.js的一个包管理工具,它是随Node一起安装的。能做什么?从NPM服务器下载别人写好的包或命令行程序到本地直接使用。 将自己写好的包或命令行程序上传到NPM服务器供别人使用。怎么用?1、安装更新npm不需要特意安装,在安装Node的时候,会连带一起安装,但是有可能安装的时候npm不是最新版本,我们需要升级一下。升级到最新版本sudo npm install np

2020-05-29 10:31:35 162

原创 TypeScript

源起Tim Berners-Lee 于1989年发明了万维网并于1991年对外发布了世界上第一个网页浏览器 WorldWideWeb,从此拉开了 Web 时代的序幕。1994 年网景公司(Netscape)发布了 Navigator 浏览器 0.9 版本,这是历史上第一个比较成熟的网络浏览器,轰动一时。1995 年,受雇于 Netscape 的 Brendan Eich 用了十天时间设计出了 JavaScript。之后便开启了浏览器兼容和争夺的至暗时刻,到 1997 年 ECMA 组织开始发布公

2020-05-29 10:18:24 230

原创 “use strict” 严格模式使用

ECMAscript5添加一种严格模式的运行模式("use strict"),让你的js语句在更加严格的环境下进行运行;一、主要作用:消除版本javascript中一些不合理及不严谨之处,减少怪异行为 提高编译效率,提高运行速度 为新版本的javasript做铺垫兼容二、如何使用启动严格模式的标志就是,在开头第一行中添加"use strict"字符串,在低版本的浏览器,或是说js引擎中,只是把这个标志当做一句字符串而已,而支持ES5的浏览器会进行启动“严格模式”;具体有两种调用方式:1、针

2020-05-29 09:32:32 334

转载 Javascript的5种基本数据类型总结

ECMAScript中有5种基本数据类型,分别是:Undefined,Null,Boolean,Number和String,还有一种复杂数据类型Object,Object本质上是由一组无序的名值对组成的。(这里就不细细讲述了)typeof操作符typeof操作符是负责检测给定变量的数据类型,下面是几个使用typeof操作符的例子这说明typeof操作符可以是变量,可以是数值字面量。注意,typeof是一个操作符而不是一个函数,因此例子中的圆括号尽管可以使用,但不是必须的。调用typeof null

2020-05-29 09:01:35 233

转载 Vuex的五个核心概念

Vuex是什么?VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念,state,getters,mutations,actions,modules。本文将对这个五个核心概念进行梳理。总结state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据的方法,同步!actions => ...

2020-05-28 17:33:37 235

转载 js Object方法大全

Object 静态方法总结create 创建一个对象const obj = Object.create({a:1}, {b: {value: 2}})第一个参数为对象,对象为函数调用之后返回新对象的原型对象,第二个参数为对象本身的实例方法(默认不能修改,不能枚举)obj.__proto__.a === 1 // true obj.b = 3;console.log(obj.b) // 2//创建一个可写的,可枚举的,可配置的属性pobj2 = Object.c

2020-05-28 16:09:16 212

转载 js中的prototype、__proto__与constructor

1. 前言  作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,在两下划线之间加入了一个空格:_ _proto_ _,读作“dunder proto”,“double underscore proto”的缩写),实际上,该属性在ES标准定义中的名..

2020-05-28 15:35:37 173

转载 js中的 || 与 && 运算符详解

js中逻辑运算符在开发中可以算是比较常见的运算符了,主要有三种:逻辑与&&、逻辑或||和逻辑非!。当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下:1.&&1.1两边条件都为true时,结果才为true;1.2如果有一个为false,结果就为false;1.3当第一个条件为false时,就不再判断后面的条件注意:当数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值;

2020-05-28 14:31:50 198

转载 JavaScript this 关键字

面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。在方法中,this 表示该方法所属的对象。 如果单独使用,this 表示全局对象。 在函数中,this 表示全局对象。 在函数中,在严格模式下,this 是未定义的(undefined)。 在事件中,this 表示接收事件的元素。 类似 call() 和 apply() 方法可以将 this 引用到任何对象。实例var person = {

2020-05-28 13:21:16 97

转载 科普一下SM系列国密算法(从零开始学区块链)

众所周知,为了保障商用密码的安全性,国家商用密码管理办公室制定了一系列密码标准,包括SM1(SCB2)、SM2、SM3、SM4、SM7、SM9、祖冲之密码算法(ZUC)那等等。(SM是商密的意思)其中SM1、SM4、SM7、祖冲之密码(ZUC)是对称算法;SM2、SM9是非对称算法;SM3是哈希算法。目前,这些算法已广泛应用于各个领域中,期待有一天会有采用国密算法的区块链应用出现。其中SM1、SM7算法不公开,调用该算法时,需要通过加密芯片的接口进行调用;比较少人了解这些算法,在这里对这些国.

2020-05-23 14:33:42 1987

转载 CSS3 选择器

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选

2020-05-22 16:53:08 95

转载 es5和es6的区别

什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。动态:在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。弱类:计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型。原型:新对象继承对象(作为模版),将自身的属性共享给新对象,模版对象称为原型。这样新对象实例化后不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属

2020-05-22 09:20:36 160

转载 Js中的数据属性和访问器属性

在javaScript中,对象的属性分为两种类型:数据属性和访问器属性。一、数据属性1.数据属性:它包含的是一个数据值的位置,在这可以对数据值进行读写。2.数据属性包含四个特性,分别是:configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为trueenumerable:表示能否通过for-in循环返回属性(enumerable是可枚举的意思)writable:表示能否修改属性的值value:包含...

2020-05-21 09:22:12 151

转载 MVC、MVP、MVVM模式的概念与区别

1. MVC框架MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。MVC框架模式图1.1 MVC 编程模式MVC 是一种使用 MVC(Model View

2020-05-21 08:39:33 457

转载 深入理解vue.js双向绑定的实现原理

vue.js是MVVM(模型到视图和视图到模型)结构的,同类的还有AngularJs;至于MVC、MVP、MVVM的比较网上已经有很多了,这样不再重复。这篇文章将给大家深入的介绍vue.js双向绑定的实现原理,有需要的朋友们可以参考借鉴,下面跟着小编一起来看看吧。前言大家都知道Vue.js最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。本文仅探究几乎所有Vue的开篇介绍都会提到的hello world双向绑定是怎样实现的。先讲涉及的知识点,再参考源码,用尽可能少的代码实现那个hello

2020-05-15 17:40:52 203

转载 DOM模型

DOM和DOM节点1.DOMDOM是Javascript操作网页的接口,全称叫文档对象模型(Document Object Model)。它的作用是将网页转化为一个Javascript对象,从而用Javascript脚本进行各种操作(比如增删元素等)。2.DOM节点DOM的最小组成单位就是节点(node)。DOM树就是由不同类型的节点组成。每个节点可以看成是DOM树上的叶子。在DOM中,节点的类型一共有7种Document:整个文档树的顶层节点; DocumentType:dot

2020-05-15 17:28:44 113

转载 NPAPI 为什么会被 Chrome 禁用

其实何止是Chrome, 几乎所有的浏览器厂商都在淘汰/去掉NPAPI的支持那么 NPAPI 到底出了什么问题?NPAPI全称叫 Netscape plugin API(网景插件API), 你没有看错,就是那个当年被微软一棒子打死了好多年的 Netscape。很久以前, Netscape 发明了NPAPI 这个种架构,来帮助浏览器渲染一些HTML没有的东西。比如 PDF, 视频等等。事实上, NPAPI 插件架构是个非常好的架构, 一共就40几个API, 相对于另外一种浏览器插件架构: Act

2020-05-15 09:42:31 469

转载 Okhttp3基本使用

I.简介HTTP是现代应用常用的一种交换数据和媒体的网络方式,高效地使用HTTP能让资源加载更快,节省带宽。OkHttp是一个高效的HTTP客户端,它有以下默认特性:支持HTTP/2,允许所有同一个主机地址的请求共享同一个socket连接 连接池减少请求延时 透明的GZIP压缩减少响应数据的大小 缓存响应内容,避免一些完全重复的请求当网络出现问题的时候OkHttp依然坚守自己的职责,它会自动恢复一般的连接问题,如果你的服务有多个IP地址,当第一个IP请求失败时,OkHttp会交替尝试你

2020-05-13 22:49:03 181

转载 数据统计分析常用指标

在进行数据分析时,经常会遇到一些分析指标或术语。这些术语是帮助我们打开思路,通过多个角度对数据进行深度解读,可以说是前人已经总结和使用的数据分析方法。下面是数据统计分析常用的指标或术语:    1.平均数  一般指算术平均数。算术平均数是指全部数据累加除以数据个数。它是非常重要的基础性指标。  几何平均数:适用于对比率数据的平均,并主要用于计算数据平均增长(变化)率。  加权平均数:普通的算术平均数的权重相等,算术平均数是特殊的加权平均数(权重都是1)。  例如,某人射击十次,其中...

2020-05-13 14:12:28 452

转载 windows命令行设置IP与DNS

平时我们改IP通常都在是窗口界面本地连接直接修改,那在命令行也可以设置IP地址?当然可以,这里要用到netsh命令(net shell)点击“开始”->“运行”,输入“cmd”,回车,一、设置IP设置动态获取IP地址(DHCP)输入 netsh interface ip set address name="本地连接" source=dhcp设置固定IP 例如要改成IP 为192.168.0.3 掩码为255.255.255.0 网关为192.168.0.1netsh interface

2020-05-13 08:28:51 166

转载 Android SDK是什么

SDK (Software Development Kit) 软件开发工具包是软件开发工程师用于为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。AndroidSDK 就是 Android 专属的软件开发工具包。Android SDK 目录结构Android SDK 解压即可完成安装,其中包含的文件、文件夹如图 1 所示。图 1 Android SDK 目录结构图1) add-ons该目录中存放 Android 的扩展库,比如 Google Maps,但若..

2020-05-11 21:29:38 317

转载 智能手机及操作系统

什么是智能手机智能手机(Smart Phone)是指“像个人电脑一样具有独立的操作系统,可以由用户自行安装软件、游戏等第三方服务商提供的程序,通过此类程序来不断对手机的功能进行扩充,并可以通过移动通信网络来实现无线网络接入”的这样一类手机的总称。“智能手机”这个说法主要是针对“功能手机(Feature Phone)”而言的,本身并不意味着这个手机有多“智能”;从另一个角度来讲,所谓的“智能手机”就是一台可以像电脑那样随意安装和卸载应用软件的手机,而“功能手机”则不能。Java的出现使后来的“功能.

2020-05-11 21:14:51 444

转载 android简介

Android(安卓)是一种基于Linux内核(不包含GNU组件)的自由及开放源代码的操作系统。主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。Android操作系统最初由Andy Rubin开发,主要支持手机。2005年8月由Google收购注资。2007年11月,Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。随后Google以Apache开源许可证的授权方式,发布了Android的源代码。第一部Androi

2020-05-09 22:51:22 394

转载 android inflater 用法

在实际开发中LayoutInflater这个类还是非常有用的(inflater是充气机的意思,这是是指填充),它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件,并且实例化;而findViewById()是找xml布局文件下的具体widget控件(如 Button、TextView等)(widget是小器具,小装置的意思,这里指控件)。 具体作用:1、对于一个没有被载入或者想要动态载入的界面,都需要使用LayoutInflat

2020-05-09 22:05:54 69

转载 this与super

thisthis三大作用:this调用属性、调用方法、利用this表示当前对象。this是自身的一个对象,代表对象本身,可以理解为:指向对象本身的一个指针。this的用法在java中大体可以分为3种:1.普通的直接引用这种就不用讲了,this相当于是指向当前对象本身。2.形参与成员名字重名,用this来区分:class Person { private int age = 10; public Person(){ System.out.println

2020-05-09 21:49:00 47 1

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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