web前端开发
文章平均质量分 81
Minn0916
这个作者很懒,什么都没留下…
展开
-
mac终端下安装brew命令
mac 终端下安装brew命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"在终端环境下,brew --version 查看brew的版本,也可以验证brew是否安装成功...原创 2019-12-24 21:45:33 · 959 阅读 · 0 评论 -
vue实现数据双向绑定的基础之理解对象属性类型
原生JavaScript之理解对象ECMA-262 把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样(以及其他将要讨论的原因),我们可以把ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数。每个对象都是基于一个...原创 2019-10-29 10:25:51 · 772 阅读 · 0 评论 -
AngularJS 表格
ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的:AngularJS 实例div ng-app="myApp" ng-controller="customersCtrl"> table> tr ng-repeat="x in names"> td>{{ x.Name }}/转载 2016-01-04 13:34:27 · 1154 阅读 · 0 评论 -
JavaScript调试技巧之console.log()详解
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑。 一、什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能;即使原创 2016-01-06 11:32:29 · 3202 阅读 · 0 评论 -
JavaScript杂谈
引子 编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在的唯一目的,就原创 2016-02-14 18:02:11 · 665 阅读 · 0 评论 -
CSS 注意事项
1 . ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 2 . 类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。CSS 布局特点 对于蜘蛛在爬行一个网站的页面时,若是有太多的垃圾代码,会使搜索蜘蛛对其产生不友好、不信任感,同时蜘蛛的爬行速度原创 2016-01-15 13:27:52 · 707 阅读 · 0 评论 -
用grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!1. 前言各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,翻译 2016-06-14 17:10:18 · 1510 阅读 · 0 评论 -
滑动会卡 bug解决
-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.兼容安卓和IOS的写法如下overflow:auto;/* winphone8和android4+ */ -webkit-overflow-scrolling: touch; /* ios5+ */ 取值auto使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。原创 2017-01-10 17:53:13 · 734 阅读 · 0 评论 -
git保存用户名密码的方法
方法一:编辑本地 .git/config 增加[credential] helper = store保存,第一次需要输入用户名密码,输入一次密码后第二次就会记住密码了不会再提示输入用户名及密码方法二:1. Windows中添加一个HOME环原创 2017-01-17 16:30:56 · 4715 阅读 · 0 评论 -
js创建对象经典模式及各模式区别
js创建对象思维导图原创 2018-04-02 14:44:17 · 558 阅读 · 0 评论 -
js中的深复制和浅复制
在实际情况中经常会遇到对对象复制的问题。比如在处理项目中的一笔多结构的数据存储或者调用,这个时候你就要对对象(json)进行操作,而不 同的操作根据不同的需求来定义。其中最常见最普遍的是对对象的复制,重新定义,扩展等。下面我们正对这些问题来进行探讨。要了解对象,我们首先需要了解 js的内存分配机制:var o = {a:1};当我们在给一个变量赋值的时候已经在浏览器中开辟了一块内存出来。这块内原创 2015-09-24 10:57:42 · 415 阅读 · 0 评论 -
javaScript apply方法的使用详细解析
1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是:Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; }原创 2015-10-09 11:03:46 · 2235 阅读 · 0 评论 -
JavaScript基础知识点系列一
eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。举个小例子:var the_unevaled_answer = "2 + 3";var the_evaled_answer = eval("2 + 3");alert("the un-evaled answer is " + the_unevaled_answer + " and the原创 2015-09-17 16:35:23 · 419 阅读 · 0 评论 -
Web前端开发面试题系列一
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;2.xhtml和html有什么区别原创 2015-09-12 14:19:59 · 861 阅读 · 0 评论 -
CSS权重的问题:选择器权重值的计算
在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。那么,又怎么来计算选择器的特殊性呢?下面这张图介绍了特殊性的计算方法:我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值原创 2015-09-11 11:42:25 · 8708 阅读 · 1 评论 -
详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起,所 以就有了5种或6种选择器了。三种基本的选择器类型语法如下:◆标签名选择器原创 2015-09-11 12:00:44 · 459 阅读 · 0 评论 -
使用 CSS 媒体查询创建响应式网站
响应式设计响应式设计可根据所显示的屏幕大小而改变, 它呈现的每个屏幕看起来并不相同。按照可用的屏幕属性,响应式设计提供了 UI 的最佳效果。媒体查询从 CSS 版本 2 开始,就可以通过媒体类型在 CSS 中获得媒体支持。如果您曾经使用过打印样式表,那么您可能已经使用过媒体类型。清单 1 展示了一个示例。清单 1. 使用媒体类型在清原创 2015-09-13 16:35:56 · 1235 阅读 · 0 评论 -
三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁,适应性更强,代码更直观等诸多好处。我们将会从语法、变量、嵌套、混入(Mixin)、继承、导入、函数和操作符等方面分别对这三个框架进行比较介绍。语法在使用 CSS 预原创 2015-09-13 19:11:39 · 692 阅读 · 0 评论 -
JavaScript 之arguments、caller 和 callee 介绍
1.前言arguments, caller , callee 是什么?在javascript 中有什么样的作用?本篇会对于此做一些基本介绍。2. argumentsarguments: 在函数调用时, 会自动在该函数内部生成一个名为 arguments的隐藏对象。 该对象类似于数组, 但又不是数组。可以使用[]操作符获取函数调用时传递的实参原创 2015-09-15 17:39:34 · 426 阅读 · 0 评论 -
with 语句
有标签的语句with 语句用于设置代码在特定对象中的作用域。它的语法:with (expression) statement例如:var sMessage = "hello";with(sMessage) { alert(toUpperCase()); //输出 "HELLO"}在这个例子中,with 语句用于字符串,所以在调用 toUpperCase() 方原创 2015-09-14 17:34:34 · 435 阅读 · 0 评论 -
js匿名函数
一、什么是匿名函数?在Javascript定义一个函数一般有如下三种方式:函数关键字(function )语句:function fnMethodName(x) { alert(x);} 函数字面量(Function Literals):var fnMethodName = function (x) { alert(x);} Function()构造函数:v转载 2015-09-14 20:09:24 · 514 阅读 · 0 评论 -
理解JavaScript原型
Javascript原型总会给人产生一些困惑,无论是经验丰富的专家,还是作者自己也时常表现出对这个概念某些有限的理解,我认为这样的困惑在我们一开始接触原型时就已经产生了,它们常常和new、constructor相关,特别是函数(function)的原型(prototype)属性(property)。事实上,原型是一种非常简单的概念。为了更好的理解它,我们应该首先记住这个原则,那就是忘记我们已经学到转载 2015-09-15 14:33:13 · 302 阅读 · 0 评论 -
HTML DOM Event 对象
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!事件句柄 (Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可原创 2015-09-16 16:22:39 · 766 阅读 · 0 评论 -
js之事件冒泡和事件捕获详细介绍
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(eve原创 2015-09-17 11:58:21 · 414 阅读 · 0 评论 -
分离 结构 表现和行为
WEB标准提倡结构、表现和行为相 分离Web包含三个层次(没错,它们都需要各自分离)HTML结构CSS表现JavaScript行为HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。不管如何,一个网页必需HTML结构层。没有HTML,没有网页。CSS和JavaScript都是可原创 2015-09-11 17:07:11 · 2423 阅读 · 0 评论