自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 图片上传 https

zepto主要同在移动端和设备商面,只支持比较新的浏览器,性能也好jq主要是兼容性能好,可以泡在各种pc移动上面,好处就是兼容性好,同时考虑兼容我国文艺性能也不够好2,0版本的jq是不支持ie6以及ie7的节流防抖:http与https的区别:1,证书:HTTPS是需要证书的,而且一般都是收费的2,协议http是超文本传输协议,而且是明文传输,https则是ssl+http构建的超文本...

2018-10-24 16:54:55 2022 1

原创 图片上传 https

zepto主要同在移动端和设备商面,只支持比较新的浏览器,性能也好jq主要是兼容性能好,可以泡在各种pc移动上面,好处就是兼容性好,同时考虑兼容我国文艺性能也不够好2,0版本的jq是不支持ie6以及ie7的节流防抖:http与https的区别:1,证书:HTTPS是需要证书的,而且一般都是收费的2,协议http是超文本传输协议,而且是明文传输,https则是ssl+http构建的超文本...

2018-10-24 16:54:55 1836 1

翻译 原型链和作用域链

1,作用域:是针对变量的,特点是先在自己的变量范围中查找,若找不到,会逐级向上找。比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域  全局作用域==>函数1作用域==>函数2作用域var a = 1;function b(){ var a = 2; function c(){ var a = 3; con...

2018-08-16 13:52:06 652

转载 实现文字滚动效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../zk1/js/jquery.min.js" type=&quo

2018-08-14 08:29:24 288

转载 移动端实现移动拨打电话

<a href="tel:1xxxxxxxxxx">拨打1xxxxxxxxxx</a> html5中href中添加了tel: 可以直接调用来拨打电话

2018-08-14 08:17:07 2884

原创 cookie与session的区别:

概念:cookie数据保存在客户端,session数据保存在服务器端。 区别:Cookies是属于Session对象的一种, 1,Cookies不会占服务器资源,“Session”则会占用服务器资源。所以,尽量不要使用Session 2,cookie是不可靠的,session是可靠地,有时候为了解决禁用cookie后的页面处理,通常采用url重写技术,调用session中大量有用的方法从se...

2018-08-13 17:05:47 166

原创 jquery和zepto有什么区别? jQuery和Zepto冲突问题【解决】

jquery体积比较大适合pc端,zepto体积适合移动端,zepto封装了h5的touch事件特殊操作下,项目中同时引入这两个文件时,往往会有些冲突,应该加一句代码避免冲突 <script src="~/js/jquery-2.1.4.js"></script> <script>jQuery.noConflict()&

2018-08-10 09:35:07 477

原创 用css如何实现左侧宽度固定,右侧宽度自适应?

1、flex布局。 2、margin配合float实现。 3、使用calc计算属性。 4使用flex布局 给左边的盒子一个固定的宽度,给右边的盒子一个flex:1

2018-08-10 09:27:20 895

原创 http状态码

http状态码详细 几个常见的状态码:200 OK。 表示从客户端发来的请求在服务器端被正常处理了。 204 No Content。 表示服务器接收的请求已成功处理,但在返回的响应报文中不含实体的主体部分,也不允许返回任何实体的主体。一般在只需要重客户端往服务器发送信息,而对客户端不需要发送新信息内容的情况下使用。 301 Moved Permanently。 永久性重定向。表示请求的...

2018-08-09 13:55:08 116

翻译 原生js进行对首字母大写的demo

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>实现首字母大写的demo</title> </head> <body> &

2018-08-08 15:07:46 2698

转载 简洁星级评价demo

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&gt

2018-08-08 14:58:23 820

转载 vue中如何实现过度动画

1.使用vue的transition标签结合css样式完成动画 2.利用animate.css结合transition实现动画 3.利用 vue中的钩子函数实现动画

2018-08-08 13:55:01 636

转载 js 延迟加载的方式有哪些

1,defer属性 2,async 属性 3,动态创建DOM方式 4,使用jq的getScript方法 5,使用setTimeout延时方法 6,让js最后加载

2018-08-08 13:41:41 1408

原创 react

npm i -g create-react-app create-react-app -h // create-react-app 项目名 npm start

2018-08-07 20:45:23 116

翻译 BFC 是什么?

是一种格式化上下文的属性。 一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可:1、float的值不是none。 2、position的值不是static或者relative。 3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex 4、overflow的值不是visibleBFC是一个独...

2018-08-07 14:50:00 169

原创 react定义组件的方法有哪些?区别是什么?

1,函数式定义的无状态组件 2,es5原生的方式 React.createClass方式 3,es6中extends React.Component定义的组件 区别无状态组件 无法对界面中状态state进行更改,无法实例化,无法对this进行更改,无法访问生命周期 React.createClass方式,extends React.Component定义的组件 可以访问生命...

2018-08-07 14:32:57 924

翻译 代码重构的思路?

1,提取子元素 2,把大家都要使用的方法,放在父类中 3,下移到函数的子类, 4,封装固定的调用逻辑

2018-08-07 14:11:03 352

原创 图片上传的几种方式

1,使用jQuery.from.js来上传 2,使用axios来上传 3,使用ajax配合h5的fromData来上传,服务端会返回一个图片名,图片名提交到数据库

2018-08-07 13:59:55 2504

原创 减低页面加载时间的方法?

1,减少页面http请求的次数 2,使用gulp来合并来压缩js,css代码 3,优化图片格式 4,通过内容分发到网络,提高站点的访问速度,稳定性 5,利用浏览器缓存,最小化重定向措施...

2018-08-07 13:45:58 1498

原创 HTTP与HTTPs之间的区别?

基本概念 是互联网上应用最为广泛的一种超文本传输网络协议,基于客户端和服务器端请求模式,作用是使浏览器更加高效,使网络传输减少。区别 https协议因而需要一定费用 http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 http是无状态的,HTTPS协议可...

2018-08-06 20:56:11 263

原创 系统化面试答题技巧

ajax

2018-08-06 18:54:21 217

转载 vue组件中常见的声明周期函数

1、beforeCreate   在实例初始化之后,数据观测和event/watcher时间配置之前被调用。 2、created   实例已经创建完成之后被调用。 3、beforeMount   在挂载开始之前被调用 4、mounted   el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。 5、beforeUpdate   数据更新时调用 6、updated...

2018-08-05 15:48:45 774

原创 数组排序有哪些方式?

一般有五种,冒泡排序法、快速排序法、选择排序法、插入排序法;es6中的Array.from(new set(数组排序)) 冒泡排序法是通过遍历数组一个一个进行比较,然后按照最大最小值排序。 快速排序法是Arrays类的一个sort()方法。 选择排序法是先选择一个数作为最大或者最小数,来比较确定数组。 插入排序是通过不断插入比较顺序来确定数组的最后的顺序。 ...

2018-08-05 15:47:08 2522

原创 如何开发响应式网站开发?

传统使用boostrap https://v3.bootcss.com/css/muse-ui、http://musecn.cn/?cat=55antd-ui里都有栅格化,https://ant.design/docs/react/introduce-cnh5里也有媒体查询, flex 也可以用百分比和rem布局。...

2018-08-05 15:41:52 2584

原创 vue项目结构是如何搭建的?

1、安装NodeJS环境 2、安装vue-cli(npm install -g vue-cli) 3、初始化项目(vue init webpack 项目名称) 4、安装依赖包(npm install) 5、运行项目(npm run dev)

2018-08-05 15:36:39 280

转载 vue中v-if v-show的区别

12.v-if 和 v-show的区别 共同点是动态显示DOM元素。 区别是:性能消耗 v-if有更高的切换消耗; v-show有更高的初始渲染消耗;

2018-08-05 15:32:46 252

原创 vue自定义指令 vue自身的指令 如果让你写个自定义指令怎么写

// 注册一个全局自定义指令 v-focus Vue.directive(‘focus’, { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } })全局的使用directives...

2018-08-05 15:31:40 669

原创 axios怎么用,怎么将axios在全局调用

先npm安装在页面引用在全局定义时可以将axios绑定到vue原型上main.jsVue.prototype.$http=axios

2018-08-05 15:21:39 3046

原创 es6箭头函数与es5的function区别

1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。上面四点中,第一点尤其值得注意。this对象的指向...

2018-08-05 15:19:49 3056

原创 移动端项目如何解决300ms延迟问题

方案一:禁用缩放当HTML文档头部包含如下meta标签时:<meta name="viewport" content="user-scalable=no"><meta name="viewport" content="initial-scale=1,maximum-scale=1">方案二:更改默认的视口宽度<meta name=&q

2018-08-03 20:21:56 683

原创 事件代理的原理

【1】事件委托也叫事件代理, 【2】事件委托的原理:事件委托是利用事件的冒泡原理来实现的 【3】适合用事件委托的事件:click,mousedown,mouseup,keydown,keyup,keypress。window.onload = function(){ var oUl = document.getElementById("ul1"); oUl.onclick...

2018-08-03 20:12:27 1022

原创 html 常见兼容性问题?

float引起双边距=》用 display解决 引起3像素问题 使用float引起的 使用dislpay:inline -3px 2,z-index问题=》 给父级添加position:relative 3.Min-height 最小高度=》 !Important 解决’ 4.为什么没有办法定义1px左右的宽度容器=》(IE6默认的行高造成的,使用over:hidden,zoom...

2018-08-03 20:00:22 230

原创 vue2.0的三种常用传值方式,并且如何实现?

三种传值方式:父传子 子传父 非父子父传子子传父非父子父组件向子组件传值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&a

2018-08-03 17:24:10 3754

原创 什么是闭包?在开发项目时什么地方用闭包?

闭包就是父函数给子函数传值,解决作用域问题。比如做一个随机抽题功能、选项卡、幻灯片等。一般用setInterval的地方用的比较多。

2018-08-02 20:28:38 5302

转载 CSS 中 link 和@import 的区别是

link链入的方式<link rel="stylesheet" type="text/css" href="index.css"> @import导入的方式<style type="text/css"> @import url('index.css');

2018-08-02 20:27:04 452

原创 Web客户端的几种存储方式

【1】在H5之前,cookie是主要的存储方式。cookie可以兼容到包括ie6以上的所有浏览器。 【2】localStorage的存储周期为永久,只要开发者不手动删除,会一直存在 sessionStorage的存储周期为当前会话,数据会在浏览器会话(browsing session)结束时被清除,即浏览器关闭时 注意:localstorage存储的值只能是字符串的形式,而对于对象,我们需...

2018-08-02 20:06:27 1226

原创 vuex的理解

【1】什么是vuex vuex是vue的一种状态管理机制 ,可让多个vue处于共享的状态,实现组件之间的通讯问题 【2】vuex有什么特点?它是一种响应式的储存方式 ,是通过store的相应状态决定组件是否渲染更新,但是不能直接来改变界面中的状态state,它是通过mutations来追踪状态变化的. 【3】核心概念理解state 界面状态管理 关于状态值的获取,可以通过this.$st...

2018-08-02 19:54:24 361

原创 前段跨域问题

【1】 什么是跨域?是基于浏览器安全的同源策略(协议 域名端口一致叫同源策略) 【2】跨域有哪几种方式? JSONP 通过回调函数来进行跨域获取最终的值 JSONP的优缺点 JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支持;并且在请求完毕...

2018-08-02 19:28:06 206

原创 --GET与POST的区别:

GET:--通过网址传递(放入url中),会将传递的数据放到网址上面,--名字=值&名字=值 --get方式容量小 --安全性低 --有缓存POST:--不通过网址传递 --post容量较大,一般可达2G --安全性相对较高 --没有缓存...

2018-08-02 16:11:38 100

原创 原生ajax封装

// 定义工具方法let Util = { /** * 发送异步请求 * @url 请求的地址 * @fn 请求成功时候的回调函数 **/ getData(url, fn) { // 实例化xhr对象 let xhr = new XMLHttpRequest(); // 监听...

2018-08-02 15:37:05 612

空空如也

空空如也

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

TA关注的人

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