- 博客(21)
- 收藏
- 关注
原创 前端基础知识
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
595
原创 CSS水平垂直居中布局
第一种:主要css代码有两个一个为text-align:center(内容居中), 另外一个为margin:0 auto; 第二种: display: flex;第三种、Css3显威力
2017-08-02 16:00:46
530
原创 前端性能优化
网页生成的时候,至少会渲染一次。用户访问的过程中,还会不断重新渲染。以下三种情况,会导致网页重新渲染。修改DOM修改样式表用户事件(比如鼠标悬停、页面滚动、输入框键入文字、改变窗口大小等等)提高性能的九个技巧 第一条是上一节说到的,DOM 的多个读操作(或多个写操作),应该放在一起。不要两个读操作之间,加入一个写操作。第二条,如果某个样式是通过重排得到的,那么最好缓存结果。避免下一次用到的
2017-08-02 14:48:10
442
原创 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
5146
原创 javascript中的深拷贝和浅拷贝?
一、jQuery的$.extend 浅拷贝与深拷贝$.extend( [deep ], target, object1 [, objectN ] ); deep 类型: Boolean 如果是true,合并成为递归(又叫做深拷贝)。 target 类型: Object object1 类型: Object 一个对象,它包含额外的属性合并到第一个参数。objectN 类型: Object
2017-07-31 16:16:50
566
原创 JS如何创建对象和继承对象
JS创建对象的几种方法:1.工厂模式,2.构造函数模式,3.原型模式,4.混合模式,5.动态原型模式,6.寄生构造函数模式,7.稳妥构造函数模式1.工厂模式,在构造函数内部创建一个新对象,最后返回这个对象。当实例化时,我们不需要用new关键字,就像调用方法一样就可以实例化。 工厂模式的缺点是容易和普通函数混淆,只能通过命名来确认它是一个 构造函数。不推荐使用这种模式。2.构造函数模式
2017-07-31 14:50:11
512
原创 js事件绑定、事件监听、事件委托
一、JavaScript事件:事件是文档或浏览器中发生的特定交互瞬间! 事件流: 1、事件冒泡:事件冒泡即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的节点(文档)。 text–>div–>body–>document–>window 2、事件捕获:事件捕获即事件最早由不太具体的节点接收,而最具体的节点最后接收到事件。
2017-07-31 10:32:53
467
原创 MVC 设计创建 Web 应用程序的模式
MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:Model(模型)表示应用程序核心(比如数据库记录列表)。View(视图)显示数据(数据库记录)。Controller(控制器)处理输入(写入数据库记录)。MVC 模式定义 Web 应用程序带有三个逻辑层:业务层(模型逻辑)显示层(视图逻辑)输入控制(控制器逻辑
2017-07-12 09:46:38
1861
原创 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
706
原创 Gulp基础入门学习
Gulp一种自动化完成我们开发过程中大量的重复工作: (1)、预处理语言的编译, (2)、js css html 压缩混淆, (3)、图片体积优化 淘宝NPM镜像:npm.taobao.org
2017-06-16 16:13:07
547
原创 vue结合elementUI,MinUi
UI组件 :利用别人提供的好东西,目的:提高开发的效率Boostrap: twitter开源,简洁大方 栅格化系统+响应式工具(移动+PC+PAD)elementUI: PC端mint-ui:移动端
2017-04-27 19:11:25
6491
原创 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
1560
原创 vue2.0的变化,与vue1.0对比
1.在每个组建的模板中,不再支持片段代码。2.关于组件的定义3.生命周期4.Vue2.0循环5.自定义键盘的指令6.过滤器7.组件通信8.可以使用一个"单一事件"管理组件通信
2017-04-26 19:57:23
4240
原创 windows下,把本地代码上传到github上
一共需要五步:第一步:建立git仓库cd到你的本地项目根目录下,执行git命令,此命令会在当前目录下创建一个.git文件夹。git init 第二步:将项目的所有文件添加到仓库中。git add name 这个命令会把当前路径下的所有文件,添加到待上传的文件列表中。
2017-04-26 14:56:18
439
原创 前端面试问题
1、 对mvc的理解 简单来说,MVC是一种流行的程序架构。MVC是 模型(Model) 、视图(View)、控制器(Control)的英文首字母的缩写,核心思想是:视图和用户交互 通过事件导致控制器改变 控制器改变导致模型改变 或者控制器同时改变两者 模型改变 导致视图改变 或者视图改变 潜在的从模型里面获得参数 来改变自己。MVC(Model-View-Controller),
2017-04-26 13:00:24
525
转载 网站常用的五种布局方案
一、“T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”,所以我们称之为"T"形布局。这是网页设计中用的最广泛的一种布局方式。这种网页设计布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“食之无味”。二、“口”型布局。
2017-04-26 12:57:39
10351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人