JillYu-CSDN博客

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

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

2017-03-01 11:07:09 1262

简单的说一下需求：将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 6661 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 946

原创初识Canvas

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

2017-01-22 11:34:51 492

原创 npm使用指南

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

2016-12-13 17:32:23 754

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

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

2016-12-09 21:24:56 2553

转载 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 741

原创 js－词法结构

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

2016-12-05 23:32:38 478

原创 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 7668

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

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

2016-12-01 17:57:50 1050

原创 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 615

原创 Javascript面向对象基础

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

2016-11-24 15:10:45 361

原创简单的弹窗

弹窗，各式各样，这里将常用的几种方式封装了一下，调用简单上面是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 579

原创单、复选框美化

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

2016-11-22 10:59:44 1133

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

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

2016-11-21 01:06:19 6188 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 683 1

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

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

2016-11-18 17:22:21 10649

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

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

2016-11-17 18:08:49 2909

原创合法合理的使用webfont

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

2016-11-08 10:54:41 863

原创 sass 常用语法

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

2016-11-07 09:39:44 3281

原创 sass配置一条线

2016-11-07 09:30:29 590

JillYu的博客