自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 JavaScript函数式编程(1)内置方法灵活使用

学习函数式编程需要非常熟悉以下概念 函数是一等公民 定义最少的无关临时变量 灵活使用函数作为函数的值 JS数组原生方法中的函数式用法 1、filter 接收一个函数创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素 案例 var animals = [ {nam...

2020-04-19 18:25:42 42 0

原创 前端自测的必要性和感想记录

前端自测适用于,前端开发前期《需求评审阶段》《UI评审阶段》《接口评审阶段》,中期《自测阶段》。末期《测试阶段》 身为前端狗在提交测试时,产品往往容易出现一些完全可以避免的bug。写此文意在提高个人提测质量和软件整体质量 目前前端角色处于软件开发过程中比较重要的节点,无论是产品经理,交互设计...

2019-08-18 22:07:08 51 0

原创 前端开发-企业实战之web移动端兼容和常见技巧

最近在一家还算比较大的公司的前端岗位实习 移动端开发环境 常见的移动端兼容问题

2019-02-24 20:57:03 149 0

原创 弃CSDN

大学时很多知识都是csdn上面 学的,相对而言,CSDN写博客是编辑器比较友好。 可是最近随便刷刷,看到不少人瞎写的博客。想想当初自己也是被这波人带偏的。非常失望 csdn就作为以后自己笔记(不公开)吧。 博客主战场转为 掘金和segmentfault 我会把其他平台文章转过来。 ...

2019-02-23 17:02:26 84 0

原创 CSS伪元素/伪类/清除浮动/居中等问题的总结

伪元素与伪类 为什么css要引入伪元素和伪类 https://zhuanlan.zhihu.com/p/46909886 css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分, 比如,一句话中的第一个字母,或者是列表中的第一个元素...

2019-02-14 21:53:34 245 0

原创 中高阶前端面试主要问题和工作必备知识点

以下记录的是,几个月以来收藏的部分中高级前端知识点 第1章html+css CSS中伪类与伪元素 CSS的原理是什么呢? 第2章javascript JavaScript的工作原理:引擎,运行时和调用堆栈的概述 JavaScript的工作原理:V8引擎内部+关于如何编写优化代码的5个技巧...

2019-02-05 22:02:09 165 0

原创 《代码整洁之道》读书笔记

以下整理为:这次阅读看到对自己有帮助的个人体会和书中妙句的汇总。 由于书中后半部分偏向于java,作为前端开发者,后半部分以后再总结。 第0章前言 5S哲学 整理 seiri 或谓组织 整顿 seiton 或谓整齐 清楚 seiso 或谓清洁 清洁 seike...

2019-01-26 16:24:43 122 0

原创 前端开发者的自我反省

我愧对程序员这个称号 愧对我已经当初的选择 愧对自己 深夜偶读前端前辈的课程,讲述前端技术发展、个人经历、个人状态、总结程序员的死胡同。恍然大悟。故总结记录下文。加黑为原文笔记,不加黑为自我反省 所有学习是目标成长驱动的,不是项目 我之前所有理念都是围绕着项目来学...

2018-10-27 14:13:04 758 0

原创 CSS3 box-flex 弹性盒子布局

本文将从css3 box-flex的属性来讲解弹性布局 所有demo的演示地址https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 利用弹性布局五大金刚进行布局的的在线显示 https://xluos.github.io/demo/...

2018-10-14 11:19:21 384 0

原创 前端难点汇总/面试高频知识点链接

js跨域 https://www.jianshu.com/p/1b1842fdfd73 web优化 https://www.cnblogs.com/liulilin/p/7245125.html 前端知识点-面试技巧集合 http://www.fed123.com/2016_web_fron...

2018-10-13 17:07:19 916 0

原创 Javascript中闭包的作用

闭包是什么干啥的 我就不细讲了  随便搜很多,我就一句话说下: 一个是可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 目录 闭包的参数传递 函数节流中使用 作用域 作用域链 高级排他中使用   具体的表现形式  就是一个函数尾部有return  输出一个函...

2018-10-13 16:44:04 401 0

转载 Javascript的内存管理、性能问题和垃圾回收

垃圾回收机制 JavaScript 具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。 而在 C和 C++之类的语言中,开发人员的一项基本任务就是手工跟踪内存的使用情况,这是造成许多问 题的一个根源。在编写 JavaScript 程序时,开发人员不用再关心内存使用问题,...

2018-10-13 14:12:42 66 0

转载 JavaScript总结学习一:js中构造函数与普通函数的区别

转自https://www.cnblogs.com/cindy79/p/7245566.html 构造函数不仅只出现在JavaScript中,它同样存在于很多主流的程序语言里,比如c++、Java、PHP等等。与这些主流程序语言一样,构造函数在js中的作业一样,也是用来创建对象时初始化对象,...

2018-10-08 13:45:10 140 0

转载 js中call,apply和bind方法的区别和使用场景

原地址https://blog.csdn.net/yaojxing/article/details/71942496 在js中,所有的函数再被调用的时候都会默认传入两个参数,一个是this,还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变t...

2018-10-07 12:58:51 97 0

转载 Html5移动端布局及(rem布局)页面自适应布局详解(转)

转载自https://www.cnblogs.com/yanayana/p/7066948.html 有部分改动和我的总结笔记 常见的页面布局方式有, 静态布局  px布局 流式布局(Liquid Layout) 主要的划分区域的尺寸使用百分数(搭配min-*、max-*属性使用) 自...

2018-10-06 21:36:02 6174 1

转载 HTML5系列(01)WebStorage是什么以及 和 Cookie的区别

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接 https://blog.csdn.net/wkyseo/article/details/51452303   sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以...

2018-10-04 17:27:07 138 0

转载 (转)【CSS】深入理解BFC原理及应用

本文来源:https://www.jianshu.com/p/acf76871d259 BFC的定义### 先看W3C文档 In a block formatting context, boxes are laid out one after the other, vertically...

2018-09-28 11:22:04 114 0

原创 jQuery-动态效果

显示-隐藏与切换 动画的显示show() $("button").eq(0).click(function () { // $("div").css("display", "block"); // 注意...

2018-09-24 22:07:54 150 0

原创 jQuery-事件

事件绑定与移除 jQuery中有两种绑定事件方式 1.eventName(fn); 编码效率略高/ 部分事件jQuery没有实现,所以不能添加 $("button").click(function () { alert("hello lnj&...

2018-09-24 17:38:04 80 0

转载 前端重新学习(0)JavaScript-理解 面向对象的程序设计

什么是面向对象 http://shem.xin/article-5 本文结构   创建对象 对象的继承(有些不是很理解-后续会更新)   官方定义:对象是拥有属性和方法的数据。 对象和函数比较: 函数是用来实现具体功能的代码,用一种方式把他们组织起来,就是函数了。...

2018-09-23 11:02:34 77 0

原创 jQuery-属性操作

jq四大内容选择器 :empty 作用:找到既没有文本内容也没有子元素的指定元素 var $div = $("div:empty"); console.log($div); :parent 作用: 找到有文本内容或有子元素的指定元素 var...

2018-09-23 10:42:36 130 0

原创 前端重新学习(18)javascipt之ajax Get与Post代码封装

原生JavaScript对Ajax中的Get和Post进行封装 原生的Ajax封装 xml格式的php发送和js处理 json格式的php发送和js处理 已经封装的Ajax:myAjax2.js  调用格式和JQ的ajax类似 /*调用格式*/ ajax({ ...

2018-09-22 11:10:50 86 0

转载 前端重新学习(17)DOM 扩展

DOM的两个主要扩展 Selectors API(选择符 API) HTML5 Element Traversal (元素遍历)规范 专有的DOM扩展   虽然 DOM为与 XML及 HTML文档交互制定了一系列核心 API,但仍然有几个规范对标准的 DOM 进行了扩展。这些扩展中有很...

2018-09-20 11:49:03 64 0

原创 前端重新学习(16)DOM基础

JavaScript由三部分组成 ECMAScript+DOM+BOM组成 DOM的学习分为三块,1.DOM基础   2.DOM进阶( Selectors API和的 Element Traversal (元素遍历)规范,)3.DOM、DOM2DOM3的改进 DOM(文档对象模型)是针对 ...

2018-09-19 19:44:49 155 0

原创 前端重新学习(19)JavaScript 特效之三大家族offset偏移-scroll滚动-client可视区

部分摘自 https://www.cnblogs.com/sj1988/p/6600829.html https://blog.csdn.net/k491022087/article/details/52629743 https://blog.csdn.net/carriehaohao/ar...

2018-09-07 16:09:42 156 0

转载 前端重新学习(5)DOM与DOM2、DOM3区别以及DOM2新特性

------------摘抄自他人笔记(http://itbilu.com/javascript/js/Vyxodm_1g.html、https://blog.csdn.net/pxy_lele/article/details/49755071) 感谢分享-------------------...

2018-08-30 17:42:17 729 0

原创 网页布局流程总结-关键样式识记

目录 前期准备           注意事项 页面框架准备和命名 参考--新浪 参考--淘宝网 重点标签识记 前期准备 1.观察结构 划分区域布局方式 利用div划分标准流与浮动流,对图片字体进行划分 如下 如下           注意事项 1.早早判断哪些...

2018-08-30 14:43:43 237 1

原创 CSS布局-企业开发技巧总结(6)动画/2D/3D/背景

来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程 https://study.163.com/course/courseLearn.htm?courseId=1003864040  动画模块 动画模块的组成 @keyframes 规...

2018-08-29 10:41:17 103 0

原创 CSS布局-企业开发技巧总结(5)定位/过渡动画

来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程 https://study.163.com/course/courseLearn.htm?courseId=1003864040  定位流 1.定位流分类 1.1相对定位 1.2绝对...

2018-08-28 20:11:43 258 0

原创 CSS布局-企业开发技巧总结(4)盒子模型与浮动/清除浮动

部分摘自来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记 https://study.163.com/course/courseLearn.htm?courseId=1003864040 目录 边框属性 内边距属性 外边距属性 ...

2018-08-26 15:45:59 926 0

原创 CSS布局-企业开发技巧总结(3)CSS三大特性/显示模式/背景切图

来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记 https://study.163.com/course/courseLearn.htm?courseId=1003864040 目录 CSS三大特性之继承性 CSS三大特性之层叠...

2018-08-26 14:33:51 157 0

原创 CSS布局-企业开发技巧总结(2)css选择器

来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记 https://study.163.com/course/courseLearn.htm?courseId=1003864040 /*标签选择器*/ p{color: r...

2018-08-25 23:31:40 93 0

原创 CSS布局-企业开发技巧总结(1)css入门以及基本属性

来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程 笔记 https://study.163.com/course/courseLearn.htm?courseId=1003864040 目录 css的基本格式 css的文字属性 CS...

2018-08-25 22:48:06 107 0

原创 CSS盒子模型的小知识

部分摘自 极客江南 链接:https://www.jianshu.com/p/34b6b5446a12 來源:简书     控制台的盒子 1.盒子的组成 盒模型宽度和高度 内容的宽度和高度 就是通过width/height属性设置的宽度和高度 元素的宽度和高度 ...

2018-08-25 15:32:52 117 0

转载 CSS3 选择器

CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。) 选择器 例子 例子描述 CSS .class .intro ...

2018-08-23 15:02:46 72 0

转载 CSS基础-CSS显示模式

Div和Span标签 什么是div? 作用: 一般用于配合css完成网页的基本布局 <style> .header{ width: 980px; height: 100px; ...

2018-08-23 15:00:52 91 0

原创 CSS所有属性分类(快速查找)

css的属性分类 目录 css的属性分类 动画属性分类 CSS3 动画属性(Animation) 2D/3D 转换属性(Transform) 过渡属性(Transition) Box 属性 Marquee 属性 尺寸/位置-- CSS 尺寸属性(Dim...

2018-08-23 14:45:47 1685 0

原创 网页知识入门-浏览器和网页生成

  本文主要介绍 目录 浏览器 服务器 用户访问网站原理及流程 描述从浏览器打开http://www.baidu.com地址回车发送请求到看到页面的过程(面试题) DNS解析 TCP三次握手原理 HTTP请求报文 响应报文 网页资源 大规模网站集群架构细节 tcp的四次...

2018-08-22 18:53:04 298 0

转载 前端重新学习(14)DOM中的事件(上)

来源 《Javascript高级程序设计》 笔记 JavaScript与HTML之间的交互是通过事件实现的。 事件:文档或浏览器窗口中发生的一些特定的交互瞬间。 就是文档或浏览器窗口中发生的一些 特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代 码。这...

2018-08-21 23:00:14 102 0

转载 前端重新学习(15)DOM中的事件(下)

来源 《Javascript高级程序设计》 笔记 目录 事件类型 UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设备事件 触摸与手势事件 内存和性能 事件委托 移除事件程序 模拟事件 DOM中的事件模拟 1. 模拟鼠标...

2018-08-21 23:00:05 241 0

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