前端
一只青柠
不积跬步无以至千里
展开
-
nginx无法启动的解决办法
nginx报错问题,首先应该查看nginx的日志,看看是什么错误,才能对症下药,快速解决。原创 2019-07-23 19:40:11 · 2291 阅读 · 0 评论 -
自己怎么压缩js文件?
有时候,我会从网上找一些JS插件,这些插件的代码可能是未压缩版。如果将这些插件应用到实际的生产中,会发现这些JS文件太大,会导致加载较慢,编译较慢。因此需要自己压缩一下这个文件,以便可以更好的应用于实际生产环境中。自己压缩JS文件的方法:方法一:在线压缩比如这个网站:http://tool.oschina.net/jscompress/你只需要把自己的JS代码复制进去,它就可以...原创 2019-09-05 14:38:22 · 10674 阅读 · 1 评论 -
如何针对不同的浏览器写css样式,尤其是IE
使用媒体查询(写在css里)一,支持IE10及以上@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {css代码}二,支持IE9及以上@media screen and (min-width:0\0){css代码}三,支持IE8及以上@...原创 2019-09-05 13:49:48 · 1526 阅读 · 0 评论 -
关于界面兼容IE浏览器的一些问题记录
IE下拉列表的样式默认修改所有浏览器默认的下拉列表的样式都不太好看,在页面设计时,基本都会对默认样式做修改。我使用谷歌浏览器时,只修改了很简单颜色和边框就达到了效果。width: 100px;outline: none;border: 1px solid rgba(51,170,255,.5);background: transparent;color: #cef;但...原创 2019-09-02 15:55:48 · 251 阅读 · 0 评论 -
a标签有个download属性
在前端开发中,<a>标签最常见的作用是链接页面,实现页面跳转。其实,<a>标签还可以实现下载文件。<a>标签如何实现下载文件呢?原创 2019-08-27 19:21:30 · 545 阅读 · 0 评论 -
当宽度不定时,如何设置div的宽高相同?
在做项目时, 我经常会遇到这样一种情况:在一个div里渲染一个正方形或圆形的物体, 这个物体是占满整个div的,而这个div的宽度会随着父元素的宽度变化而变化。为了让这个物体的效果不变形,必须保持div的长度和宽度一致,那么怎么做呢?保持div长宽相等的方法:div{ width: 100%; padding-top: 100%; //padding-bottom: ...原创 2019-08-01 20:05:41 · 5160 阅读 · 0 评论 -
怎么做响应式布局和自适应布局?
怎么做响应式布局?参考文章:https://www.cnblogs.com/yuanziwen/p/6926561.htmlhttps://orianna-zzo.github.io/sci-tech/2018-08/%E5%89%8D%E7%AB%AF%E8%AF%95%E6%B0%B43-%E8%87%AA%E9%80%82%E5%BA%94%E4%B8%8E%E5%93%8...原创 2019-08-05 16:17:39 · 398 阅读 · 0 评论 -
css令元素水平居中的方法
当父元素是行内元素时,是不需要子元素居中的。或者使用display:block属性把父元素变为块级元素,再做居中。行内元素的水平居中(1)在父元素上设置text-align:center即可。来看一下text-align属性:text-align:text-align 属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式...原创 2019-08-05 10:08:32 · 154 阅读 · 0 评论 -
css元素垂直居中方法
当父元素是行内元素时,是不需要子元素居中的。或者使用display:block属性把父元素变为块级元素,再做居中。行内元素(1)一行文字的垂直居中。设置行高等于父元素的高度,即可令文字垂直居中。<style> .parent{ height: 30px; line-height:30px; }</style>...原创 2019-08-05 10:50:26 · 202 阅读 · 0 评论 -
echarts4.x雷达图如何展示一维数据?
今天的项目其中一个功能是画雷达图,鼠标滑过雷达图的拐点,展示该维相关数据,并且需要显示雷达图的刻度。但是我发现单纯的雷达图似乎没办法展示一维数据。我总结了一下,关于画雷达图,我遇到的难点有三个:(1)如何显示刻度。(2)如何判断滑过的是拐点。(3)如何找出拐点对应的该维数据。下面总结问题的解决办法:问题(1):echarts的版本从4.x以后不再提供雷达图的刻度标签属...原创 2019-07-26 10:53:33 · 2146 阅读 · 4 评论 -
为什么前端数据会出现很长的浮点数呢?
今天在项目中遇到了一个问题,前端数据出现了很长的浮点数。我检查了一下后端传过来的数据,数据是正确的,没有浮点。我很好奇为什么会这样,所以研究了一下这个问题的原因,顺便记录一下。原创 2019-07-30 20:35:47 · 1221 阅读 · 0 评论 -
jq的each函数
jq的each函数有两种用法:用法一:$(selector).each(), 用于遍历被选择器选中的dom。 用法:$(selector).each(function(index,element)) 参数 描述 function(index,element) 必需。为每个匹配元素规定运行的函数。 index- 选择器的 inde...原创 2019-07-24 20:35:02 · 4407 阅读 · 0 评论 -
在jQuery中,a标签trigger触发click不起作用的原因和解决方法
最近在项目中发现,用jq的trigger无法触发a标签的click事件。我的代码如下:$('a').trigger('click')查阅资料发现:jquery trigger把(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem )的事件过滤掉...原创 2019-09-06 17:02:06 · 4567 阅读 · 1 评论