- 博客(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
2118
原创 图片上传 https
zepto主要同在移动端和设备商面,只支持比较新的浏览器,性能也好jq主要是兼容性能好,可以泡在各种pc移动上面,好处就是兼容性好,同时考虑兼容我国文艺性能也不够好2,0版本的jq是不支持ie6以及ie7的节流防抖:http与https的区别:1,证书:HTTPS是需要证书的,而且一般都是收费的2,协议http是超文本传输协议,而且是明文传输,https则是ssl+http构建的超文本...
2018-10-24 16:54:55
1934
翻译 原型链和作用域链
1,作用域:是针对变量的,特点是先在自己的变量范围中查找,若找不到,会逐级向上找。比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域 全局作用域==>函数1作用域==>函数2作用域var a = 1;function b(){ var a = 2; function c(){ var a = 3; con...
2018-08-16 13:52:06
688
转载 实现文字滚动效果
<!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
316
转载 移动端实现移动拨打电话
<a href="tel:1xxxxxxxxxx">拨打1xxxxxxxxxx</a> html5中href中添加了tel: 可以直接调用来拨打电话
2018-08-14 08:17:07
2962
原创 cookie与session的区别:
概念:cookie数据保存在客户端,session数据保存在服务器端。 区别:Cookies是属于Session对象的一种, 1,Cookies不会占服务器资源,“Session”则会占用服务器资源。所以,尽量不要使用Session 2,cookie是不可靠的,session是可靠地,有时候为了解决禁用cookie后的页面处理,通常采用url重写技术,调用session中大量有用的方法从se...
2018-08-13 17:05:47
210
原创 jquery和zepto有什么区别? jQuery和Zepto冲突问题【解决】
jquery体积比较大适合pc端,zepto体积适合移动端,zepto封装了h5的touch事件特殊操作下,项目中同时引入这两个文件时,往往会有些冲突,应该加一句代码避免冲突 &lt;script src="~/js/jquery-2.1.4.js"&gt;&lt;/script&gt; &lt;script&gt;jQuery.noConflict()&
2018-08-10 09:35:07
525
原创 用css如何实现左侧宽度固定,右侧宽度自适应?
1、flex布局。 2、margin配合float实现。 3、使用calc计算属性。 4使用flex布局 给左边的盒子一个固定的宽度,给右边的盒子一个flex:1
2018-08-10 09:27:20
947
原创 http状态码
http状态码详细 几个常见的状态码:200 OK。 表示从客户端发来的请求在服务器端被正常处理了。 204 No Content。 表示服务器接收的请求已成功处理,但在返回的响应报文中不含实体的主体部分,也不允许返回任何实体的主体。一般在只需要重客户端往服务器发送信息,而对客户端不需要发送新信息内容的情况下使用。 301 Moved Permanently。 永久性重定向。表示请求的...
2018-08-09 13:55:08
162
翻译 原生js进行对首字母大写的demo
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>实现首字母大写的demo</title> </head> <body> &
2018-08-08 15:07:46
2744
转载 简洁星级评价demo
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt
2018-08-08 14:58:23
871
转载 vue中如何实现过度动画
1.使用vue的transition标签结合css样式完成动画 2.利用animate.css结合transition实现动画 3.利用 vue中的钩子函数实现动画
2018-08-08 13:55:01
675
转载 js 延迟加载的方式有哪些
1,defer属性 2,async 属性 3,动态创建DOM方式 4,使用jq的getScript方法 5,使用setTimeout延时方法 6,让js最后加载
2018-08-08 13:41:41
1446
原创 react
npm i -g create-react-app create-react-app -h // create-react-app 项目名 npm start
2018-08-07 20:45:23
141
翻译 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
236
原创 react定义组件的方法有哪些?区别是什么?
1,函数式定义的无状态组件 2,es5原生的方式 React.createClass方式 3,es6中extends React.Component定义的组件 区别无状态组件 无法对界面中状态state进行更改,无法实例化,无法对this进行更改,无法访问生命周期 React.createClass方式,extends React.Component定义的组件 可以访问生命...
2018-08-07 14:32:57
1006
原创 图片上传的几种方式
1,使用jQuery.from.js来上传 2,使用axios来上传 3,使用ajax配合h5的fromData来上传,服务端会返回一个图片名,图片名提交到数据库
2018-08-07 13:59:55
2567
原创 减低页面加载时间的方法?
1,减少页面http请求的次数 2,使用gulp来合并来压缩js,css代码 3,优化图片格式 4,通过内容分发到网络,提高站点的访问速度,稳定性 5,利用浏览器缓存,最小化重定向措施...
2018-08-07 13:45:58
1566
原创 HTTP与HTTPs之间的区别?
基本概念 是互联网上应用最为广泛的一种超文本传输网络协议,基于客户端和服务器端请求模式,作用是使浏览器更加高效,使网络传输减少。区别 https协议因而需要一定费用 http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 http是无状态的,HTTPS协议可...
2018-08-06 20:56:11
289
转载 vue组件中常见的声明周期函数
1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。 2、created 实例已经创建完成之后被调用。 3、beforeMount 在挂载开始之前被调用 4、mounted el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。 5、beforeUpdate 数据更新时调用 6、updated...
2018-08-05 15:48:45
810
原创 数组排序有哪些方式?
一般有五种,冒泡排序法、快速排序法、选择排序法、插入排序法;es6中的Array.from(new set(数组排序)) 冒泡排序法是通过遍历数组一个一个进行比较,然后按照最大最小值排序。 快速排序法是Arrays类的一个sort()方法。 选择排序法是先选择一个数作为最大或者最小数,来比较确定数组。 插入排序是通过不断插入比较顺序来确定数组的最后的顺序。 ...
2018-08-05 15:47:08
2565
原创 如何开发响应式网站开发?
传统使用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
2631
原创 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
309
转载 vue中v-if v-show的区别
12.v-if 和 v-show的区别 共同点是动态显示DOM元素。 区别是:性能消耗 v-if有更高的切换消耗; v-show有更高的初始渲染消耗;
2018-08-05 15:32:46
285
原创 vue自定义指令 vue自身的指令 如果让你写个自定义指令怎么写
// 注册一个全局自定义指令 v-focus Vue.directive(‘focus’, { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } })全局的使用directives...
2018-08-05 15:31:40
715
原创 axios怎么用,怎么将axios在全局调用
先npm安装在页面引用在全局定义时可以将axios绑定到vue原型上main.jsVue.prototype.$http=axios
2018-08-05 15:21:39
3099
原创 es6箭头函数与es5的function区别
1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。上面四点中,第一点尤其值得注意。this对象的指向...
2018-08-05 15:19:49
3130
原创 移动端项目如何解决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
721
原创 事件代理的原理
【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
1059
原创 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
288
原创 vue2.0的三种常用传值方式,并且如何实现?
三种传值方式:父传子 子传父 非父子父传子子传父非父子父组件向子组件传值&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&a
2018-08-03 17:24:10
3805
原创 什么是闭包?在开发项目时什么地方用闭包?
闭包就是父函数给子函数传值,解决作用域问题。比如做一个随机抽题功能、选项卡、幻灯片等。一般用setInterval的地方用的比较多。
2018-08-02 20:28:38
5360
转载 CSS 中 link 和@import 的区别是
link链入的方式&lt;link rel="stylesheet" type="text/css" href="index.css"&gt; @import导入的方式&lt;style type="text/css"&gt; @import url('index.css');
2018-08-02 20:27:04
489
原创 Web客户端的几种存储方式
【1】在H5之前,cookie是主要的存储方式。cookie可以兼容到包括ie6以上的所有浏览器。 【2】localStorage的存储周期为永久,只要开发者不手动删除,会一直存在 sessionStorage的存储周期为当前会话,数据会在浏览器会话(browsing session)结束时被清除,即浏览器关闭时 注意:localstorage存储的值只能是字符串的形式,而对于对象,我们需...
2018-08-02 20:06:27
1275
原创 vuex的理解
【1】什么是vuex vuex是vue的一种状态管理机制 ,可让多个vue处于共享的状态,实现组件之间的通讯问题 【2】vuex有什么特点?它是一种响应式的储存方式 ,是通过store的相应状态决定组件是否渲染更新,但是不能直接来改变界面中的状态state,它是通过mutations来追踪状态变化的. 【3】核心概念理解state 界面状态管理 关于状态值的获取,可以通过this.$st...
2018-08-02 19:54:24
404
原创 前段跨域问题
【1】 什么是跨域?是基于浏览器安全的同源策略(协议 域名端口一致叫同源策略) 【2】跨域有哪几种方式? JSONP 通过回调函数来进行跨域获取最终的值 JSONP的优缺点 JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支持;并且在请求完毕...
2018-08-02 19:28:06
228
原创 --GET与POST的区别:
GET:--通过网址传递(放入url中),会将传递的数据放到网址上面,--名字=值&名字=值 --get方式容量小 --安全性低 --有缓存POST:--不通过网址传递 --post容量较大,一般可达2G --安全性相对较高 --没有缓存...
2018-08-02 16:11:38
136
原创 原生ajax封装
// 定义工具方法let Util = { /** * 发送异步请求 * @url 请求的地址 * @fn 请求成功时候的回调函数 **/ getData(url, fn) { // 实例化xhr对象 let xhr = new XMLHttpRequest(); // 监听...
2018-08-02 15:37:05
643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人