
前端知识
fengyjch
永远也不要低估一个菜鸟的心!!
展开
-
js对象属性中有空格的问题处理
最近遇到个小问题,简单mark一下,对象属性中有空格,这时候要想获得对象的属性值比较困难。以下为解决方法:示例如下:let obj = {"Document Name ":55,"Document Number":66,"Document Type ":"03:Guide","Document Owner ":77,"Document Owner Account":88,"Documen...原创 2020-03-20 10:20:38 · 2748 阅读 · 0 评论 -
flex:1;详解
原文地址:https://segmentfault.com/q/1010000004080910/a-1020000004121373仅供参考!首先明确一点是, flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况:flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值,则 flex 的默认值是转载 2018-01-12 20:32:26 · 56674 阅读 · 2 评论 -
ES6这些就够了
https://www.jianshu.com/p/287e0bb867ae刚开始用vue或者react,很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let我们都是知道在ES6以前,var关键字声明变量转载 2018-01-12 21:10:28 · 189 阅读 · 0 评论 -
Webpack打包css后z-index被重新计算的解决方法,webpackz-index
发现问题最近在使用 Webpack 打包 css 文件时,发现了一个问题,发现打包后的 z-index 值跟源文件 z-index 不一致。如下图,左侧是源文件,右侧是打包后的文件:即使加上 !important,经过 OptimizeCssAssetsPlugin 调用 cssProcessor cssnano 处理之后也是 z-index: 2。因此,很可能是 cssnano 进行了重新计算(转载 2018-01-18 11:23:57 · 2105 阅读 · 0 评论 -
HTML5与CSS 基础知识小结
1.优先级内联样式>外联样式外联样式中,class="classA classB" classB的样式将覆盖classAid="idA" class="classA classB" 优先级:idA>classB>classA2.!important 不会被覆盖很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CS...原创 2018-03-30 18:46:18 · 307 阅读 · 0 评论 -
关于favicon
昨天在改代码bug,vue项目编译出来是一个静态网站,要求静态网站网页打开浏览器页签显示1个小图标favicon.具体解决方法如下:方法1.根目录就是域名访问的目录入口,也就是要看你服务器配置在项目的哪个文件方法2.favicon.ico放在根目录就可以,直接在头部<link rel="shortcut icon" type="image/ico" href="/favicon.ico"&g...原创 2018-06-13 10:06:18 · 535 阅读 · 0 评论 -
HTTP 204响应码【转】
HTTP的状态码有很多种,主要有1xx(临时响应)、2xx(成功)、3xx(已重定向)、4xx(请求错误)以及5xx(服务器错误)五个大类,每个大类还对应一些具体的分类。平时我们接触比较多的是200、400、500等。这里我们主要讨论一下状态码204,在HTTP RFC 2616中关于204的描述如下:If the client is a user agent, it SHOULD NOT cha...转载 2018-07-12 18:36:01 · 44254 阅读 · 0 评论 -
【转】前端 | 浅谈预检请求
近期在项目中发现浏览器发出的接口请求有时候会调用两次,第一次返回204且没有数据,第二次返回200有数据。十分不解,查了一下资料,原来是由于预检测请求,相关资料如下:转载文章:https://blog.youkuaiyun.com/u012496505/article/details/78011344 感谢作者的详细解释。背景不知道大家有没有发现,有时候我们在调用后台接口的时候,会请求两次,如下图的其实第一次...转载 2018-07-12 18:39:02 · 9028 阅读 · 0 评论 -
js获取当天时间0点到24点的时间戳
var start = new Date(new Date(new Date().toLocaleDateString()).getTime()); // 当天0点var end = new Date( // 当天23:59new Date(new Date().toLocaleDateString()).getTime() +24 * 60 * 60 * 1000 -1);var...转载 2018-08-08 19:36:59 · 12957 阅读 · 0 评论 -
js判断一些时间范围是否有重复时间段
function isHasRepeatTime(data) { var startTimeArr = []; var endTimeArr = []; (data || []).map(function(item) { startTimeArr.push(item.StartTime); endTimeArr.push(item.EndTi...转载 2018-11-29 17:49:26 · 1989 阅读 · 0 评论 -
js 时间戳
<script type="text/javascript"> // 获取当天 0 点的时间戳 var timeStamp = new Date(new Date().setHours(0, 0, 0, 0)) / 1000; // 一天是86400秒 故 7 天前的时间戳为 var SevenDayAgo = timeStamp - 8640...转载 2018-11-28 15:47:17 · 415 阅读 · 0 评论 -
学习笔记(二)-vue仿美团网站开发-注册及注销页面的开发
今天比较懒,只是模仿着老师的程序,把登录及注册页面山寨了一下,不过顺便也记一下流水账吧。1.登录界面login.vue:<template> <div class="page-login"> <div class="login-header"> <a class="logo" href=原创 2019-01-10 22:17:05 · 630 阅读 · 1 评论 -
vue2 ref的用法,简单易懂——vue2子组件索引
div id="app"> navbar>navbar> pagefooter>pagefooter>div>Vue.component('navbar',{ template:'#navbar', data:function () { return { navs:[] } }});Vue.转载 2018-01-01 18:25:52 · 542 阅读 · 0 评论 -
大白话讲解Promise(一)
转自:https://www.cnblogs.com/lvdabao/p/es6-promise-1.html去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛转载 2018-01-01 12:53:27 · 254 阅读 · 0 评论 -
常见字体颜色值代码表
aliceblue:艾利斯兰 ColorValue = "#F0F8FF";antiquewhite:古董白 ColorValue = "#FAEBD7";aqua:浅绿色 ColorValue = "#00FFFF";aquamarine:碧绿色 ColorValue = "#7FFFD4";原创 2011-06-07 18:53:00 · 3892 阅读 · 0 评论 -
查看端口占用
2011-06-13 14:38开始--运行--cmd 进入命令提示符 输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管理器中没有PID这一项,可以在任务管理器中选"查看"-"选择列"经常,我们在启动应用的时候发现系统需要的端口被别的程序占用,如何知道谁占有了我们需要的端口,很多人都比较头疼,下面就介绍一种非原创 2011-06-15 16:44:00 · 504 阅读 · 0 评论 -
如何在 apache 中开启 gzip 压缩服务
谢谢作者:http://www.cnblogs.com/zichi/p/5030877.html服务器设置 gzip 压缩是 web 开发里很普遍的做法。假设你要请求一个 100k 的文件,网络传输速度为 50k/s,需要 2s 才能得到数据,但是如果在服务器设置了 gzip 压缩,将服务端的文件压缩到了 50k(实际上的压缩率往往小于 50%),这时候只需 1s 就能得到数据,然后在客户转载 2017-07-26 23:25:14 · 244 阅读 · 0 评论 -
Apache开启GZIP压缩
Gzip是一种流行的文件压缩算法,现在的应用十分广泛,尤其是在Linux平台。Gzip在现代浏览器中默认都是支持的,当一个纯文本文件使用Gzip压缩可以减少70%以上的文件大小,压缩后可以大大降低了网络传输的字节数,使用Gzip的好处就是可以加快网页加载的速度,同时是你的网站对搜索引擎更加友好。下面PHP程序员雷雪松详细的讲解下Apache如何使用mod_deflate模块来实现Gzip压缩网页内转载 2017-07-26 23:26:41 · 256 阅读 · 0 评论 -
Enabling gzip compression in the IBM HTTP Server
To compress content before it is delivered to the client you can use Apache Module mod_deflate To compress text/html text/plain text/xml text/css and js files in the IBM HTTP Server, add the b转载 2017-07-26 23:35:14 · 308 阅读 · 0 评论 -
Enabling data compression on an IBM HTTP Server(IBM HTTP Server配置GZIP)
IBM HTTP Server配置GZIP转载 2017-07-26 23:38:16 · 871 阅读 · 0 评论 -
谷歌浏览器开发工具详解
By Kayce BasquesTechnical Writer at GoogleDiscover new ways to analyze how your page loads in this comprehensive reference of Chrome DevTools network analysis features.Note: Th转载 2017-07-26 23:54:28 · 5765 阅读 · 3 评论 -
html5中script的async属性
我兴奋于html5的原因之一是一些久久未能实现的特性现在可以真正运用于实际项目中了. 如我们使用placeholder效果蛮久了但是那需要javascript来实现. 目前firefox和chrome都是实现了script标签的async属性.这个新的属性能让我们以一种更 简单的方式防止浏览器阻塞,在这之前我们需要用一些javascript小窍门来解决这个问题.async - html代码转载 2017-10-24 19:58:42 · 2380 阅读 · 0 评论 -
vue dev tools安装
前言vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。chrome商店直接安装vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。手动安装第一步:找到vue-devto转载 2017-12-22 16:03:59 · 1179 阅读 · 0 评论 -
vscode 创建vue
使用vue-cli快速构建项目 ( vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 安装vue-cli之前,需要先安装了vue和webpack )· node -v //(版本低引起:bash: npm: command not found)· npm -v //以上帮助检查是否安装 node npm· 输入vue,//测试vue是否安装成功· 输入转载 2017-12-05 23:29:42 · 1128 阅读 · 0 评论 -
Flex 布局教程:语法篇
作者: 阮一峰 转自:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。转载 2018-01-01 00:07:50 · 224 阅读 · 0 评论 -
html中添加flash代码
收藏着 http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="950" height="134"> http://img10.q915.com/auto_channel/ggx.swf"> http://img10.q915.com/auto_ch转载 2011-06-07 11:17:00 · 1011 阅读 · 0 评论