提鲁战士_CSDN博客-JavaScript,Java,CSS3领域博主

原创抖音最火背景歌曲音乐列表|抖音音乐|抖音歌曲

《三十出头》《一个人的北京》《最远的你是我最近的爱》《广东爱情故事》《姐姐》《七月上》《不变的情缘》《光明》持续更新中……

2018-05-04 17:51:22 10214 0

原创设计模式分类（创建型模式、结构型模式、行为模式）

1．创建型模式前面讲过，社会化的分工越来越细，自然在软件设计方面也是如此，因此对象的创建和对象的使用分开也就成为了必然趋势。因为对象的创建会消耗掉系统的很多资源，所以单独对对象的创建进行研究，从而能够高效地创建对象就是创建型模式要探讨的问题。这里有6个具体的创建型模式可供研究，它们分别是：简...

2016-04-25 18:51:27 14534 9

原创个人总结

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。因为不同浏览器使...

2016-03-24 17:31:39 2246 1

原创使用window.postMessage()方法跨域通信

window.postMessage() 方法可以安全地实现跨源通信(不是二个tab浏览器签，而是一个页面中嵌套的iframe的跨源通信)。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 ...

2018-12-04 20:02:12 2879 1

原创 HTTP的WEB服务器做了些什么？

Web服务器的实现 Web 服务器实现了 HTTP 和相关的 TCP 连接处理。负责管理 Web 服务器提供的资源，以及对 Web 服务器的配置、控制及扩展方面的管理。 Web 服务器逻辑实现了 HTTP 协议、管理着 Web 资源，并负责提供 Web 服务器的管理功能。 W...

2018-11-10 09:56:19 3103 0

原创 NginxResty简单配置

NginxResty配置从下载页Download下载最新的 OpenResty® 源码包，并且像下面的示例一样将其解压 # VERSION为下载的版本替换 tar -xzvf openresty-VERSION.tar.gz 安装依赖,推荐您使用yum安装以下的开发库...

2018-10-30 09:37:53 198 0

原创 ES6中的Symbol数据类型的注意事项

Symbol 声明 var s1 = Symbol(); var s2 = Symbol(); 注意： 1、Symbol是一种新原始数据类型； 2、Symbol前不能使用new关键字，否则会报错；这是原因Symbol是一个原始类型的值，而不是对象，所以不能为它添加属性是类似于字符串的数据类型； 3...

2018-10-23 12:03:44 172 0

原创 Fiddler工具之Filters

Fiddler工具之Filters Fiddler是一个强大的抓包工具，可以抓取Http/Https协议的数据包，也可以实现截包、过滤包，修改包等等，今天我们一起学习一下Fildder中Filters功能的滤过包和截包； 1、首先打开Fiddler主界面，查看右侧功能区选择Filfters标签...

2018-09-26 20:47:45 3552 1

原创 vs code 配置 stylelint eslint

安装npm插件 npm install –save-dev eslint npm isntall –save-dev stylelint npm install –save-dev stylelint-config-standard 安装vs code的插件 eslint stylel...

2018-08-04 15:42:54 4170 0

转载 Vue组件中prop属性使用说明

所有的 prop都使得其父子prop之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味...

2018-05-30 19:24:57 16604 2

转载 Chrome扩展中脚本的运行机制和通信方式

injected.js 生存周期　　这种脚本，和原网页自带的脚本，就完全是一路货了。有多种方式来在扩展程序中向正在浏览的页面注入这样的脚本，我只说一种最常用也是最被推荐的：先把脚本保存在js文件里（比如GmailAssist中的tableInited.js），然后在匹配当前页面的conten...

2018-05-18 14:28:06 1793 0

转载【干货】Chrome插件(扩展)开发全攻略

这是一个Chrome插件最重要也是必不可少的文件，用来配置所有和插件相关的配置，必须放在根目录。其中，manifest_version、name、version3个是必不可少的，description和icons是推荐的。 { // 清单文件的版本，这个必须写，而且必须是2 &a...

2018-05-17 11:57:49 1504 0

转载移动端bug汇总（一）

点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建...

2018-05-16 11:51:43 396 0

原创 float时高度塌陷问题

float时高度塌陷问题解决办法： overflow/float/display table inline-block/伪类after{clear:both}等触发BFC的属性以使父容器成为block formatting context roots 在float同级最后方加入带有clea...

2018-04-24 09:21:31 1093 0

原创 visibility:hidden和display:none的区别

一、是否是继承属性 display不是继承属性； visibility是继承属性，子元素的visibility属性若存在则不会继承，若不存在则继承父元素visibility的值，意味着：父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见，...

2018-04-19 08:35:08 485 0

原创任意元素垂直居中

演示地址 table-cell flex 这种方法的flex具有IE兼容性，支持ie11以上浏览器 position，transform 这种方法的transform具有IE兼容性，支持ie9以上浏览器 position，margin ...

2018-04-14 13:34:14 259 0

原创 inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

先给出效果和代码： dl{margin:0;} dt,dd{display:inline-block; list-style:none;margin:0; padding:0; line-height:22px;} dd { overflow:hidde...

2018-04-13 13:44:20 389 0

原创使用CSS伪类和伪对象实现dl>dt+dd在一行显示

有时我们想在一行内显示一个标题,以及一段内容,虽然看起来比较简单,但是为了语义化用dl比较合适,但是它默认是block元素,改成inline?那么有多段呢?不就都跑上来了?用float?那问题也挺多。就是这种效果当然如果不需要语义化那是很简单的事,但我现在就想用dl>dt+dd...

2018-04-13 10:03:41 4582 1

原创 css3增加的的属性值position:stricky

position:sticky sticky 英文字面意思是粘，粘贴。这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。什么是结合两种定位功能于一体呢？元素先按照普通文档流定位，然后相对于该元素...

2018-04-12 10:55:01 940 0

原创正则匹配英文关键字高亮，高亮后的关键字和之前的大小写保持一致

JS代码： var str="a|c javascript Javascript JavaScript Javascript JAVASCRIPT"; var keyword = "a|c javascript"; keyword = ...

2018-03-30 11:15:47 962 0

原创 CSS中word-wrap和word-break复习

word-break定义元素内容文本的字间与字符间的换行行为 normal：默认的换行规则。依据各自语言的规则，允许在字间发生换行。 keep-all：对于 CJK（中文，韩文，日文）文本不允许在字符内发生换行。Non-CJK 文本表现同normal break-all：对于 Non-C...

2018-03-29 13:51:44 382 0

原创 encodeURI、decodeURI、encodeURIComponent、decodeURIComponent描述和区别

encodeURI encodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 “代理” 字符组成)。描述假定一个URI是完整的URI，那么无需对那些保留的并且在U...

2018-01-26 11:27:18 288 0

转载浏览器中的ETag标识

HTTP协议规格说明定义ETag为“被请求变量的实体值”。另一种说法是，ETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义，并在HTTP响应头中将其传送到客户端，以下是服务器端返回的格式：E...

2018-01-18 08:25:10 1059 0

原创 Linux下安装redis服务

第一步：载地址：http://redis.io/download，下载最新文档版本。第二步：下载、压缩和编译redis操作 $ wget http://download.redis.io/releases/redis-4.0.6.tar.gz $ tar xzf redis-...

2018-01-17 14:18:38 261 0

原创 JS清除HTML标签转换成<br/>

/** * 把带html除了之外的清除 * 把\r\n转换成 */ function clearHtml ( html ) { if ( typeof html != 'string' ) { return ''; ...

2018-01-12 13:09:19 834 0

原创封装H5的localStorage本地缓存对象，实现缓存有效期、缓存条数限制

声明方式： /* * indexKey 缓存名 * cacheSize 缓存个数 */ var localCache = new LRUCache(indexKey, cacheSize); 调用方式：添加：localCache.put(key, value, ex...

2018-01-11 08:52:52 2797 1

原创在Linux（centos7）下Node和gulp插件安装步骤

第一步：安装Node版本 1)下载node8.X.X以上的版本 2)解压文件node-v8.9.4-linux-x64.tar.xz 3)进入node-v8.9.4-linux-x64目录 4)设置node和npm为全局变量 #ln -s /home/项目目录/node-v8.3...

2018-01-11 08:35:53 1746 0

转载解决linux下sudo更改文件权限报错xxxis not in the sudoers file. This incident will be reported.

本文转自Linux社区作者为z-sm的文章原文链接http://www.linuxidc.com/Linux/2016-07/133066.htm Linux中普通用户用sudo执行命令时报”xxx is not in the sudoers file.This incident will...

2018-01-10 19:34:30 174 0

原创对cookie的设置、获取、清除操作，封装到一个Cookie对象中

定义Cookie对象 var Cookie = { get:function( name ) { var value, reg = new RegExp( "(^| )" + name + "=([^;]*)(;|$)" ); ...

2018-01-06 10:43:58 526 0

原创 clipboard.js使用方式在移动端遇到的问题

引入文件：https://zenorocha.github.io/clipboard.js调用方式：<div class="ticket-nums"> <div class="ticket-num">获取码<span id...

2017-12-28 00:39:22 3173 0

原创在windows下安装gulp-sass时提示“Cannot read property '0' of undefined”

npm install --no-bin-links参数将阻止npm为包可能包含的任何二进制文件创建符号链接原文The --no-bin-links argument will prevent npm from creating symlinks for any binaries the pack...

2017-12-07 08:11:18 1306 0

原创在写邮箱模板页面兼容手机邮箱客户端时注意几点

在写邮箱模板时，常常在浏览下测试时，测试页面正常后，就给开发人员去嵌套程序，到测试时会发现文字比想要的大几个字段.这是怎么会事呢？第一种可能是在局部标签上定义字号大小，不要继承父级或顶级的字号大小第二种可能是没有定义布局的高度也可能会出现这样的问题；在邮件模板如果有数字，比较薪资、...

2017-11-08 20:52:43 724 0

原创 console对应的使用方法

console.log([data][, …])向标准输出流打印字符并以换行符结束。该方法接收若干个参数，如果只有一个参数，则输出这个参数的字符串形式。如果有多个参数，则以类似于C 语言 printf() 命令的格式输出。 console.info([data][, …])该命令的作用是返回...

2017-10-20 16:07:20 615 0

原创 Express、Socket.io开发一个简易的聊天系统

Server端代码：var app = require('express')(); var server = require('http').Server(app); var io = require('socket.io')(serve...

2017-10-20 09:10:55 341 0

转载 VUE 中的计算属性和观察者

计算属性和观察者计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：div id="example"> {{ message.split('').reverse().join(�...

2017-10-16 11:51:09 1324 0

转载 Vue中的mixins(混合)使用方法

混合来源：https://cn.vuejs.org/v2/guide/mixins.html 基础混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。例子：// 定义一个混合对...

2017-10-16 11:14:57 11839 0

转载 Vue中的过滤器使用方法

过滤器Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示：{{ message | capitalize...

2017-10-16 11:13:46 2630 0

转载 Node.js 全局对象

Node.js 全局对象JavaScript 中有一个特殊的对象，称为全局对象（Global Object），它及其所有属性都可以在程序的任何地方访问，即全局变量。在浏览器 JavaScript 中，通常 window 是全局对象，而 Node.js 中的全局对象是 global，所有全局变量（...

2017-10-16 09:06:41 316 0

原创对chai断言的学习总结

这不是一篇chai的API文档，也不会讲的很深（我也是初学者，资历不够），只是为初学者想学习chai做铺垫而已！更深入的学习点这里： chai API 新手指南带着几个问题去学习？什么是TDD 和BDD 有几种常用的断言方式 chai断言方式使用方法它们的区别是什么 TDD和BDD是什...

2017-10-13 09:25:21 1470 0

原创移动端多行文本在横向屏和竖向屏下如何保持字号大小一致

今天在解决移动端页面时遇到一个问题就，页面中有一段描述文本在横向屏和竖向屏模式下文本字段大小不一致，也没有设置media查询，最后解决办法就是找到了text-size-adjuscss属性text-size-adjus:none取值： auto：文本大小根据设备尺寸进行调整。 none：文本大...

2017-09-29 17:26:39 548 0