自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

翻译 单页应用与多页应用的区别

多页面网站的定义: 每一次页面跳转的时候,后台服务器都会返回一个新的html文件,这种类型的网站就称为多页面网站(多页面应用) 优点:首屏时间快---整个页面展现出来所需要的时间 SEO效果好 首屏时间快的原因:当访问一个页面的时候,服务器返回一个html,然后这个html展现出来,这个...

2019-03-29 17:14:13 800 0

翻译 Vue中需要注意的事项

1、在子component中的data不能是一个对象,必须是一个函数,然后该函数返回一个对象 data(){ retrun { swiperOption:{} } } 2、vue中,如果每个组件发生一个ajax请求,就会造成很大的性能损耗,如何操作可以降低性能损耗 问题:在...

2019-03-29 10:00:15 275 0

原创 在轮播图中去抖动

问题:在页面中存在抖动问题,如下图所示,当网速较慢的时候,图片加载的比较慢,当图片没有加载完前,test是在图片的左上角位置此时不显示图片,当图片加载完,test在图片的左下角,这时候的变化就是页面抖动。 发生抖动的原因:当图片没有加载完成前,img的高度为0,没有将其撑开,等到图片加载完之后,...

2019-03-28 17:43:58 703 0

原创 前端面试十一

98、比较typeof()和instanceof() 通过Object.prototype.toString.call()可以判断所有变量的类型 相同点:JavaScript中typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的 typeof:返回值是一个字符串...

2019-03-22 09:02:17 647 0

原创 前端面试十

46、在做项目的时候有用到哪些基础知识或者说技术栈 面向对象、继承、ajax通信原理、跨域问题、性能优化、公用模块的提取、制作图标icon、代码优化等 1)整个项目使用jquery框架搭建,jquery是js的一个库,他封装了js对象以及事件,从而极大的简化了js的编程,对于操作DOM更加方便...

2019-03-21 16:40:25 295 0

原创 前端面试九

41、请解释事件代理 一篇写的很好的博客:https://blog.csdn.net/majian_1987/article/details/8591385 事件代理的定义: 把一个或者多个元素的事件委托到它的父元素或者更外层元素上,这主要得益于浏览器的事件冒泡机制 事件代理的好处: ...

2019-03-21 16:37:45 465 0

原创 前端面试八

10)Reflect:ES6 为了操作对象而提供的新 API Reflect对象设计的目的: (1)将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflect对象上部署,未来...

2019-03-21 16:35:15 170 0

原创 前端面试七

优化问题-----什么是长缓存?在webpack中如何做到长缓存优化? 浏览器在用户访问页面的时候,为了加快加载速度,会对用户访问的静态资源进行存储,但是每一次代码升级或者更新,都需要浏览器去下载新的代码,最方便和最简单的更新方式就是引入新的文件名称。在webpack中,可以在output给出输...

2019-03-21 16:29:46 229 0

原创 前端面试六

26、用js或jQuery获取id为container的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px。 这里主要是第几个子元素使用css属性nth-child(index),index从1开始 27、请用...

2019-03-21 16:27:04 159 0

原创 前端面试四

11、XMLHttpRequest对象的常用方法和属性XM核 LHttpRequest对象的介绍 Ajax的 心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest...

2019-03-21 16:21:20 176 0

原创 前端面试题三

89、介绍js基本数据类型 1)ECMAScript中有5种基本数据类型: Undefined、Null、Boolean、Number和String 1种复杂的数据类型—Object,Object本质上是由一组无序的名值对组成的 其中Undefined、Null、Boolean、Number...

2019-03-21 16:19:23 5160 0

原创 前端面试五

25、列出你所知道的设计模式并简述 设计模式的定义: ● 设计模式是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。 使用设计模式的目的: ●为了代码的可重用性、可靠性、可维护性、更容易被他人理解 设计模式的分类:主要分为三大类 创建型模式:5种,Factory ...

2019-03-21 16:17:03 81 0

原创 前端面试题二

第二阶段 JavaScript、jQuery、ECMAScript、JSON 1、jQuery this与this区别 $(this)是jquery对象,是用jQuery包装过的javascript中的this,能调用jquery的方法,例如click(), keyup() this则是ht...

2019-03-21 16:07:51 1035 0

原创 前端面试一

前端面试题 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML、HTML、XML的异同 XHTML-Extensible Hypertext Markup Language:可扩展超文本标记语言,以 XML 应用的方式定义的 HTML,更严格更纯净的 HTML 版本 HTML...

2019-03-21 11:33:59 970 0

翻译 生命周期函数、redux的使用(一)

在定义React组件的时候,render()函数返回的html必须只有一个根元素,要想这个根元素不显示并且不占据页面空间,可以从react中引进Fragment组件 JSX语法细节 在JSX里面写注释的方法: 多行注释: {/*注释注释*/} 单行注释: { //注释注释 } ...

2019-03-13 22:03:20 537 0

转载 直接操作DOM一定比虚拟DOM操作耗时,diff算法,key值,虚拟 DOM的定义

直接操作DOM一定比虚拟DOM操作耗时吗? 或者一次直接DOM操作一定比一次虚拟DOM操作耗时吗? 1)虚拟DOM的本质就是一个JS对象,虚拟DOM减少了真实DOM的操作,当修改数据的时候,就是修改虚拟DOM产生全新的虚拟DOM, 新旧虚拟DOM使用diff算法,得到patch(也就是需...

2019-03-13 21:54:45 1486 1

翻译 React组件定义种类,容器型组件,展示型(UI)组件,受控组件,props和state的区别,setState

创建组件有两种方法: 注意:用function构造函数创建无状态组件,只有props,无自己的私有数据和生命周期---用的不多; 注意:class关键字创建有状态组件,有自己的私有属性(this.state)和声明周期---用的比较多 有状态组件和无状态组件的本质区别:有无state属性、有...

2019-03-13 20:29:47 237 0

转载 Git的基本使用

原文地址 git的操作:https://www.cnblogs.com/mr-wuxiansheng/p/6974170.html

2019-03-08 15:26:43 194 0

翻译 库和框架,vue和react的比较

库和框架,vue和react的比较 库:小而巧,只提供API,可以方便的从一个库切换到另外一个库,代码几乎不需要改变 框架:大而全的是框架,,框架与框架之间的切换比较困难 vue和react的比较 一)组件化方面 1)什么是模块化 模块化是从代码的角度进行分析,把一些可复用的代码,...

2019-01-10 19:52:56 430 0

原创 react项目中遇到的bug

1、react-router使用时,在浏览器出错:Attempted import error: 'Link' is not exported from 'react-router   源代码如下:  import React, { Component } f...

2019-01-10 10:06:23 6659 0

翻译 React Bootstrap

react-boostrap是用React重建的bootstrap,完全不依赖于bootstrap和jQuery 1、安装 npm install react-bootstrap@next bootstrap 2、importing 要用到哪些component就引进具体的compone...

2018-12-28 10:35:35 1581 0

转载 FAQ in react,react-transition-group

AJAX  AND  APIs 1、在React中如何调用AJAX? 使用AJAX库:Axios, jQuery AJAX,the browser built-in window.fetch   2、应该在那个生命周期函数中调用AJAX获取数据? 在生命周期函数componentDidM...

2018-12-27 15:40:44 173 0

转载 API reference about React

<一>React 1、Components 作用:将UI分成独立的模块,使独立的模块可以重复使用 Components的定义方式: 1)使用ES6子类语法,React.Component、React.PureComponent 2)不使用ES6子类语法,使用模...

2018-12-26 10:14:49 155 0

翻译 main concepts about react

1、React一共有三个js文件,必须首先加载: <script src="../build/react.js"></script> <script src="../build/...

2018-12-24 19:56:23 129 0

原创 js基础算法题

js基础算法题 正则 1、给定字符串 str,检查其是否包含连续重复的字母(a-zA-Z),包含返回 true,否则返回 false // 在正则表达式中,利用()进行分组,使用斜杠加数字表示引用,\1就是引用第一个分组, // \2就是引用第二个分组。将[a-zA-Z]做为一个分组,然后...

2018-08-26 19:37:09 329 0

原创 jQuery源码学习

jQuery使用上的几大特点: 1、使用$()函数方式直接生成jQuery对象 2、链式调用(在函数的结尾返回this,this的值是根据函数运行的时候确定的)   无new函数创建对象:把 jQuery.prototype.init.prototype = jQuery.prototyp...

2018-08-17 17:01:27 785 0

原创 在express中利用中间件crypto中的MD5进行加密

在express中利用中间件crypto中的MD5进行加密 const crypto = require('crypto'); // 签名对象 let obj = crypto.createHash('md5'); // 加密数据 obj.update(...

2018-08-04 16:47:29 510 0

原创 express的总结

express包含的内容: 1)主体 2)cookie,session 3)数据 4)模板引擎 5)路由 需要用到的插件: express---web框架 express-static------解析静态资源 cookie-parser-------解析cookie,服务端读取客...

2018-08-02 22:28:31 175 0

原创 数据库

后台提供的数据存放在数据库 1、关系型数据库----常用的数据库:MySQL    Oracle     SQLServer    Access   db2   fox   pro   MySQL: 优点:免费、适合中小网站、性能非常不错 缺点:集群、容灾稍微弱一些   Oracle...

2018-08-02 22:28:09 137 0

原创 使用express中提供的Router

在express中使用路由Router:把不同的目录对应到不同的模块,实现功能的分开。相当于一个子服务,有router.post()   router.get   router.use 具体的例子 const express = require('express'); l...

2018-08-02 19:51:15 1386 0

原创 模板引擎jade/ejs,模板适配

后台模板引擎:生成页面,有ejs------温和的,非侵入式,可以往里面加功能,弱依赖; jade------破坏性、侵入式(和普通的html不能共存),强依赖,离开了jade页面就不能工作了 在express中进行模板适配的中间件:consolidate   jade---强依赖 1)j...

2018-07-31 22:26:19 300 0

原创 express中处理cookie/session

1、cookie的处理 设置cookie:给客户端发送cookie,通过res.cookie('属性名',‘值’,{signed:boolean,path:'/',maxAge:毫秒}),req.secret='fdfsdfs' c...

2018-07-31 21:49:45 1885 0

原创 express中的get post use处理,链式操作,封装中间件

1、在express中的get处理表单处理的数据,即服务器获取get方式提交的数据,通过req.query获取提交的数据,格式是json // 客户端代码 <!doctype html> <html> <head&a...

2018-07-31 15:47:34 1056 0

原创 express安装、配置、接受请求、响应

express安装、配置、接受请求、响应 1、在cmd中进入项目的根目录下,安装express:npm  install   express 2、express只是在原生的nodejs中添加了一些功能,保留了原生的 功能 比如res.write()和res.end()都保留,多了res.se...

2018-07-31 08:48:24 927 0

原创 vue中的computed实现原理、vue中响应属性、computed/watch/methods区别

vue中的computed的实现原理---------需要建立数据依赖搜集,动态计算实现原理 1)问题:计算属性如何与属性建立依赖关系?属性发生变化又如何通知到计算属性重新计算? 如何建立依赖关系?----------利用 JavaScript 单线程原理和 Vue 的 Getter 设计,通...

2018-07-23 16:51:08 2436 0

原创 windows常用命令行的操作

1)切换当前目录:cd 2)创建目录:mkdir 3)查看当前目录列表:dir  (windows系统)    别名:ls(list)(Linux系统) 4)清空当前控制台:cls(windows系统)         别名:clear(Linux系统) 5)删除文件:del  (wind...

2018-07-22 21:09:16 170 0

原创 Node的安装

不推荐使用安装包安装 原因: 1)以前版本安装的很多全局的工具包需要重新安装 2)无法回滚到之前的版本 3)无法再多个版本之间切换(很多时候需要特定的版本)   使用NVM的方式安装 1)下载:nvm-windows 2)解压到一个全英文的路径 3)编辑解压目录下的setting...

2018-07-22 21:03:29 102 0

原创 Node.js一些基础概念

Node.js学习课程的安排 Node.js最大的特点就是:非阻塞IO和事件驱动、模块化驱动     Node的基础概念 1)node命令的基本用法 (1)进入REPL环境: node,进入REPL环境  .exit     在REPL环境,可以测试Node的一些代码和模块 进...

2018-07-21 09:57:13 203 0

原创 vue-router路由懒加载

vue-router路由懒加载: 打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载...

2018-07-19 22:00:12 376 0

原创 AMD、CMD、CommonJs、ES6的对比

AMD、CMD、CommonJs、ES6的对比 他们都是用于在模块化定义中使用的,AMD、CMD、CommonJs是ES5中提供的模块化编程的方案,import/export是ES6中定义新增的   什么是AMD、CMD、CommonJs? 他们之间有什么区别? 项目当中是如何使用? ...

2018-07-19 11:15:11 24742 0

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