weixin_zz的博客

原创 项目中.gitignore文件

学习地址：https://github.com/onlynight/ReadmeDemo/tree/master/Readmes/GitIgnore一般.gitignore文件忽略什么直接写入就好了，比如下图为常见的忽略文件写法：

原创 web图像常见

https://mp.weixin.qq.com/s/tiPvz7vh0cQ4Rhc5Oc_ovg

原创 nvm

https://www.jianshu.com/p/64de95b20763实用码了

原创 网络-关于回源，CDN

学习地址：https://juejin.im/post/5af46498f265da0b8d41f6a3一、通过CDN和不通过CDN有什么区别呢：访问CDN的过程：1、一般先访问本地的DNS，如果没有命中，就继续递归或者迭代查询，直到命中拿到对应的IP地址。2、拿出对应的IP地址后，服务器端发送请求到目的地址。这里返回的事全局负载均衡系统的IP地址。3、全局负载均衡系统会根据客户端...

原创 git flow---基于git的源代码管理模型&&远程仓库回滚

http://www.ituring.com.cn/article/56870学习地址一般软件开发有瀑布模型、迭代开发模型、以及新出现的敏捷开发模型一、git分支1、主分支：git flow中分为了主分支和辅助分支两种分支大类，主分支是所有开发活动的核心分支，所有的开发活动产生的输出物最终都会反映到主分支代码中，主分支为master分支和development分支。 1、...

原创 [] == ![] 返回true，js的隐性转换

真值假值：布尔值为false有：false，null，undefined，+0-0，NaN，''布尔值true：除了上面六个布尔值为false，其余全为true1、 boolean( [ ] ) // true 因为在js中除了false，有五个假值，【‘’ 0 null undefined NaN】其余布尔值都是true2、 ...

原创 面向对象的javascript学习

学习地址：https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS一、构造函数和对象的实例：          javascript使用构造函数这种特殊函数来定义对象和功能，我们通过构造函数可以创建所需数量对象的方法。          构造函数通常以大写字母开头     ...

原创 再次学习http

学习来源：https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview 一、http概述：请求一般都是由客户端发给服务器 ，但是中间会有实体（也就是代理）代理：在该请求和响应之间，存在许多实体，统称为代理1.通过http可以控制的功能列表：          1、缓存：服务器可以指示代理和客户端，缓存内容以及缓存时间。客...

原创 axios学习

官方网址：https://www.kancloud.cn/yunye/axios/234845Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中这是在vue中用import引入了package.json中的axios时可以直接使用get 方法：post 方法：执行多个并发请求： ...

转载 vue总结

学习来源：https://segmentfault.com/a/1190000015740490基础知识：​​​​​​​vue的生命周期： beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令： v-for、v-bind（缩写形式:prop）、v-on(缩...

原创 (vue)封装一个ajax以及axios原生写法

封装ajax： axios原生写法：

原创 vue之间传值

一、父子传值用props，父组件中传值自组件中用props收父组件：                    子组件：其中用cellData在父组件中传出去，在子组件中用props接受总结一下：1、子组件在props中创建一个属性，用以接收父组件传过来的值2、父组件中注册子组件3、在子组件标签中添加子组件props中创建的属性4、把需要传给子组件的值赋给该属性 二...

原创 视图理解

像素：    一个像素就是屏幕能够显示一种特定颜色的最小区域    一个设备的尺寸相同，但像素更加密集的时候，看起来越清晰    1、设备像素：就是物理像素，一个设备的物理像素是固定的    2、CSS像素：css一个抽象层    3、这句话告诉浏览器，布局适口的宽度应与理想适口的宽度一样             4、放大手机屏幕，则视觉窗口是缩小的，因为视觉中的像素变少了。所...

原创 自适应common.js，cookie.js，weixin_share.js

common.jscookie.js微信分享weixin_share.js

原创 页面加载前的loading.js

loading.js：loading.css：其中animation : loading(动画名字) 　1.5s(动画执行时间) 　linear(动画执行曲线) 　infinite(动画是否重复执行);loading.html：  

转载 关于HTML5中meta name="viewport" 的用法

移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素。在移动端浏览器中以及某些桌面浏览器中，window对象有一个devicePixelRatio属性，它的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRa...

转载 前端规范

可以看html规范，css规范，js规范规范目的：为了提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构。规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良。页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。一、文件规范1.1 HT...

原创 jq动态生成

原创 hosts

SwitchHosts的使用　　　SwitchHosts帮助我们管理hosts文件，其实就是管理我们自定义ip和域名的映射１、Hosts是一个没有扩展名的系统文件，可以用记事本等工具打开，其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果...

转载 nginx,代理

https://nginx.org/en/nginx学习网址一、nginx是一个http 服务功能和一个反向代理的服务器，一个邮件代理服务和一个TCP/UDP代理服务器二、代理：　　　　正向代理：客户端的请求送给服务器　　　　反向代理：服务器的响应分给客户端三、PV:           PV（Page View）访问量, 即页面浏览量或点击量，衡量网站用户访问的网页数量；...

转载 linux目录结构

 Linux下的文件系统为树形结构，入口为/树形结构下的文件目录：无论哪个版本的Linux系统，都有这些目录，这些目录应该是标准的。各个Linux发行版本会存在一些小小的差异，但总体来说，还是大体差不多。1. /  文件系统的入口，最高一级目录; 2. / bin  基础系统所需要的命令位于此目录，是最小系统所需要的命令，如：ls， cp，mkdir等。这个目录中的文件都是可执行的，一般的用户都可...

原创 AngularJs学习(2)[服务，待更新]

接上一节：八、AngularJs服务：           在AngularJs中，服务是一个函数或对象，可以在你的AngularJs中使用。            AngularJs内建了30多个服务。            １、有$location服务，它可以返回当前页面的URL地址。其中absUrl　　                　　　　　　　　　                结果：　...

原创 AngularJs学习(1)[控制器，过滤器]

http://www.runoob.com/angularjs/angularjs-expressions.html学习文档AngularJs是一个Javascript框架，是一个用js编写的库。引入库 <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></...

转载 npm和bower的关系和区别

前言我们在开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。 于是一个集中管理的工具应运而生：大家都把自己开发的模块打包后放到一个包管理器上，如果要使用，直接通过包管理器安装就可以直接用，不用管代码存在哪，应该从哪下载。因此使用包管理器主要基于以下几个原因：方便的寻找和下载你需要的依赖库...

原创 linux常用语法

因为用的是Ubuntu的，所以需要会的Linux下使用混帐版本控制：        版本控制就是记录对文件，目录或者工程等的历史修改，方便查看更改历史，备份或者是恢复以前的版本等等分布式版本控制：        分布式版本控制系统是把所有的版本信息仓库全部同步到本地，这样就可以在本地查看所有版本历史，可以离线提交，等有网的时候再推到相应的服务器或其他用户那里，由于每个用户那里保存的...

转载 代理与反向代理

 代理与反向代理看到一个很有趣的例子，举例：去饭店==>定外卖（外卖就是代理）==>连锁店提供相同服务（反向代理）以前，如果去吃饭就需要先去餐馆，然后点餐，然后等待菜上桌，菜上齐了可以开始吃饭了。    现在有了外卖系统（代理），我们打个电话或用APP，先选好某个饭店，再点好菜，外卖小哥会送上门来。    由于某个品牌的饭店口碑特别好，顾客特别多，第三方订餐电话也很...

原创 session、storage、cookie

一、各个的特点1.cookie：大小4K；                数据在http请求中携带，每一次都会引发一个http请求，浪费带宽。                cookie数据有path(路径)的概念，可以限制cookie只属于某一个路径下。                cookie在设置的失效日期内都会有效。                cookie在所有同源窗口中都是共享的。...

原创 前端寒假计划

<center>元月一号至元月三十一号</center> 1、HTML1.1块级元素的特点：独占一行支持所有样式不设置宽度时宽度为父元素宽度换行符不解析可以容纳内联元素和其他块元素常见的块元素有：div、ul、ol、li、h1~h6、p、table、address、form、center、dl、dt、dd、menu、hr、内联元素的特点：可以在一行显示不支持宽高，上下mar...

原创 CSS3

学习网址：CSS3学习css3是css的基础上进行修改与增补1: CSS3选择器部分最常用的有：E:nth-child(n)              配父元素中的第n个子元素E；n可以是1,2，3..；odd表示奇数,even表示偶数；E:first-child 匹配父元素中第一个子元素的E元素（不包括后代元素） E:last-child 匹配父元素中最后一个子元素的元素...

原创 ETag、Http缓存、304

1、HTTP的报文：浏览器和服务器间的数据传输                     浏览器请求数据发送“请求报文”给服务器                     服务器返回“响应报文”给服务器                     报文：(1) 报头header【包含缓存相关的信息】                               (2)包含数据的主体2、缓存分为：根据是否需要...

原创 我的前端实习生面经

emmm截止3月27日，我接到过两个电话，也是唯一的两个电话，网易网易一面    2018年3月16日1、自我介绍（自行脑补）2、项目介绍（自行脑补）3、技术栈（根据项目去说）4、有没有用到vue框架        没有用到过但是了解过一些基本的理论知识，见VUE基本知识5、盒子模型      在IE下：默认为（content+padding+border）      在W3C标准下：默认为（co...

原创 DOM、BOM

事件对象必须在一个事件调用的函数里面使用才有内容函数是不是事件函数是由调用时决定的事件从触发到完成响应一般分为3个阶段：捕获阶段，目标阶段，和冒泡阶段。1.4.DOM:                    什么是DOM?DOM是Document Object Model（文档对象模型）的缩写，是W3C的标准，它定义了访问HTML和XML文档的标准：“W3C文档对象模型（DOM）是中立于平台和语言...

原创 浏览器渲染

为什么要了解浏览器加载、解析、渲染这个过程？好，我们先说一下，为什么要了解这些呢？如果想写出一个最佳实践的页面，就要好好了解。了解浏览器如何进行加载，可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，在设置元素属...

原创 MVVM、MVC、发布订阅

最常见的客户端架构有三种：MVC: Model-View-ControllerMVP: Model-View-PresenterMVVM: Model-View-ViewModelMVC：Model View Controller 模型-视图-控制器，简单来说就是通过controller的控制去操作model层的数据，并且返回给view层展示。也可以理解成Massive View Controll...

原创 CommonJs、AMD、CMD、Webpack

CommonJs:        CommonJS是一个偏向于服务器端的规范。CommonJS的一个模块就是一个脚本文件。require命令第一次加载该脚本时就会执行整个脚本，然后在内存中生成一个对象。nodejs和webpack都采用这种规范编写代码。 常用的属性：{ id: '...',     exports: { ... },     loaded: true, ...}    ...

原创 常用正则表达式

常用的正则表达式信用卡 [0-9]{13,16}银联卡 ^62[0-5]\d{13,16}$Visa: ^4[0-9]{12}(?:[0-9]{3})?$万事达：^5[1-5][0-9]{14}$QQ号码： [1-9][0-9]{4,14}手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$身份证：^([...

原创 字符串和数组的方法

数组常用方法：push(尾部添加)                   unshift(首部添加)         arr[2]="朱珠"pop(尾部删除)                    shift(首部删除)             splice(a,b) a为删除起始位置，b为删除个数 slice(a,b) a到b截取             indexOf(查找)concat(连接)...

原创 继承

JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法...

原创 ES6

一、let、const没有变量提升暂时性死区，必须引用前声明块级作用域内才可以使用不可以重复声明，否则会报错二、箭头函数ES6允许使用“箭头”（=>）定义函数如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外...

转载 原型链

原型链：利用原型让一个引用类型继承另外一个引用类型的属性和方法原型链是继承的主要方法简单讲一下构造函数，原型和实例的关系> 每一个函数都有一个原型对象，原型对象都包含一个指向自己的构造器指针，而实例都包含一个指向原型对象内部的指针。如果让原型对象等于另一个类型的实例，结果会怎么样呢？显然，此时的原型对象将包含一个指向另一个原型对象的指针，相应的，另一个原型中也包含着一个指向另一个构造函数的指...