自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 免费的Kindle电子书资源

免费的Kindle电子书资源入手一部Kindle,找了一些免费的Kindle电子书资源,现在共享出来,有需要的取。GitHub链接:github.com/crazyandcod…   二十四史   历史人文     古典文学    哲学宗教   外国文学  ...

2018-12-12 13:39:11 4109

转载 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格,轻松区别 Javascript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下:<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><ti

2018-12-11 17:08:10 338

原创 200,400, 404,503, 等http请求状态码各自代表状态。

一些常见的状态码为:  200 - 服务器成功返回网页  404 - 请求的网页不存在  503 - 服务器超时     下面提供 HTTP 状态码的完整列表。点击链接可了解详情。您也可以访问 HTTP 状态码上的 W3C 页获取更多信息。一、临时响应       1xx(临时响应)  表示临时响应并需要请求者继续执行操作的状态码。  100(继续)请求

2017-09-20 16:02:44 1178

转载 送给前端的你,推荐几篇前端汇总文章。(来自知乎专栏)

送给前端的你,推荐几篇前端汇总文章。(来自知乎专栏)来源:https://zhuanlan.zhihu.com/p/22229868 作者:路人甲链接:https://zhuanlan.zhihu.com/p/22229868来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。昨天写的文章,一大早发出去点开预览的时候发现格式都错乱了。又急着去上班就把文章给删除了。本来是周...

2017-09-14 13:57:07 4928

转载 jquery的安装引用地址和替代方式

jQuery 安装网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery有两个版本的 jQuery 可供下载:Production version - 用

2017-09-08 09:24:21 962

转载 jQuery简介

jQuery 库可以通过一行简单的标记被添加到网页中。您需要具备的基础知识在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:HTMLCSSJavaScript如果您需要首先学习这些科目,请在我们的 首页 查找这些教程。什么是 jQuery ?jQuery是一个JavaScript函数库。jQuery是一个轻量

2017-09-07 13:42:31 404

原创 输入框自动补全js代码

$('.searchIpt').keyup(function(e){if(event.which >= 37 && event.which return;}$.get("/backstage/getDebtors?keyword=" + $(this).val(), function(result){$('.searchIpt').AutoComplete({       

2017-08-09 14:42:44 859

原创 Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色。这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记。过多的话就不多说了,下面进入正 题。        一、首先介绍一下我遇到这个问题时文本框的样式情况: 

2017-08-04 13:49:01 929

原创 React 如何优雅地写单页面应用?

本文作者:张小龙,美团前端工程师,来自作者的知乎专栏为了追求极致的用户体验,很多Web应用采用单页面方式呈现,然而单页面应用,往往对应着高复杂度,比如多层次路由配置、统一数据处理等,这需要项目有一个强大的技术架构和友好的构建环境来支撑。路由器,作为单页面构建的基础,对单页面应用的开发、加载、运行各个环节都起着至关重要的作用,项目体量越大,对路由器的依赖表现越强。下面是一

2017-06-27 15:17:42 1426

原创 阿里、网易、滴滴共十次前端面试碰到的问题

前一段时间一直在不断地面试,无奈个人技术能力有限、项目经验缺乏,最终都没有进入到HR面试环节,全~~挂~~了~~面试了这么多,结果不是太好,有点儿受打击,也促使我近期静下心来反思自己的问题:哪些技术知识掌握的还不错,哪些还有待提高,哪些是需要去恶补的。阿里面试了三个部门,都是在二面挂的,网易和滴滴也是各两轮技术面试,加一起就是十次面试经历。在此回忆总结一下,既是给社区朋友的一个参考

2017-06-27 15:13:04 669

原创 JQuery Show()的效果,看看有没有你需要的!

1 show()方法和hide()方法$("selector").show()  从display:none还原元素默认或已设置的display属性$("selector").hide()  设置元素的display样式为none,等于$("selector").css("display","none")(注: 传入参数后,.show()和.hide()方法同时动画改变

2017-04-24 14:57:25 601

原创 全选,全部选和输入数字对应选的实现

无标题文档                              请选择你爱好:           音乐           登山           游泳           阅读           打球           跑步                               请输入您要选择爱好的序号,序号

2017-04-05 15:25:10 731

转载 100本最棒的web前端图书推荐

100本最棒的web前端图书推荐01、《JavaScript DOM编程艺术第二版(中文)》语言:中文类型:pdf 简介:这本书作为被大家推荐的最多的前端入门书籍是有道理的。他能真正让大家了解dom脚本编程,或是说前端编程技术背后的思路和原则。对于初学者来说,这本书没有任何门槛,按部就班跟着书籍实例编写代码即可。我们会知晓如何对浏览器元素操作和掌控,

2017-03-07 11:15:28 15112 1

原创 jQuery的61种选择器及示例

汇总jQuery的61种选择器及示例1. #id : 根据给定的ID匹配一个元素这是第一个p标签这是第二个p标签 $(function(){ $("#myId").css("color","red"); });结果:这是第一个p标签这是第二个p标签2. element : 根据给定的元素标签名匹配所有元素这是

2017-03-07 10:56:46 510

原创 Javascript实用的语句

Javascript实用的语句总结几条Javascript实用的语句,供新手快速学习入门,相信会对你有很大的帮助。记住一点:尽信书不如无书。 学习重在学习方法,以下内容仅供参考!1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(hea

2017-03-07 10:03:49 431

原创 web前端简历怎么写?

前端工程师简历怎么写?其实前端工程师并不少,但很多时候合适的前端工程师难找。可能是由于程序员比较内向,前端工程师都没有把自己最厉害的那一面表现出来。今天我们来聊聊前端工程师的简历怎么写,希望能够对大家有帮助。 简历的重要性  简历的作用其实一直被忽视,即使是有人内推,简历也是必须认真对待的。很多人找朋友内推都是随便在人才网上填了几个表单生成个word文档自己都没看一

2017-03-07 10:00:08 5888

原创 js数组操作学习笔记

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,

2017-03-07 09:37:18 374

原创 如何用手机访问自己电脑?

最近在开发移动端的东西,今天学会了用手机访问自己电脑,分为以下几步:1.win+r +enter ,在cmd里面输入ipconfig然后找到自己的ip地址。2.在自己的手机端浏览器中输入:http;//+上面的ip地址+8080/。3.如果访问的是移动端就在http;//+上面的ip地址+8080/后面+mobile......4.如果访问的是pc端就在http;//+上面的ip地

2017-03-06 09:40:37 3784

原创 meta 详解,html5 meta 标签日常设置

DOCTYPE html> 使用 HTML5 doctype,不区分大小写 -->html lang="zh-cmn-Hans"> 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->head> 声明文档使用的字符编码 --> meta charset='utf-8'> 优先使用 IE 最新版本和 Chrome --> meta

2017-02-26 17:18:05 476

原创 angular路由详解

angular路由路由 (route) ,几乎所有的 MVC(VM) 框架都应该具有的特性,因为它是前端构建单页面应用 (SPA) 必不可少的组成部分。那么,对于 angular 而言,它自然也有 内置 的路由模块:叫做 ngRoute 。不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!!于是,一个基于 ngRoute 开发的 第三方路由模块

2017-01-04 12:29:24 19207 3

转载 css预处理器

转自: http://efe.baidu.com/blog/revisiting-css-preprocessors/CSS 预处理器是什么?一般来说,它们基于 CSS 扩展了一套属于自己的 DSL,来解决我们书写 CSS 时难以解决的问题:语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器;没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的

2016-12-15 21:03:09 574

转载 七种CSS方式让一个容器水平垂直居中

七种CSS方式让一个容器水平垂直居中阅读目录方法一:position加margin 方法二: diaplay:table-cell 方法三:position加 transform 方法四:flex;align-items: center;justify-content: center 方法五:display:flex;margin:auto 方法

2016-12-15 20:56:51 482

原创 面试总结

前段时间离职了,就花了些时间准备笔试和面试。在网上和博客园里都看到这些笔试题,在这里我来做一个解答(少数题目)。有些是参考网上资料,有些是个人理解,有错误或不恰当的地方往指正,谢谢。一、  标签的定义与用法。答:定义:声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范 。该标签可声明三种DTD类型,分别表示严格版本、过

2016-12-15 10:32:48 244

转载 css3弹性布局

弹性布局是CSS3引入的强大的布局方式,用来替代以前Web开发人员使用的一些复杂而易错hacks方法(如使用float进行类似流式布局)。其中flex-flow是flex-direction和flex-wrap属性的简写方式,语法如下:flex-flow: || flex-direction: row(初始值) | row-reverse | column | column-reve

2016-12-12 21:03:57 507

转载 AJAX面试中常见的面试题

1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识)什么是ajax:AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术:基于web标准(standards-basedpresentation)XHTML+CSS的表示;使用 DOM(Document ObjectM

2016-12-12 20:56:44 636

原创 html&css常见面试题(1)

1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?(笔试)IE: trident内核Firefox:gecko内核Safari:webkit内核 (苹果浏览器)Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发)2. 每

2016-12-02 15:43:01 578

原创 发送get请求的ajax_基础语法代码演示

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle>head>body> h1>发送get请求的ajax_基础语法h1> input type="button" value="发送get_ajax请求" id='btnAjax'>body>html>script type="

2016-11-26 20:47:48 600

原创 ajax基础知识详解

AJAX项目开发模块:B/S模块 即浏览器/服务器(一般会优先做出来当展品)优点:轻量级 缺点:无法做太多炫酷的特效C/S模块 即客户端/服务器优点:可实现很多炫酷的特效 缺点:重量级服务器(本质上是一台电脑 用于存储和交互信息)服务器分类按类型分:文件服务器、数据库服务器、邮件服务器、Web 服务器等;按软件分:Apache服务器、Nginx

2016-11-26 16:24:24 2443

原创 h5、c3基础知识整理

HTML5HTML5广义的概念:代表着浏览器技术发展的阶段,是html5 css3和js(API)一套前端技术的组合。HTML5新定义了一堆语义化标签,更有利于搜索引擎或辅助设备理解HTML页面内容。在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只需要将其转换成块元素(block)即可使用。低版本采用条件注释: 表单:表单元

2016-11-26 09:44:29 4705

原创 ajax基础知识整理

AJAXCS/BS架构C/S架构(Client/Server)指的是客户端/服务器架构。优点:性能较高:可以将一部分的计算工作放在客户端上,这样服务器只需要处理数据即可界面酷炫:客户端可以使用更多系统提供的效果,做出更为炫目的效果缺点:更新软件:如果推出了新版本,不更新客户端无法登陆使用(一部分)不同设备访问:如果使用其他的电脑,没有安装客户端的话就无法登陆软件(比

2016-11-26 09:08:15 575

原创 js基础知识整理

JSJS组成:JS = ECMAScript + dom(文档对象模型) + bom(浏览器对象模型)JS命名规则 驼峰命名法NAN 非数值 注意:Undefined和任何数值计算为NaN,NaN与任何值都不相等,包括 NaN本身string 字符串 注意:无法输出的字符,先输出/,在输出字符。(“、\、换行等....)。字符串不可变是指 在内存中不会立刻消失,

2016-11-26 08:47:52 449

原创 html基础知识整理

Html 复习Web网页标准:HTML 结构标准  Css表现标准  JS行为标准各个浏览器内核Safari:webkit   IE:trident火狐:gecko  谷歌/欧朋:blinkHTML 超文本标记语言 水平线标签图片标签: img Alt 属性 替换文本  title提示文本特殊字符    空格      >Meta 关键词:网

2016-11-26 00:22:41 450

原创 css基础知识整理

浏览器内核 IE的内核是:  trident;Firefox内核是: Gecko;Chrome内核是: Blink;Safari内核是: Webkit;欧朋内核是: Blink;  Css css层叠样式表 书写位置: 行内式 内嵌式 外链式内嵌式写法,样式只作用于当前文件,没有真正实现结构表现分离。外链式写法,作用范围是当前站点,谁调用

2016-11-25 23:11:17 442

空空如也

空空如也

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

TA关注的人

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