自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

能力有限

技术的交流

  • 博客(29)
  • 收藏
  • 关注

转载 JavaScript 正则表达式匹配汉字

一个可能有 20 年历史的正则表达式在谷歌搜索「JavaScript 正则表达式匹配汉字」的时候,前几条结果全都是 /[\u4e00-\u9fa5]/。没有人怀疑这个正则表达式有什么问题,那么在 2018 年的今天,让我们站在 Chrome 64 的肩膀上,放飞一下自我。汉文(Han Script)是汉语、日本语、朝鲜语、韩国语的书写系统中的一种文字(Script),越南语在早

2018-01-30 13:44:15 9003

原创 HTTP中GET与POST的区别

最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”:GET在浏览器

2018-01-24 17:45:16 214

原创 js中this的应用及指向问题

this的应用及指向问题this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是调用函数的那个对象。this的使用情况:1、作为普通函数调用,这是函数的最通常用法,属于全局性调用,因此this就代表全局对象。2、作为对象方法的

2018-01-05 13:49:14 270

原创 通信协议&&cookie

通信协议 通信协议是指双方实体完成通信或服务所必须遵循的规则和约定。在计算机通信中,通信协议用于实现计算机与网络连接之间的标准,网络如果没有统一的通信 协议,电脑之间的信息传递就无法识别。 通信协议是指通信各方事前约定的通信规则,可以简 单地理解为各计算机之间进行相互会话所使用的共同语言。两台计算机在进行通信时,必须使 用的通信协议。 TCP/IPTransmiss

2017-12-30 11:01:34 300

原创 php数组

数组n 传统上把数组(array)定义为一组有某种共同特性的元素,包括相似性和类型。每个元素由一个特殊的标识符来区分,称之为键(key);而每个键对应一个值(value)。n 创建数据的两种方式u array创建u range():建立一个包含指定范围单元的数组n 数组的相关方法介绍count()和 sizeof() 统计数组下标的个数array_count_value

2017-12-25 15:51:06 219

原创 正则概念与应用

正则的概念n 正则表达式(regular expression)是一个描述字符规则的对象。ECMAScript 的RegExp 类(构造函数)表示正则表达式,而String 和 RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。n 正则表达式主要用来验证客户端的输入数据。 用户填写完表单单击提交按钮之后, 表单就会被发送到服务器,在服务器端通常会用 PH

2017-12-22 18:24:45 203

转载 前端开发规范:命名规范、html规范、css规范、js规范

前端开发规范:命名规范、html规范、css规范、js规范一个好的程序员肯定是要能书写可维护的代码,而不是一次性的代码,怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢,这就需要规范你的代码了。我是有一点强迫症的人,上周我们后端给我了一个CanUsename的接口(该接口的目的是判断输入的目的地是否是4级目的地),我真的是崩溃的。我只是觉得这个名字不够语

2017-12-20 10:38:10 347

转载 ajax跨域

题纲关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍),内容大概如下:什么是ajax跨域原理表现(整理了一些遇到的问题以及解决方案)如何解决ajax跨域JSONP方式CORS方式代理请求方式如何分析ajax

2017-12-20 10:01:40 350

原创 javscript事件兼容

/cancelBubble阻止事件冒泡                functioncancelBubble(ev){                     varev=ev||window.event;                     if(ev.stopPropagation){                        ev.stopPropagati

2017-12-18 16:09:34 220

原创 javascript--列表页搜索 js实现 选中上一次搜索的条件

type="text/javascript">    $("input .focus").focus();    var searchlist = location.search.substring(1);    if (search) {        try {            var querylist = JSON.parse('{

2017-12-16 19:31:58 643

转载 前端跨域问题

什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去常见的跨域场景所谓的同源是指,域名、协议、端口均为相同。http://www.nealyang.cn/

2017-12-15 16:06:16 280

原创 php初步涉及

PHP概述n PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”) 是一种免费开源的服务器端脚本程序。利于学习,使用广泛,主要适用于Web开发领域。可以运行在 UNIX、 LINUX、WINDOWS下。n 作为一个后台语言,标准的变量、数据类型、运算、选择结构、循环结构、函数、数组;跟大多数的编程语言是一样的。唯一的差别,基本都在

2017-12-15 15:42:59 217

原创 javascript开发模式

ECMAScript有两种开发模式:n 面向过程--函数式(过程化).n 面向对象(OOP)。面向对象的语言有一个标志,那就是类(构造函数)的概念,而通过类可以创建任意多个具有相同属性和方法的实例对象。但是,ECMAScript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。(基于面向对象) 面向对象的特点(了解)n 抽象:就是忽略一个主题中与当前目标无

2017-12-14 19:18:49 291

原创 JavaScript--事件

event概念及作用在触发DOM上某个事件时,会产生一个事件对象event,这个对象包含着所有事件相       关的信息,包含导致事件的元素,事件的类型以及其他的与特定事件相关的信息。n  它是事件绑定中的一个隐藏的参数,可以通过arguments[0]来获取n  也可以叫事件源对象,这里面包含了关于这次事件的相关信息  获取方式(兼容问题)n  在W3C

2017-12-12 21:21:19 165

转载 编写自己的代码库--Javascript

2-1去除字符串空格//去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格//ecDo.trim(' 1235asd',1)//result:1235asd//这个方法有原生的方案代替,但是考虑到有时候开发PC站需要兼容IE8,所以就还是继续保留trim: function (str, type) { switch (type) {

2017-12-11 21:06:13 632

转载 css--图片处理

修图利器之 CSS FiltersP图怎么能少了滤镜呢,css提供了很多种滤镜:drop-shadowsepiablurhue-rotateinvertbrightnesscontrastopacitygrayscalesaturatedrop-shado

2017-12-11 14:24:03 847

原创 javascript08--获取元素内容

获取非行内样式(兼容问题)n document.createElement() 创建一个元素节点n document.createTextNode()  创建一个文本节点n box.appendChild(node)  把node节点插入到box的内部最后的位置n box.insertBefore(newNode, existNode)  把newNode节点插入到

2017-12-09 14:15:04 268

原创 javascript--BOM概念

BOM概念BOM : Browser Object Model 浏览器对象模型,描述与浏览器进行交互的方法和接 口, ECMAscript是javascript的核心,但如果要在web中使用javascript,那么 BOM则无疑才是真正的核心。BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。由于浏览器提供商会按照各自的想法随意去扩展它,使得BOM缺

2017-12-08 09:44:34 2727

原创 javascript06--数组方法用法以及严格模式

严格模式 'use strict';            //var date=new Date();//获取当前的日期 //alert(date.toLocaleString());//本地字符串的格式 //alert(date.toLocaleDateString());//本地字符串的格式 //alert(date.toLocaleTimeString());//本地字符串

2017-12-07 16:28:59 221

转载 html--标签

正文文档声明和编码12标签分类常用标签 title (页面名称)h1,h2,h3,h4,h5,h6 (内容标题)p (段落)a (超链接)img (图片)br (换行)hr (分割线)html lang="en">head> meta charset="UTF-8"> title>常用标签title>head>body>

2017-12-06 15:30:23 317

原创 javascript-理解05数组的概念及定义

数组的概念及定义一组一般情况下相同类型的数据。除了 Object 类型之外,Array 类型是ECMAScript 最常用的类型。而且 ECMAScript 中的  Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列, 但 ECMAScript 中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调整的。 数组的创建方式(构造函数和JSON

2017-12-06 09:27:29 201

原创 javascript理解04-函数的概念及作用

函数的概念及作用函数对任何语言来说都是一个核心的概念。 通过函数可以封装任意多条语句, 而且可以在任何地方、任何时候调用执行,即函数是定义一次但却可以调用或执行任意多次的一段 JS代码。JS中的函数也是对象,所以JS函数可以像其它对象那样操作和传递,我们也常叫JS中的函数 为函数对象。 函数的编写ECMAScript 中的函数使用 function 关键字来声明,后跟一组参数以

2017-12-04 14:18:11 253

转载 接触过的前端数据结构与算法

我接触过的前端数据结构与算法我们已经讨论过了前端与计算机基础的很多话题,诸如SQL、面向对象、多线程,本篇将讨论数据结构与算法,以我接触过的一些例子做为说明。1. 递归递归就是自己调自己,递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理,要实现上一次请求完成了,才能去调下一个请求。一个是可以用Promise,就像《前端与SQL》这篇文章里面提到的。但是

2017-12-02 17:14:55 702

原创 javascript理解03--循环的概念和意义

循环的概念和意义循环语句:就是程序路径的一个回路,可以让一部分代码重复执行。while循环的使用while和do-while的区别while 语句属于前测试循环语句,也就是说,在循环体内的代码被执行之前, 就会对出口条件 求值。因此,循环体内的代码有可能永远不会被执行。do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。换句话

2017-12-02 13:51:31 317

转载 javascript调试技巧

14个JavaScript调试技巧1. ‘debugger;’除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码,Chrome 会在执行时自动停止。 你甚至可以使用条件语句加上判断,这样可以只在你需要的时候运行。愚人码头注:本人实在觉得这种调试方面很不好,因为后续的调试步骤和断点调试没什么区别。而且调试完成后,还要记

2017-12-01 19:03:52 340 1

原创 javascript理解02

程序的三大结构顺序结构顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的。选择结构选择结构表示程序的处理步骤出现了分支,它需要根据某一特定的条件选择其中的一个分支执行。选择结构有单选择、双选择和多选择三种形式。循环结构循环结构表示程序反复执行某个或某些操作,直到某条件为假(或为真)时才可终止循环。在循环结构中最主要的是:什么情况下执行循环?哪些操作需要循环执行

2017-12-01 18:54:33 167

原创 JavaScript的理解01

JavaScript是一种轻量级、解释型的Web开发语言。JavaScript语言的内核已被嵌入到各种浏览器中,也就是说各种浏览器都支持JavaScript语言。综上所述:Javascript的主要特点解释性:不需要经过编译,直接在浏览器中运行时被解释。基于对象:可以创建对象。事件驱动:直接对用户的的操作做出响应,无须经过web服务程序。跨平台:依赖浏览器,与操作环

2017-12-01 09:58:48 297

原创 sass与gulp应用

Sass介绍》 CSS 不是一个编程语言,可以用它来开发网页样式,但是没有办法用它进行编程。SASS 的出现,让 CSS 实现了通过代码编程来实现的方式。》SASS 是一种 CSS 开发工具,提供了许多便利的写法,让CSS 的处理实现了可编程处理。》 SASS 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性,可以生成风格良好的 CSS 样式表文件,易于组织和维护。

2017-11-30 10:16:25 453

原创 width与高之间自动适应

div { width: 100%; position: relative; &::after { content: ''; display: block; padding-top: 100%; visibility: hidden;

2017-11-27 19:12:28 577

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除