- 博客(59)
- 收藏
- 关注
RSS订阅原创 mac电脑下安装node-sass报错
mac终端执行sudo npm install node-sass -g报错gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass/.node-sass改成：sudo npm install -g --unsafe-perm node-sassnp...
2019-09-27 17:13:54
4117
转载 npm换源
一、使用淘宝镜像1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org3.通过cnpmnpm install -g cnpm --registry=https://registry...
2019-07-18 09:57:39
400
转载 js对iframe内外（父子）页面进行操作
怎么对iframe进行操作，1.在iframe里面控制iframe外面的js代码。2.在父框架对子iframe进行操作。获取iframe里的内容主要的两个API就是contentWindow,和contentDocument iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取iframe的document对象...
2019-04-03 16:17:42
385
转载 移动端上的设计和适配
面对于不同移动设备，特别是针对于屏幕高度的设计和适配，一直是困扰着视觉和前端。特别是设计师和前端开发人员之间的协调，沟通的成本也随着增加。那么这篇文档，主要是用于移动端设计和适配（针对屏幕高度方面），希望通过文档的形式能减少设计师和开发人员之间的一些沟通成本，同时让前端开发人员用最低的时间成本来完成终端设备的UI适配工作。了解一些概念不管是设计师或者开发人员，对于一些概念都应该要有一定的了...
2018-07-27 18:43:38
2934
转载 vue-devtools与vue的安装
一、vue-devtlools安装1.下载git clone https://github.com/vuejs/vue-devtools2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build3.然后打开shells>chrome>src>manifest.json 把里面的"persistent": ...
2018-05-11 14:32:12
219
转载 10 分钟理解 BFC 原理
一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中...
2018-03-07 15:49:00
243
原创 node-sass
安装npm install node-sass -g安装成功：node-sass -vnode-sass 4.5.3 (Wrapper) [JavaScript]libsass 3.5.0.beta.2 (Sass Compiler) [C/C++]webstorm配置（windows系统）文件 -> 设置 -...
2018-02-24 09:26:50
447
转载 一张图说明 函数, 实例(对象), 原型之间的关系
一张图说明函数 实例(对象) 原型之间的联系GitHub set up图片来源:www.cnblogs.com/wilber2013/…由上图得出结论：每个函数都有一个prototype属性指向另一个对象，这个对象就叫函数的原型对象由构造函数产生的实例对象，其[[prototype]]属性(不可见，浏览器通常实现为__proto__)指向构造函数的原
2017-11-21 10:44:39
1080
转载 前端跨域知识总结
前言相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。正文1. 什么是跨域？跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其
2017-08-28 15:22:16
262
转载 移动端去除横向滚动条
移动端横向商品浏览、横向滑动广告位(CSS实现)在手机上逛一些电商网站或者其他相同类型的网站时，会遇到横向滑动的商品。如京东、淘宝等电商网站下。我们知道，这一般情况下为某个元素设置overflow: auto做到，表示横向或者竖向依据内容的多少自动出现滚动条。但是，在页面中间出现横向滚动条是十分不好看的..在不使用任何插件的情况下，可以使用原生CSS的方法来解决这个问题。
2017-08-03 16:43:01
1033
转载 跨域
同源策略浏览器出于安全方面的考虑，不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。同源指的是：* 同协议* 同域名* 同端口作用：保证用户信息的安全，防止恶意的网站窃取数据例1：A网站是一家银行，用户登录以后，又去浏览其他网站。如果其他网站可以读取A网站的 Cookie，会发生什么？很显然，如果 Cookie 包含隐私（比如存款总额），这
2017-06-16 13:54:17
252
转载 Chrome 开发者工具中的命令菜单
大家对命令菜单(Command Menu)应该都不陌生。目前主流的编辑器中都内置了对该功能的支持。在 Sublime Text 和 Visual Studio Code 中你都可以通过快捷键 Ctrl + Shift + P 呼出命令菜单（在 Mac 上是 Cmd + Shift + P）。在呼出的菜单中输入关键字选择自己需要的命令（支持模糊搜索哦），按回车即可执行命令。极大的提高了效
2017-06-09 17:17:11
536
转载 企业做响应式网站的好处
摘要： 随着移动互联网的兴起发展，很多传统的网站多多少少会遇到一些问题，譬如，用移动端设备手机、平板浏览，要么整体缩小，要么会显示出宽宽的滚动条，用户体验较差，即便是移动端浏览器可以转码处理，但体验往往并不是很好。随着移动互联网的兴起发展，很多传统的网站多多少少会遇到一些问题，譬如，用移动端设备手机、平板浏览，要么整体缩小，要么会显示出宽宽的滚动条，用户体验较差，即便是移动端浏览器可以转码
2017-05-11 17:16:02
359
转载 JavaScript：JSON 和 JS 对象
区别JSON（JavaScript Object Notation）仅仅是一种数据格式（或者叫数据形式）。数据格式其实就是一种规范，按照这种规范来存诸和交换数据。就好像 XML 格式一样。区别JsonJavascript对象含义仅仅是一种数据格式对象的实例传输可以跨平台数据传输，速度快不
2017-05-11 17:14:06
217
转载 SASS开发环境搭建（webstorm做编辑器）
sass只是了解过，却没有实际操作。下午空余一部分时间，搭个SASS环境扫扫盲吧。遇到的问题还真是不少。sass安装：根据实际操作的过程，总结以下步骤：（限window系统）1、下载RubyInstaller，运行安装（只管点击next即可）。2、在开始程序中找到Start Command Prompt with Ruby，如下图点击后出现命令窗
2017-05-06 23:20:18
279
转载 webstorm配置scss自动编译路径
webstorm支持sass的同步编译,也就是即写即编译,并且可以指定编译后的css的目录.本文使用的webstorm为8.0版本scss安装：http://www.w3cplus.com/sassguide/install.html打开webstorm：点击左上角的File→Settings→File Watchers在弹窗的窗口的右上角点击绿色的 ‘+’ 号,然后选择scs
2017-05-06 23:19:42
1897
1
转载 CSS常见布局解决方案
说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。水平居中布局首先我们来看看水平居中1.margin + 定宽div class="parent"> div class="child">Demodiv>div>style> .child { widt
2017-05-03 09:51:30
386
转载 前端开发面试题集锦
前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增
2017-05-02 17:23:06
2515
转载 JS中判断数据类型的几种方法
1⃣️首先我们来了解一下js中的数据类型1.基本数据类型：Undefined、Null、Boolean、Number、String(值类型)2.复杂数据类型：Object(引用类型)(值类型和引用类型的定义是通过数据在内存中的存储方式来确定的)1）变量对象与基础数据类型 JavaScript的执行上下文(context)生成之后，会创建一个叫做变量对象的特
2017-04-28 11:44:42
404
翻译 教你开发jQuery插件（转）
阅读目录基本方法支持链式调用让插件接收参数面向对象的插件开发关于命名空间关于变量定义及命名压缩的好处工具GitHub Service Hook原文：http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。
2017-04-24 14:13:49
340
转载 jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。具体不多说了，请看下面的代码吧。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2017-04-10 11:55:57
777
转载 学前端，这几个算法你必须知道
1.杨辉三角:杨辉三角，是二项式系数在三角形中的一种几何排列。在欧洲，这个表叫做帕斯卡三角形。帕斯卡（1623----1662）是在1654年发现这一规律的，比杨辉要迟393年，比贾宪迟600年。JavaScript版本：运行结果：Java版本：运行结果：其中二位数组用js去理解,就是第一个参数为有几个对象,第二个参数为对象中有几个值,相当于开辟空间
2017-04-01 16:31:26
2465
转载 CSS技巧（二）：形状
1. 自适应的椭圆背景知识：border-radius属性的基本用法使用border-radius制作一个圆很简单，只要给任何正方形元素设置固定宽高及一半长度以上的border-radius，就可以得到圆形1234background: #fb3;width: 200px;height: 200px;border-radius: 100px; /*
2017-03-29 17:32:34
399
转载 CSS技巧（一）：背景与边框
背景与边框1.半透明边框背景知识：rgba/hsla，在rgb/hsl的基础上增加了Alpha通道,用于设置颜色的不透明度（就是能透过多少背景）rgba接受四个数值，即rgba(red, green, blue,a),rgb可以为数值（0 ~ 255），也可以为百分比（0 ~ 100%），a表示不透明度(0~1),1为完全不透明，0表示完全透明。rgba(0
2017-03-29 17:31:26
1071
转载 前端跨域知识总结
相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。 正文什么是跨域？跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏
2017-02-16 16:43:10
187
转载 【大拿分享】单页应用（Single Page Application）的搜索引擎优化
转自http://zhanzhang.baidu.com/college/articleinfo?id=294
2016-12-21 10:52:05
628
转载 ie6-ie8不支持opacity，rgba解决方法
半透明部分设置样式：opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常。但是这样在ie6-ie8中是不支持的，需要加上下面这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 这里的opacity是百分比的opacity表示透明度，默认的范
2016-11-01 14:24:14
1632
转载 7个你可能不认识的CSS单位:rem vh vw vmin vmax ex ch
今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似pixel 和 em 这样的，但是很有可能你之前从来就没听过这些家伙们！rem我们首先介绍下和我们熟悉的很相似的货。em 被定义为相对于当前对象内文本的字体大小。炒个栗子，如果你给body小哥设置了font-size字体大小，那么body小哥的任何子元素的1em就是等于body设置的font
2016-09-23 10:58:40
468
转载 jQuery选择器总结
1234567891011121314151617181920212223242526272829303132333435
2016-09-22 08:59:41
206
转载 .apply()用法和call()的区别
.apply()用法和call()的区别Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一
2016-09-21 09:52:20
241
转载 CSS3滚动条美化,CSS3滚动条皮肤
SS3 -webkit-scrollbar滚动条皮肤美化实现，利用-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb这2个属性设置不同样式的滚动条。下面是5个滚动条样式。css代码12345678910
2016-09-12 17:44:11
587
转载 CSS书写顺序
作者：词晖链接：https://www.zhihu.com/question/19586885/answer/48933504来源：知乎著作权归作者所有，转载请联系作者获得授权。CSS书写顺序 1.位置属性(position, top, right, z-index,display, float等) 2.大小(width, height, padding, marg
2016-09-08 17:51:36
230
转载 用grunt搭建自动化的web前端开发环境-完整教程
用grunt搭建自动化的web前端开发环境-完整教程jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！作者：来源：王福朋的博客|2015-06-09 13:45 收藏 分享jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使
2016-09-06 17:38:28
543
转载 JavaScript 开发最佳实践
本文由 伯乐在线 - honoka 翻译，wrm 校稿。未经许可，禁止转载！英文出处：Christian Heilmann。欢迎加入翻译组。写一篇关于最佳实践的文章是十分困难的事情。你们将要读到的内容是显而易见，但是明智的做法。然而，多年来在网上浏览并查看其他开发者提交的代码的经历告诉我，想要在网络的编程环境中找到一定的常识是几乎不可能的事，并且一旦你身处于一个项目中时，随着
2016-09-06 15:00:35
380
转载 网页字体设置你了解吗
以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧，在Windows系统下显示是一个比较容易阅读的字体，然而在Mac上简直无法直视，如下图给出一个优化前后页面
2016-09-06 14:59:20
290
转载 web缓存
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。 缓存分类web缓存分为很多种，比如数据库缓存、代理服务器缓存、还
2016-09-06 14:58:17
394
转载 JS—特殊的对象~函数
之前写过函数也属于引用类型，与其他引用类型一样也是具有属性和方法。由于函数是对象，继承自object，因此函数名实际上是一个指向函数对象的指针。函数的定义方法：使用函数声明的语法定义： function sum(num1,num2) { return num1+num2; }这种声明方法，使得sum的类型为function型，这里说过。使用函数表达式定
2016-09-05 17:14:54
322
转载 JS函数与面向对象
本文摘自北风网CJ讲的javascript+jquery+ajax教程。摘以自娱。函数是一组可以随时随地运行的语句。创建函数function fnOne() {//具有名称的函数,函数名必须符合变量名命名规范 //可以没有符何语句 } var fnTwo = function () {//匿名函数 }; function
2016-09-05 17:13:47
220
转载 Js中Prototype、__proto__、Constructor、Object、Function关系介绍
Prototype、__proto__与Object、Function关系介绍 Function、Object：Js自带的函数对象。 prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外，没有prototype属性)。 __proto__:每个对象都
2016-08-24 16:26:33
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人