前端
html, css, js, vue
势无形
这个作者很懒,什么都没留下…
展开
-
vue 打包减小体积
首先查看引用资源例如echarts提取到index.html中cdn引入其次常用vue+vueRouter+axios+vuex+elementUI避免打包然后找到build/webpack.base.conf.js文件,在module.exports = { } 中添加以下代码 externals: { 'vue': 'Vue', 'vue-router': 'VueRouter', 'element-ui': 'ELEMENT', },.转载 2021-10-14 15:14:47 · 557 阅读 · 0 评论 -
dom元素可视时间累计
如果要统计一个dom元素在视口中停留的时间,可以尝试下面的代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">...原创 2019-04-12 00:41:23 · 194 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'nodeName' of null
先发错误提示:Uncaught TypeError: Cannot read property 'nodeName' of null at HTMLDocument.onMouseClick (content.js:170) 我的环境是mac, chrome, 调试js页面时, 单击页面任何位置都会console这个错误,通过查看content.js发现是迅雷扩展工具的问题....原创 2018-12-26 05:22:47 · 2882 阅读 · 0 评论 -
js的this指针理解
js的this指针理解因为发现身边的一些朋友对js的this指针的理解不是很全面。下面本人简单的讲解一下js的this指针的相关内容,仅供需要的朋友学习参考。简单的,我先用一句话来概括javascript的this。在js里面,this指针代表的是执行当前代码的对象的所有者。下面举几个简单的例子加以说明:Js的this指针一代码转载 2015-12-25 14:45:57 · 1188 阅读 · 0 评论 -
浏览器的重绘与重排
原文地址:http://kb.cnblogs.com/page/169820/在项目的交互或视觉评审中,前端同学常常会对一些交互效果质疑,提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow),需要付出高昂的性能代价。那么,什么是浏览器的重绘和重排呢?二者何时发生以及如何权衡?如何在具体的开发过程中将重绘和重排引发的性能问题考虑进去?转载 2015-12-23 02:46:06 · 267 阅读 · 0 评论 -
js中的字面量与构造函数创建对象
在使用百度地图JavaScript API中,多次看到类此语句"此类没有构造函数,但可通过对象字面量形式表示"。特此了解下:一、在JavaScript中没有所谓的空对象,即使最简单的{}也具有从Object.prototype继承的方法和属性。二、创建对象的两种等价的方法:1.使用字面量方法创建对象:var oschina={goes:"far"};2.使用内置构造函数创建对象:v转载 2015-10-18 23:58:05 · 2842 阅读 · 0 评论 -
JavaScript Boolean 对象
JavaScript Boolean 对象Boolean只有两个值:true 和 false。Boolean的语法如下: new Boolean(value); //构造函数 Boolean(value); //转换函数 参数 value 由布尔对象存放的值或者要转换成布尔值的值。 当作为一个构造函数(带 Boolean只有两个值:true 和 false。Boolean的语法如下:n转载 2015-10-18 23:40:13 · 332 阅读 · 0 评论 -
js new的含义.
一个是相当于调用构造函数返回一个对象实例,一个是直接函数(方法)调用。前者显得面向对象,后者比较直接。 看代码:12345678function F(){var name="function";return name;}function F2(){v转载 2015-10-18 23:34:46 · 850 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate();转载 2015-10-13 18:50:08 · 288 阅读 · 0 评论 -
js 字符串转数字 计算时间差 求模 整除
在javascript里怎么样才能把int型转换成string型(1)var x=100 a = x.toString() (2)var x=100; a = x +""; //JS会自动隐性转换javascript 将string 变成 intJScript var s = "32" var i = new Number(s)p转载 2015-10-13 18:47:56 · 588 阅读 · 0 评论 -
juqery 刷新页面
我们可以使用 jquery location.reload()函数来刷新或者重新加载页面当文章分页后, 显示的不是第一页时, 需要刷新页面从新分页, 如果是第一页,就直接加到列表最上面.转载 2015-10-13 14:58:32 · 333 阅读 · 0 评论 -
js中,var 修饰变量名,它可有可无吗?
js中 允许在定义变量的时候 不加var 修饰符。js会在当前作用域下寻找上下文是否定义了此变量, 如果没有找到则会为这个变量分配内存。当且将其视为window的成员。 也就是全局变量。如果加了var 修饰符。 js会重新为这个变量分配内存,不论当前上下文中是否已经定义过了。这个变量的作用域就为当前上下文。 即局部变量。不加var的写法是强烈不推荐的。1. 语义不清转载 2015-10-04 20:58:52 · 1014 阅读 · 0 评论 -
jquery的innerHTML
发现如果我在div或者其他非表单的标签中赋值,原本用普通的js就直接document.getElementById("id").innerHtml(或者其他几个)就可以了。但是在jQuery中不行例如:document.getElementById("t").innerHTML="ddddddddddd"; -----------A$("#t").innerHT转载 2015-12-07 02:43:19 · 1187 阅读 · 0 评论 -
如何让div层置顶
<div style='position:fixed; z-index:999; top:0;'></div>相对浏览器<div style='position:absolute; z-index:999; top:0;'></div>相对父元素<div style='position:relative; z-index:999; top...原创 2017-03-13 20:34:39 · 35132 阅读 · 1 评论 -
html网页兼容手机浏览器(解决显示页面很小的问题)
在网页中加入以下代码,就可以正常显示了:解释:width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用转载 2017-03-13 18:14:54 · 11504 阅读 · 0 评论 -
HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋转载 2015-10-01 12:06:03 · 475 阅读 · 0 评论 -
CSS十问——好奇心+刨根问底=CSSer
最近有时间,想把酝酿的几篇博客都写出来,今天前端小学生带着10个问题,跟大家分享一下学习CSS的一些体会,我觉得想学好CSS,必须保持一颗好奇心和 刨根问底的劲头,而不是复制粘贴,得过且过。本人能力有限,这篇文章从构思加完成用了四五天,如果转载 2015-10-01 00:58:11 · 491 阅读 · 0 评论 -
那些年我们一起清除过的浮动
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosi转载 2015-10-01 00:54:31 · 358 阅读 · 0 评论 -
浏览器的工作原理:新式网络浏览器幕后揭秘
本文转载自html5rocks,考虑到有时候html5rocks不方便访问,所以转载过来。序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道:在 IE 占据 90% 市场份额的年转载 2015-10-01 00:40:03 · 774 阅读 · 0 评论 -
什么是块级元素和内联级元素
block(块)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素 inline元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变转载 2015-10-01 00:02:35 · 432 阅读 · 0 评论 -
CSS文档流与块级元素(block)、内联元素(inline)
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆css布局的理论都 变转载 2015-10-01 00:00:51 · 384 阅读 · 0 评论 -
利用DIV的浮动与定位进行网页布局
利用DIV的浮动与定位进行网页布局 浮动CSS允许任何元素浮动float,不论是图像,段落还是列表。无论先前元素是什么状态,浮动后都成为块级元素。浮动元素的宽度缺省为auto。浮动有一系列控制它的规则。 1.浮动元素的外边缘不会超过其父元素的内边缘。 2.浮动元素不会互相重叠。 3.浮动元素不会上下浮动。 4.如果一个浮动元素在另一转载 2015-09-30 23:56:46 · 5899 阅读 · 0 评论 -
role=“presentation“啥意思
html中role=”presentation”啥意思?一段涉及BootStrap框架的html代码中li标签有这个属性. role是标签扮演的角色属性,更多的是注明作用,对css样式没影响。可能对js事件有影响原创 2015-07-03 13:10:46 · 24259 阅读 · 2 评论