随笔分类 -  前端开发

摘要:关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍),内容大概如下: 什么是ajax跨域 原理 表现(整理了一些遇到的问题以及解决方案) 如何解决ajax跨域 JSONP方式 CORS方式 代理请求方式 如何分析ajax跨域 http抓包的分析 一些示例 阅读全文
posted @ 2018-03-30 14:57 Horan 阅读(608) 评论(0) 推荐(0)
摘要:1)请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: */*(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Con 阅读全文
posted @ 2018-03-30 14:17 Horan 阅读(6111) 评论(0) 推荐(0)
摘要:我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: --save-dev --save 在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencie 阅读全文
posted @ 2018-03-12 11:01 Horan 阅读(2248) 评论(0) 推荐(0)
摘要:这篇文章主要介绍了jQuery中hover与mouseover和mouseout的区别,结合实例分析了jQuery中hover与mouseover和mouseout的区别与使用技巧,需要的朋友可以参考下 阅读全文
posted @ 2017-03-30 09:43 Horan 阅读(1302) 评论(0) 推荐(0)
摘要:最近在做网站遇到这样的问题:就是鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象,解决这个现象的办法有许多,不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。 阅读全文
posted @ 2017-03-30 09:22 Horan 阅读(478) 评论(0) 推荐(0)
摘要:1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –registry=https://regist 阅读全文
posted @ 2017-03-28 17:42 Horan 阅读(275) 评论(0) 推荐(0)
摘要:我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立”node_global”及”node_cache”两个文件夹。如下图 cmd 中输入如下命令 npm config set prefix “d:\nodejs\n 阅读全文
posted @ 2017-03-28 17:34 Horan 阅读(5944) 评论(0) 推荐(1)
摘要:由于本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所以必须要让github仓库认证你SSH key,在此之前,必须要生成SSH key。 第1步:创建SSH Key。在windows下查看[c盘->用户->自己的用户名->.ssh]下是否有id_rsa、id_rsa.pub文件,如果 阅读全文
posted @ 2017-03-23 11:15 Horan 阅读(288656) 评论(0) 推荐(9)
摘要:在平时开发中,Git成为必不可少的版本控制工具,但命令太多,并不能把所有的命令记住,结合网上的一些信息,总结了一些常用的,慢慢熟悉吧。 初始化命令 查看当前git配置信息 设置git用户信息 初始化项目 克隆远程仓库代码,url为仓库地址 关联远程库,url为仓库地址 增删命令 添加指定文件 添加指 阅读全文
posted @ 2017-03-23 10:30 Horan 阅读(1540) 评论(0) 推荐(0)
摘要:npm init命令初始化当前文件夹后,在当前文件夹新建gulpfile.js文件。当前目录下的所有操作流都在gulpfile.js文件中定义。 gulp自动化 gulp自动化 gulp-uglify (JS压缩) gulp-uglify安装: gulp-uglify用来压缩js文件,使用的是ugl 阅读全文
posted @ 2017-03-22 20:08 Horan 阅读(2186) 评论(1) 推荐(0)
摘要:1、gulp.src(globs[, options]) 1.1、说明:src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用插件; 1.2、globs: 需要处理的源文件匹配符路径。类型 阅读全文
posted @ 2017-03-21 20:25 Horan 阅读(447) 评论(0) 推荐(0)
摘要:简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的 阅读全文
posted @ 2017-03-21 20:11 Horan 阅读(4020) 评论(0) 推荐(0)
摘要:前端开发自动化工作流工具,JavaScript自动化构建工具grunt、gulp、webpack介绍 前端自动化,这样的一个名词听起来非常的有吸引力,向往力。当今时代,前端工程师需要维护的代码变得及为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误 阅读全文
posted @ 2017-03-21 17:06 Horan 阅读(9113) 评论(0) 推荐(0)
摘要:Vuejs的常用指令 v-html v-show v-if v-for v-on 1 、v-html v-html 更新元素或者变量的innerHTML,按普通html解析,和v-text的区别是在变量中的html标签会被浏览器解析,比如<br>会直接解析为换行 语法 实例 2、 v-show v- 阅读全文
posted @ 2017-03-07 11:39 Horan 阅读(1991) 评论(0) 推荐(0)
摘要:Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vuejs 采用自底向上增量开发的设计。Vuejs 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vuejs 完全有能力驱动采用单文件组件和 Vue 阅读全文
posted @ 2017-03-07 11:15 Horan 阅读(1524) 评论(0) 推荐(0)
摘要:Bootboxjs是一个简单的js库,简单快捷帮你制作一个Bootstrap的弹出框效果。 一、简介 bootbox.js是一个小的JavaScript库,它帮助您在使用bootstrap框架的时候快速的创建一个对话框,也可以帮您创建,管理或删除任何所需的DOM元素或js事件处理程序。 相比之下,你 阅读全文
posted @ 2017-02-23 16:49 Horan 阅读(4774) 评论(0) 推荐(0)
摘要:Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑动。 支持图文混排,支持各种html元素。 自适应屏幕尺寸。 可控制滑动单元个数。 更多选项设置和回调函数。 HTML 首先在页面head部位载入jquery库文件和Flexsli 阅读全文
posted @ 2017-02-15 10:04 Horan 阅读(6001) 评论(0) 推荐(0)
摘要:今天写代码的时候遇到了一个小问题,这里解决了记下小记。 问题如下: 因此使用prop方法去操作就能获得正确的结果。 分析原因发现: 在JQuery中,prop()是操作DOM属性,attr()是操作HTML属性。 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我 阅读全文
posted @ 2017-01-09 15:10 Horan 阅读(263) 评论(0) 推荐(0)
摘要:一个Git仓库可以维护很多开发分支。现在我们来创建一个新的叫”experimental”的分支: 如果你运行下面这条命令: 你会得到当前仓库中存在的所有分支列表: “experimental” 分支是你刚才创建的,“master”分支是Git系统默认创建的主分支。星号(“*”)标识了你当工作在哪个分 阅读全文
posted @ 2017-01-09 14:30 Horan 阅读(21024) 评论(0) 推荐(2)
摘要:其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy, decrator么? 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件? 页面重构怎么 阅读全文
posted @ 2017-01-09 14:17 Horan 阅读(1487) 评论(0) 推荐(0)