自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

JillYu的博客

专注前端

  • 博客(21)
  • 收藏
  • 关注

原创 在移动端设置overflow:hidden,无效?

哈?出现这个问题就是编码姿势不对啦。。。因为移动端是基于touch事件的,你若是将overflow:hidden用在了body上body{ overflow: hidden;}是不管用的。解决办法: 在需要隐藏滚动的内容上包裹一层div,然后给这个div设置overflow:hidden,就可以了,如下//HTML<body> <div class="hidDiv">

2017-03-01 11:07:09 1257

原创 上传base64图片到七牛云存储

简单的说一下需求:将canvas绘画生成的图片上传至七牛。用canvas生成的图片是base64编码,上传base64编码图片到七牛云公开的接口如下:POST /putb64/<Fsize>/key/<EncodedKey>/mimeType/<EncodedMimeType>/crc32/<Crc32>/x:user-var/<EncodedUserVarVal>Host: upload.qin

2017-02-25 15:07:53 6646 2

原创 git 更换仓库地址

1、如果你不清晰当前仓库地址在哪里,可以通过git remote -v 查看当前仓库地址 比如:git remote -vorigin git@git.coding.net:Jill/yueshou.git (fetch)origin git@git.coding.net:Jill/yueshou.git (push)可见,当前仓库地址:git@git.coding.net:Jill/yu

2017-02-24 15:02:24 940

原创 初识Canvas

一、Canvas的浏览器支持毫无疑问,IE9之前的版本不支持Canvas。如果你接受这个现实,那么可以在canvas元素的后备内容中添加一条友好的提示消息,告诉使用IE9之前的用户应该升级他们的浏览器。另外也可以引入由Google团队开发的ExplorerCanvas脚本,使之能够在IE9之前的版本上正常运行 可以点击这里查看更多的html5浏览器支持哦二、认识canvas元素与video和aud

2017-01-22 11:34:51 488

原创 npm使用指南

npm其实就是Node.js的包管理工具(package manager),常见的使用场景有以下几种: * 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 * 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 * 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。一、测试是否安装成功由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同

2016-12-13 17:32:23 751

原创 基于vue.js开发的demo—天气APP

一、图例及代码花了两天的时间学习了vue.js教程及API,练习着完成了一款天气app,界面如下,希望对刚入门的你有帮助!                   详细代码下面会贴出主要的,你也可以直接点击下载查看,每句代码都有注释。这里先记录一下遇到的一些问题 二、问题1、跨域问题由于是用ajax访问,会遇到跨域问题,可参与以下代码使用JSONP解决跨域问题$.ajax({ url: '

2016-12-09 21:24:56 2548

转载 Vue.js 和 MVVM 小细节

来源:http://www.cnblogs.com/onepixel/p/6034307.html为什么会出现 MVVM 呢?为什么前端要工程化,要是使用MVC? MVVM 的出现,完美解决了以上三个问题。Vue.js 的细节MVVM 是 Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得V

2016-12-06 08:00:56 736

原创 js-词法结构

1.0、字符集javascript程序是用unicode字符集编写的。1.1、区分大小写javascript是区分大小写的语言。也就是说,关键字、变量、函数名和所有的标识符都必须采用一致的大小写形式。注意: HTML并不区分大小写1.2、空格、换行符和格式控制符javascript会忽略程序中的标识之间的空格; 多数情况下,javascript同样会忽略换行符; unicode格式控制字符(cf

2016-12-05 23:32:38 475

原创 h5 手机屏幕适配—REM

一、rem、em和px之间的关系    使用rem之前,先得弄清楚rem、em和px之间的关系,特别是每一个单位的使用跟代码块的继承之间的关系: 单位 代码地址 运行后截图 说明 px https://coding.net/u/Jill/p/dankal-jill/git/blob/master/rem/px.html 字体恒定没有变化

2016-12-03 15:57:11 7660

原创 前端必知必会—HTTP协议

在上一篇介绍了HTTP/0.9-HTTP/2 协议的历史演变和设计思路,本章主要详细介绍http——前端必知必会的部分一、什么是HTTP协议?官方:从客户端到服务器端的请求消息。包括消息首行中,对资源的请求方法,资源的标识符及使用的协议菜鸟:当你打开网页的时候,你所看到的文字,图片,多媒体等等,这一切内容,都是你从服务器获取的,每一个内容的获取,就是一个HTTP请求1、消息的分类请求消息:客

2016-12-01 17:57:50 1047

原创 HTTP/0.9-2 协议的历史演变和设计思路

HTTP 协议是互联网的基础协议,也是网页开发的必备知识 ,本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。 最早版本是1991年发布的0.9版。该版本极其简单,只有一个命令GET。GET /index.html 上面命令表示,TCP

2016-11-30 18:15:35 605

原创 Javascript面向对象基础

面向对象基础 建议先下载对应的代码: https://coding.net/u/Jill/p/dankal-jill/git1、什么是面向对象编程(01)用对象的思想去写代码,就是面向对象编程 - 过程式写法 - 面向对象写法我们一直都在使用对象 -数组Array 时间Date2、面向对象编程(OOP)的特点抽象:抓住核心问题封装:只能通过对象来访问方法继承:从已有对象

2016-11-24 15:10:45 358

原创 简单的弹窗

弹窗,各式各样,这里将常用的几种方式封装了一下,调用简单上面是demo,喜欢的童学下面有下载地址噢~使用说明1、调用文件<script src="js/jquery-1.8.3.min.js"></script><script src="js/pop-up_layer.js"></script>、//基本样式,可修改美化<link rel="stylesheet" type="text/css

2016-11-22 16:47:18 576

原创 单、复选框美化

经常用到单复选框,都是用了之后就丢,这次,想来整理整理它,才发现,原来单复选框也是可以这么美这么多功能的第一款它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度 好,现在,我们就开始哗啦啦的写栗子了,开门见山 头部引用<script src="source/jquery-1.8.3.min.js"></script><script s

2016-11-22 10:59:44 1130

原创 一款css3结合jquery的聊天界面

为了让项目更加的“亲民”,这种聊天的需求越来越常见,今天,我们就从第一步开始,写一个简单轻便复用性高的聊天界面 这次,不先上代码,先上图不急,下面会贴出全部的代码!现在,咱们先来聊聊制作这个界面的主要几个点 1、纯CSS3实现聊天框小尖角,即边框法![Uploading WechatIMG8_908204.jpeg …] * 边框法 简单点说,就是用两个标签或无标签 – 使用:before

2016-11-21 01:06:19 6173 3

原创 webstorm 常用快捷键(mac)

从window到Mac,快捷键是有点让人不习惯的东东,下面就总结一下常用快捷键,以便查看开发编辑alt+↑ 向上选取代码块alt+↓ 向下选取代码块alt+单击 光标在多处定位alt+/ 代码补全shift + F6 高级修改,可快速修改光标所在的标签、变量、函数等shift+回车 快速换行tab,shift+tab 调整缩进Command+alt+T 用 (if..else, try..catch

2016-11-18 20:21:07 678 1

原创 h5级联下拉、分类筛选

级联下拉列表框这种常见的需求,相信大家都经常遇到,下面两种写法都曾运用在项目,测试是没问题,但代码可能不是最好的,亲如果有更好的建议,请留言给我哦~一起探讨注:数据若为 省市 数据,可利用省市联动的特殊性(如省市县的国标编码,按每2位直接切断判断),但这里不做讨论,亲们有兴趣可以查阅相关资料第一种:强调复用性 1. 采用jQuery 利用class作为识别符,将级联下拉列表框选出来。

2016-11-18 17:22:21 10641

原创 xampp 下更改DocumentRoot 和新建虚拟目录

xampp 安装后,默认的 DocumentRoot 是安装目录下的 htdocs 目录,编程时有很多不便废话不多说,下面就给你献上方法,本人操作了之后更改成功的第一步:打开xampp,找到Manage Servers,点击第二步:点击Apache Web Server ,点击其对应的Configure 第三步:点击Open Conf File 第四步:搜索“htdocs“,跳到如下图并对应更改

2016-11-17 18:08:49 2904

原创 合法合理的使用webfont

头疼事儿字体一直都是前端工程师很头疼的问题,如果参与过产品的设计和开发,会经常遇到这样的问题: 1、对比高保真和实现出来的网页,其他地方都很好的实现了,就字体最不给力 2、在Mac上很好看,在window上丑死,iPhone,andrord又不同为什么会这样? 说到底,其幕后黑手就是系统。浏览器使用哪种字体,取决于你的系统安装了哪些字体(浏览器自身不带字体)或者工程师有没有让用户安装了某种字体

2016-11-08 10:54:41 860

原创 sass 常用语法

基础声明变量普通变量$fontSize:12px;默认变量$fontSize:12px; !default;变量覆盖:只需要在默认变量之前重新声明下变量即可$fontSize:14px;$fontSize:12px; !default;变量的调用$fontSize:14px;.demotest{ font-size:$fontSize;}局部变量和全局变量 全局变量就是定义

2016-11-07 09:39:44 3275

原创 sass配置一条线

版权声明:本文为博主原创文章,转载请加上本文链接!一、安装1、如果你的系统是max osx ,只需要一步在所有菜单中找到终端 ,考虑到权限问题,我在命令行前加上sudo,回车后键入密码 sudo gem install sass2、如果你的系统是 window,需要两步1、安装ruby,因为sass依赖于ruby环境,so先到官网下载个ruby (http://rubyinstaller.or

2016-11-07 09:30:29 584

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除