- 博客(66)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 flex布局使用语法
个人认为阮一峰老师总结的关于flex语法介绍比较完整清晰，故转载分享出来以供学习。网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未
2020-08-16 22:06:13
416
转载 postcss介绍
前言在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在 CSS 规范的实现方面的进度也存在很大差异。另外，CSS 规范本身的发展速度与社区的期待还有一定的差距。这也是为什么 SASS 和 LESS 等 CSS 预处理语言可以流行的重要原因。S
2020-07-28 14:54:26
1234
原创 dart-sass与node-sass介绍
dart-sass与node-sasssass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。sass-lang官方网站： https://sass-lang.com/dart-sass相同都是用来将sass编译成css的工具。区别node-sass 是用 node(调用 cpp 编写的 libsass)来编译 sass；dart-sass 是用 drat VM 来编译 sass；node-sass是自动编译实时的，dart-sass需要保存后才会生效推荐 dart
2020-07-27 17:58:31
26895
4
转载 Git配置autocrlf来处理文件crlf
问题背景遇到这两个错误， 基本上都是叫你将 autocrlf 设置为 false. 但是我觉得这样很不妥。如果你的源文件中是换行符是LF，而autocrlf=true, 此时git add就会遇到 fatal: LF would be replaced by CRLF 的错误。有两个解决办法：将你的源文件中的LF转为CRLF即可【推荐】将autocrlf 设置为 false如果你的源文件中是换行符是CRLF，而autocrlf=input, 此时git add也会遇到 fatal: C
2020-07-24 15:56:54
7752
1
转载 Conflicting order. Following module has been added:
webpack打包时，通常会将css和js文件打包到一起，此时我们会使用mini-css-extract-plugin插件分离并打包css到单独文件。mini-css-extract-plugin插件使用问题Conflicting order常遇到如下警告，Conflicting order. Following module has been added:…。此警告意思为在不同的js中引用相同的css时，先后顺序不一致。也就是说，在1.js中先后引入a.css和b.css，而在2.js中引入的却是
2020-07-16 11:58:58
19797
1
转载 前端代码规范设置：eslint+prettier+editorconfig+lint-staged
##【前言】项目开发过程中，用到各种代码规范性工具。时不时就会出现，多种工具重复作用，相互之间有冲突的情况。比如：按照 prettier 的规则格式化的代码，不符合 eslint 的规定。于是 eslint 报错。本文，旨在彻底理清各代码规范工具的作用，并提供无冲突配合使用的解决方案。文章整理自： https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-editorconfig-wi
2020-07-15 14:17:53
3601
原创 http header中的Content-disposition
Access-Control-Expose-Headers响应首部 Access-Control-Expose-Headers 列出了哪些首部可以作为响应的一部分暴露给外部。默认情况下，只有六种 simple response headers （简单响应首部）可以暴露给外部：Cache-ControlContent-LanguageContent-TypeExpiresLast-M...
2020-03-23 18:14:41
14703
原创 Goole Tag Manager 介绍
概述Goole Tag Manager(以下简称：GTM)是一个代码管理系统，可以轻松地在网站或移动应用上添加或更新脚本代码及修改代码段被触发的时机，而不需要开发人员在页面上硬编码，在有预先埋点的情况下，完成对第三方sdk代码或自定义代码逻辑的“动态”管理。使用GTM的好处GTM中对网站代码做调整只是对代码（Tag）进行增加、删除和修改操作 GTM容器代码能一次性在添加在整个站点的所有页面，...
2020-03-03 11:46:25
4002
转载 https
HTTP 传输面临的风险有：通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性所以有可能已遭篡改httpsHTTPS 协议（HyperText Transfer Protocol over Secure Socket Layer）：可以理解为HTTP+SSL/TLS， 即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，...
2019-02-21 18:02:45
433
原创 前端工具快捷键
vs Code快捷键1、注释：a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)c) 多行注释：[alt+shift+A]d) 多行注释：/**未完待续，将不定期更新。...
2019-02-21 18:02:12
1091
转载 浏览器缓存机制
DNS 缓存什么是DNS全称 Domain Name System ,即域名系统。万维网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。DNS协议运行在UDP协议之上，使用端口号53。DNS解析简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。www.dnscache.com ...
2019-01-25 19:18:36
547
转载 【HTTP】Fiddler（三）- Fiddler命令行和HTTP断点调试
一． Fiddler内置命令。上一节(使用Fiddler进行抓包分析)中，介绍到，在web session（与我们通常所说的session不是同一个概念，这里的每条HTTP请求都成为一个session）界面中可以看到Fiddler抓取的所有HTTP请求.而为了更加方便的管理所有的session, Fiddler提供了一系列内置的函数用于筛选和操作这些session(习惯命令行操作linux的童鞋...
2019-01-24 11:12:32
270
转载 Fiddler（二） - 使用Fiddler做抓包分析
上文中已经介绍了Fiddler的原理和软件界面。本文主要针对Fiddler的抓包处理。Fiddler抓取HTTP请求。抓包是Fiddler的最基本的应用，以本博客为例，启动Fiddler之后，在浏览器中输入http://blog.csdn.net/ohmygirl 键入回车之后，在Fiddler的web session界面捕获到的HTTP请求如下图所示：各字段的详细说明已经解释过，这里不再...
2019-01-24 11:02:55
708
转载 fiddler简介
1.为什么是Fiddler?抓包工具有很多，小到最常用的web调试工具firebug，达到通用的强大的抓包工具wireshark.为什么使用fiddler?原因如下：a.Firebug虽然可以抓包，但是对于分析http请求的详细信息，不够强大。模拟http请求的功能也不够，且firebug常常是需要“无刷新修改”，如果刷新了页面，所有的修改都不会保存。b.Wireshark是通用的抓...
2019-01-24 10:56:24
240
原创 fiddler配置小程序抓包
配置步骤打开 https://www.telerik.com/fiddler 进行Fiddler的下载和安装打开Fiddler，选择Tools - Telerik Fiddler Options - Connections，Fiddler listens on port填入8888，勾选Allow remote computers to connect，单击OK；如下图所示：...
2019-01-17 16:23:55
14605
2
转载 跨域资源共享 CORS 详解
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，都是浏览器自动完成，...
2019-01-14 18:18:30
459
原创 Visual Studio Code配置gulp并运行
配置及运行步骤下载extenstions中的“Gulp Snippets”;如果是已存在gulp插件的项目，直接找到配有gulp依赖的package.json文件所在目录，运行“npm install”命令；如下图所示，为本项目需要安装的gulp插件及其依赖；找到项目中的gulpfile.js文件，并打开；点击 调试—启动调试：添加gulp配置，如下图所示；...
2018-11-14 17:29:36
5317
转载 $parse、$eval及$compile服务详解及案例
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。$parse和 $eval 大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而...
2018-08-02 18:07:55
350
原创 AngularJs(十一)--服务（二）$anchorScroll/$cacheFactory/$interpolate服务
angularJs的服务anchorScroll锚点跳转服务。 锚点跳转：在html中，指定锚点，页面跳转到相应位置。 在angularJs中提供这种锚点跳转的服务，直接通过这样的方法就能实现锚点跳转。<pre> <!DOCTYPE html&amp
2018-06-23 19:19:54
394
原创 crontab定时任务不能自动执行的bug总结
在centos7环境下，设置定时任务crontab来每天定时执行一个shell脚本，来定时运行一个写好的node程序。这个node程序在Windows server 2012环境下运行没有任何问题，但是放在Linux环境下运行，真的是惨不忍睹，bug一大堆。这里总结一下几个有代表性的问题。1. /bin/bash^M: 坏的解释器: 没有那个文件或目录在Windows环境下编写shell脚...
2018-04-27 19:53:19
12292
转载 解决SSH客户端中文乱码问题
在window上使用SshClient经常出现乱码的问题，原因是因为SSH客户端的字符集跟window环境上的字符集不相同导致的。解决方法：1.临时修改1、首先，掉出window的命令行界面，在顶部空白处右击，选择属性2、查看当前环境的编码集，我的环境为gbk格式。 3、在linux上输入 locale -a 查询系统支持的字符集，找到相应的字符集4，在s...
2018-04-26 14:26:28
20055
1
转载 CentOS 7 定时计划任务设置
概述 就像再windows上有计划任务一样，centos7 自然也有计划任务，而且设置更为灵活，好用。再centos7 上可以利用crontab 来执行计划任务， 依赖与 crond 的系统服务，这个服务是系统自带的，可以直接查看状态，启动，停止。 安装 crontabs服务并设置开机自启 yum install crontabs systemctl enable crond （设为开机
2018-04-26 11:12:39
45872
3
原创 在VMware14中安装CentOS7后启动报错
问题概述：安装VMware WorkStation 14 Player 可详见：https://blog.csdn.net/qq_32786873/article/details/78725247 VMware，安装完成后，准备安装CentOS7。在VMware14中安装CentOS7 可详见： https://blog.csdn.net/yiyihuazi/article/det...
2018-04-25 15:40:40
4981
原创 Windows Server2012/2018 定时任务设置及执行失败的解决方法
问题1、Windows Server 20012 计划任务在哪里配置？2、Windows Server 20012 可以配置每分钟或是每小时执行我的任务吗？答案是：可以！首先Windows Server 20012不同于其他服务器操作系统和Windows Server 2003有着很大的区别，计划任务的名称是“任务计划程序”不在控制面板里，而是在“管理工具”里。由于服务器需要做些任务，定时执行，自己
2018-04-20 10:57:02
41130
2
转载 gulp与webpack的区别
常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。gulpgulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。PS：简单说就一个...
2018-04-19 17:05:46
1390
转载 angularJs的一次性数据绑定：双冒号::
AngularJS 1.3版本正式发布，其中添加了很多的性特性，同时也对之前的一些bug做了修复，最重要的是其中包含一些突破性的变化。其中最重要的一项就是添加了一次性数据绑定。等等，一次性数据绑定？这听起来似乎和AngularJS一直宣扬的双向数据绑定思想完全背离了吗？当然，AngularJS的双向数据绑定一直是AngularJS最重要的特性之一。然而，为了实现双向数据绑定，AngularJS需要...
2018-04-17 10:48:56
2267
原创 AngularJs(十一)--服务-- $http/$location/$q服务
回顾回顾之前学过的服务： - scope−scope - watch - apply−apply - rootScope - timeout−timeout - interval - $filter$http服务与原生JS中的Ajax作用非常类似； 已经帮我们封装好了很多方法，特别类似jQuery中的ajax方法。ngHttp.html:<pre> <!
2018-04-16 18:00:18
300
原创 像素、分辨率及PPI各自含义与区别及目前主流手机的分辨率介绍
一、像素像素是构成位图的基本单元，当位图图像放大到一定程度时，所看到的一个一个的马赛克色块就是像素且像素色块的大小不是绝对的。1.物理像素（设备像素）一个显示屏的成像原理是通过一系列的小点排列成一个大的矩形，不同的小点通过显示不同的颜色来显示成图像。这每一个小点被叫做一个物理像素（即设备像素）。2.CSS像素CSS像素作为Web开发者我们整天在CSS里用px作为长度单位。这里的...
2018-04-14 12:48:07
8244
原创 PPP IP 、以太网IP及无线局域网IP分析
一般查询本机的IP地址是通过在CMD中运行：”ipconfig/all”命令来得到，如下图所示： 发现不止一个IPV4地址，有PPP适配器的IP、无线局域网适配器WLAN的IP、以太网适配器的IP…这些IP的区别是什么呢PPP PPP（Point to Point Protocol）点对点协议： 它是用于串行接口的两台计算机的通信协议，是为通过电话线连接计算机和服务器而彼此...
2018-04-11 11:28:16
13211
4
原创 解决报错HTTP Error 400. The request hostname is invalid.
描述博主在本地运行了自己的项目，然后在另一台服务器上用node.js写了一个独立程序，该程序内会调用本地项目的接口，发现在配置完http请求的options–》hostname为本地的ip后，运行这个独立程序报错：HTTP Error 400. The request hostname is invalid. 开始以为我的本地ip设置错误或者防火墙阻挡或者网络通信有问题，后面经过分析：w...
2018-04-10 19:36:59
120963
2
转载 http请求方式： post put patch 总结
idempotent 幂等的如果一个方法重复执行多次，产生的效果是一样的，那就是idempotent的； idempotent的意思是如果相同的操作再執行第二遍第三遍，結果還是一樣。 “Methods can also have the property of ‘idempotence’ in that (aside from error or expiration issues) th...
2018-04-02 16:44:04
43468
原创 AngularJs(十)--自定义指令(四)自定义指令间的互相交互
本节将介绍自定义指令中更高级的配置项。transclude配置项如果在操作自定义指令时，存在嵌套结构或者嵌套的自定义指令，会出现一些意想不到的问题。transclude配置项，字面意思就是嵌入，默认为false； 将transclude设为true时，需要与ng-transclude配合使用实现指令嵌套指令：<pre> <!DOCTYPE htm...
2018-03-27 17:02:09
455
原创 AngularJs(九)--自定义指令(三)及选项卡实例和拖拽实例
link选项在自定义指令当中是用来进行DOM操作的。 接收四个参数:(1)scope自定义指令的作用域(2)element每一个自定义指令模板的最外层（父层）的元素(3)attr当前标签上的属性<pre> m1.directive("myTab",function(){ return{ res...
2018-03-23 16:12:08
743
原创 moment.js--时间插件介绍
博主为大家介绍一个非常好用的时间处理插件– moment.js：momentjs对js中的date对象进行了一层封装，使之具有更加强大日期处理能力。它里面包含了非常多而且有用的对时间进行操作的方法，例如：时间加减法、比较大小/差值计算、isBefore/isAfter，还支持非常多的时间格式及语言。使用环境Momentjs支持多个环境，既可以在浏览器中使用，也可以脱离浏览器的环境在no...
2018-03-23 11:37:25
3874
原创 AngularJs(九)--指令（五）---自定义指令（二）
scope选项<pre> <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #div1 div{ width:
2018-03-14 14:33:25
347
原创 node.js发送https或http请求时可接收参数及出现的bug总结
发送http请求注意事项在使用node.js发送http或https请求时，需注意： 如果是发送http请求，需要导入的node模块是：const http = require(‘http’); 如果是发送https请求，需要导入的node模块是：const https = require(‘https’); 两者是分开导入的。发送http请求可接收的参数发送http请求时...
2018-03-09 16:25:26
9168
1
转载 User-Agent结构介绍及主流浏览器User-Agent大全
一、基础知识篇：（一）、HttpHeader之User-AgentUserAgent中文名为用户代理，是Http协议中的一部分，属于头域的组成部分，UserAgent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电
2018-03-01 18:05:01
10615
转载 HTTP中的content-type的几种取值分析
四种常见的 POST 提交数据方式我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：<pre> <method> <request-url> <version> <headers> &...
2018-02-23 18:12:58
8977
原创 如何在跨域请求中允许带入原网站的cookie(401：not authorizated)
博主在项目开发中，遇到一个问题，在当前网页，发送一个跨域请求，可是浏览器给我报401：not authorizated。一开始以为是我写的http请求没有带入一些身份验证信息，后来仔细研究了下，此跨域请求没有带包含认证信息的cookie,可是我看了项目中别的http请求压根没有单独去设置这种cookie。 我又看了下Chrome—》 DevTools—》application—》Cookies，发
2018-02-09 17:29:07
3398
转载 一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别
一、这四个方法的用处1、用来编码和解码URI的统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURIComponent四个用来编码和解码 URI 的函数之外 ECMAScript 语言自身不提供任何使用 URL
2018-01-24 18:00:54
321
亲们，谁有基于jsp的药品库存管理系统的可完整代码？
2015-04-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人