l624702662的博客

原创 Element ui如何使用上传图片组件的最基本方法

Element ui 在使用上传图片组件时 它的action 要带上上传图片的接口地址如action=“http://124.70.143.192:8081/file/upLoadidfront”然后在下面加上字段名 如name=file1这个名字和input发送上传图片时所取的name属性是一个意思,这样就可以成功调用后台给的上传图片的接口了...

原创 调试只有在微信环境下才能显现的网页

当遇到只有在微信环境下才能显示的页面时,我们可以使用 Live Server这个插件特别是在遇到要修改微信公众号上面的在线商场的时候

原创 在postCss中配置rootValue的显示

原创 渐进增强和优雅降级之间的不同

渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安

转载 innwHTML和document.write()的区别

使用document.write()向文档中写入内容时，document.write()中的内容会将文档中的原本内容给覆盖掉而innwHTML则不会覆盖掉原来的元素

原创 构造函数创建对象

构造函数创建对象创建对象的三种方式:字面量方式new 关键字借用构造函数new执行做的四件事情:在内存中创建一个新的空对象。让 this 指向这个新的对象。执行构造函数里面的代码，给这个新对象添加属性和方法。返回这个新对象（构造函数里面不需要 return ）。成员：在构造函数中的属性和方法我们统称为成员实例成员:构造函数内部通过this添加的成员,实例成员只能通过实例化的对象来访问静态成员:在构造函数本身上添加的成员,只能通过构造函数来访问,不能通过由构造函数创建的实例访问构

原创 原型链

原型链原型：每一个构造函数都有一个 prototype 属性，指向另一个对象。这个 prototype 就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。原型的作用：资源共享。实例对象原型：实例对象有一个属性 proto 指向构造函数的 prototype 原型对象。实例对象原型__proto__和构造函数的prototype是等价的。方法的查找规则：首先先看对象身上是否有方法,如果有就执行这个对象上的方法，如果么没有这个方法,因为有__proto__ 的存在,就去构造函数原型对象pr

原创 清除浮动有几种方式

清除浮动有几种方式1、父级 div 定义 height 原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。 简单、 代码少、容易掌握 ，但只适合高度固定的布局.2、结尾处加空 div 标签 clear：both 原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动， 让父级 div 能自动获取到高度 ，如果页面浮动布局多，就要增加很多空 div，让人感觉很 不好 .3、父级 div 定义 伪类：after 和

原创 遇到过的兼容问题的一些解决方法

遇到过的兼容问题的一些解决方法1、png24 位的图片在 iE6 浏览器上出现背景，解决方案是做成 PNG8.2、浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的{margin：0;padding： 0;}来统一。3、IE6 双边距 bug：块属性标签 float 后，又有横行的 margin 情况下，在 ie6 显示 margin 比设置的大。浮动 ie 产生的双倍距离 #itcast{ float：left; width：10px; margin：0 0 0 100px

原创 CSS 中的渐进增强，优雅降级之间的区别

CSS 中的渐进增强，优雅降级之间的区别？优雅降级和渐进增强印象中是随着 css3 流出来的一个概念。由于低级浏览器不支持 css3，但 css3 的效果又太优秀不忍放弃，所以在高级浏览中使用 css3 而低级浏览器只保证 最基本的功能。咋一看两个概念差不多，都是在关注不同浏览器下的不同体验，关键的区别 是他们所侧重的内容，以及这种不同造成的工作流程的差异。举个例子：a{ display：block； width：200px； height： 100px； background：aquamarin

原创 对浏览器内核的理解和常见的浏览器内核

介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？答、要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们 一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个 应用 HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏 览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里 的渲染（显示）效

原创 JavaScript 的同源策略

JavaScript 的同源策略同源：协议、域名、端口全部相同才是同源，考虑到安全性，不同源之间不能够进行数据通信解决不同源通信问题：①通过 iframe，虽然 iframe 属性中 sandbox 将安全性提升到了最高，但是我们可以通过他的不同的属性值开放不同的安全方面的限制。通过 allow-same-origin 以及 allow-scripts 开放出来对不同源之间数据的传递以及cookie 或 localstorage 的信息共享②在 Ajax 使用方面，不同源意味着发送请求出现 Ac

原创 IE 和 DOM 事件流的区别

IE 和 DOM 事件流的区别？事件执行的顺序不同IE：IE 的事件执行顺序采用冒泡形式，从事件触发的元素开始，逐级冒泡到 DOM 根节点DOM 事件流：支持两种事件模型，即冒泡和捕获，但是捕获先开始，冒泡后发生，捕获从 DOM 根开始到事件触发元素为止，然后再从事件触发的元素冒泡到 DOM 根，从 DOM 根出发最后又回到了 DOM 根监听器的监听方式不同IE：通过 attachEvent 和 detachEvent 来进行监听与移除DOM：通过 addEventListener 和 rem

原创 事件绑定和普通事件的区别

事件绑定和普通事件有什么区别？事件绑定例子：DOM 元素.addEventListener(事件类型，事件处理函数)普通事件例子：DOM 元素.事件类型 = function(){事件处理函数}对于事件绑定来说，同一个 DOM 元素上面绑定同样的事件类型时，可以绑定多个事件处理函数，实际解决了多人开发情况下造成的时间处理覆盖的情况（污染），而如果使用普通事件来解决这个问题的时候会造成后写的代码将前写的代码进行了重写操作，造成环境污染。实际开发的时候可以视情况而定，来选择绑定事件的方式。.

原创 split()和 join()的区别

split()和 join()的区别Split 为字符串对象上的方法：Split 做切割操作，将一个字符串以指定的内容进行切割，并组成一个数组join 为数组对象上的方法：join 做拼接操作，将一个数组以指定的内容进行拼接，并组成一个字符串...

原创 JavaScript 显式类型转换和隐式类型转换的示例

JavaScript 显式类型转换和隐式类型转换的示例。①、显式类型转换显式转换往往通过函数或者方法，明确表示要转换完毕的类型，例如：Number()String()Boolean()再例如：parseInt()parseFloat()再例如：toString()valueOf()对象到字符串的转换经过了如下步骤：如果对象具有 toString()方法，则调用这个方法。如果它返回一个原始值，js 将这个值转换成字符串，并返还这个字符串。如果对象没有 toString()方法，或

原创 HTML 语义化

HTML 的语义化（1）HTML 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；（2）即使在没有样式 CSS 的情况下也能以一种文档格式显示，并且是容易阅读的；（3）搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，有利于 SEO；（4）使阅读源代码的人更容易将网站分块，便于阅读、维护和理解。...

原创 H5的新特性

HTML5 为什么只需要写 ？HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规 范浏览器的行为（让浏览器按照它们应该的方式来运行）；HTML4.01 基于 SGML， 所以需要对 DTD 进行引用，才能让浏览器知道该文档所使用的文档类型。html5 有哪些新特性、HTML5 新标签的浏览器兼容问题如何处理?html5 新增了以下的几大类元素：内容元素：article、footer、header、nav、section。表单控件：calendar、dat