Jacksoncz-CSDN博客

原创前端基础知识

1. 事件类型、绑定方式事件类型：（1）鼠标（mousedown -> mouseup -> click -> dbclick），（2）键盘（keydown / keyup / keypress），（3）表单事件（form中submit和reset事件），（4）Window事件（onload）绑定方式：（1）直接在标签中使用onclick绑定

2017-08-03 17:15:17 511

原创 CSS水平垂直居中布局

第一种：主要css代码有两个一个为text-align:center（内容居中），另外一个为margin:0 auto；第二种： display: flex;第三种、Css3显威力

2017-08-02 16:00:46 482

原创前端性能优化

网页生成的时候，至少会渲染一次。用户访问的过程中，还会不断重新渲染。以下三种情况，会导致网页重新渲染。修改DOM修改样式表用户事件（比如鼠标悬停、页面滚动、输入框键入文字、改变窗口大小等等）提高性能的九个技巧第一条是上一节说到的，DOM 的多个读操作（或多个写操作），应该放在一起。不要两个读操作之间，加入一个写操作。第二条，如果某个样式是通过重排得到的，那么最好缓存结果。避免下一次用到的

2017-08-02 14:48:10 400

原创 CSS布局样式：左右布局，左边定宽，右边自适应

1.display：table width:100% 和 diplay : table-cell<!DOCTYPE html><html><head> <title>table</title></head><style> #wrap{ display: table; width: 100%; background-colo

2017-08-02 14:28:54 5079

原创 javascript中的深拷贝和浅拷贝？

一、jQuery的$.extend 浅拷贝与深拷贝$.extend( [deep ], target, object1 [, objectN ] )； deep 类型: Boolean 如果是true，合并成为递归（又叫做深拷贝）。 target 类型: Object object1 类型: Object 一个对象，它包含额外的属性合并到第一个参数。objectN 类型: Object

2017-07-31 16:16:50 514

原创 JS如何创建对象和继承对象

JS创建对象的几种方法：1.工厂模式，2.构造函数模式，3.原型模式，4.混合模式，5.动态原型模式,6.寄生构造函数模式,7.稳妥构造函数模式1.工厂模式，在构造函数内部创建一个新对象，最后返回这个对象。当实例化时，我们不需要用new关键字，就像调用方法一样就可以实例化。工厂模式的缺点是容易和普通函数混淆，只能通过命名来确认它是一个构造函数。不推荐使用这种模式。2.构造函数模式

2017-07-31 14:50:11 473

原创 js事件绑定、事件监听、事件委托

一、JavaScript事件：事件是文档或浏览器中发生的特定交互瞬间！事件流： 1、事件冒泡：事件冒泡即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的节点（文档）。 text–>div–>body–>document–>window 2、事件捕获:事件捕获即事件最早由不太具体的节点接收，而最具体的节点最后接收到事件。

2017-07-31 10:32:53 413

原创 MVC 设计创建 Web 应用程序的模式

MVC 是一种使用 MVC（Model View Controller 模型-视图-控制器）设计创建 Web 应用程序的模式：Model（模型）表示应用程序核心（比如数据库记录列表）。View（视图）显示数据（数据库记录）。Controller（控制器）处理输入（写入数据库记录）。MVC 模式定义 Web 应用程序带有三个逻辑层：业务层（模型逻辑）显示层（视图逻辑）输入控制（控制器逻辑

2017-07-12 09:46:38 1799

原创 ASP.NET Razor - C# 和 VB 代码语法

Razor 是一种标记语法，可以让您将基于服务器的代码（Visual Basic 和 C#）嵌入到网页中主要的 Razor C# 语法规则: （1）、Razor 代码块包含在 @{ … } 中（2）、内联表达式（变量和函数）以 @ 开头（3）、代码语句用分号结束（4）、变量使用 var 关键字声明（5）、字符串用引号括起来（6）、C# 代码区分大小写（7）、C# 文件的扩

2017-06-16 16:23:39 660

原创 Gulp基础入门学习

Gulp一种自动化完成我们开发过程中大量的重复工作：（1）、预处理语言的编译，（2）、js css html 压缩混淆，（3）、图片体积优化淘宝NPM镜像：npm.taobao.org

2017-06-16 16:13:07 497

原创常用正则表达式

字符正则表达式

2017-06-15 16:20:52 315

原创前端开发面试集....

前端面试集合

2017-05-09 20:20:12 1511

原创 HTML5 播放器

h5 音乐播放器，歌词，播放列表，播放模式

2017-05-09 19:14:08 883

原创 Jvascript正则表达式学习

正则表达式 Regular Expression

2017-05-02 14:49:24 607

原创 Webpack学习心得

webpack简介,webpack的优势

2017-05-02 12:42:43 556

原创 vue结合elementUI,MinUi

UI组件：利用别人提供的好东西，目的：提高开发的效率Boostrap: twitter开源，简洁大方栅格化系统+响应式工具（移动+PC+PAD）elementUI： PC端mint-ui:移动端

2017-04-27 19:11:25 6444

原创 Vue动画和 Vue路由

Vue动画和 Vue路由一.transition： Vue1.0:<p transition="fade"></p>.fade.transition{}.fade-enter{}.fade-leave{} (一).Vue2.0以后，transition组件 <transition name="fade"> 运动的内容(元素，属性,路由...)

2017-04-27 09:18:55 1501

原创 vue2.0的变化，与vue1.0对比

1.在每个组建的模板中，不再支持片段代码。2.关于组件的定义3.生命周期4.Vue2.0循环5.自定义键盘的指令6.过滤器7.组件通信8.可以使用一个"单一事件"管理组件通信

2017-04-26 19:57:23 4193

原创 windows下，把本地代码上传到github上

一共需要五步：第一步：建立git仓库cd到你的本地项目根目录下，执行git命令，此命令会在当前目录下创建一个.git文件夹。git init 第二步：将项目的所有文件添加到仓库中。git add name 这个命令会把当前路径下的所有文件，添加到待上传的文件列表中。

2017-04-26 14:56:18 391

原创前端面试问题

1、对mvc的理解简单来说，MVC是一种流行的程序架构。MVC是模型（Model) 、视图(View)、控制器(Control)的英文首字母的缩写，核心思想是：视图和用户交互通过事件导致控制器改变控制器改变导致模型改变或者控制器同时改变两者模型改变导致视图改变或者视图改变潜在的从模型里面获得参数来改变自己。MVC（Model-View-Controller），

2017-04-26 13:00:24 480

转载网站常用的五种布局方案

一、“T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”,所以我们称之为"T"形布局。这是网页设计中用的最广泛的一种布局方式。这种网页设计布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人“食之无味”。二、“口”型布局。

2017-04-26 12:57:39 9970

Jacksoncz的博客