自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小不点的博客

实战问题及其解决方法持续更新中·······

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

原创 推荐几个精致的前端web UI框架

1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。gitHub地址:https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile fir

2017-09-22 17:43:26 3864

原创 移动webapp前端ui用哪个框架好?

默认排序itlrhttps://www.linkev.com/?a_aid=itlr11 人赞同了该回答看你做什么,如果对性能要求苛刻,比如地图App这种,应该考虑React Native或者NativeScript这样的技术,因为可以编译成原生App。否则我会推荐

2017-09-22 17:35:55 11307

原创 listloading 移动端加载刷新

listloading.jslistloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件,基础库可以使用jquery.js或者zepto.js操作dom节点,目前我是使用了zepto.js作为基础库操作dom,以jquery插件的形式存在。如果不想以插件方式使用,则只需要把listloading直接移植你需要的库里面就ok啦。l

2017-09-22 17:27:47 1874

转载 pc端emoji表情

Emoji 是可以插入文字的图形符号。它是一个日语词,e表示"絵",moji表示"文字"。连在一起,就是"絵文字"。Emoji 在上个世纪90年代,由日本电信商引入服务,最早用于在短消息之中插入表情。2007年,苹果公司的 iPhone 支持了 Emoji,导致它在全世界范围的流行。国内的聊天应用也都支持 Emoji 。QQ默认经典表情从2003年开始一直支持到现在。Unicode 标

2017-09-22 12:13:06 8799

转载 验证码教程

最近有人问我 touclick 点触式验证码如何使用?我才知道有这样一个开源的触式验证码。touclick插件支持的功能有很多,比如:触式验证码、滑动验证码、拖拽验证码、点击验证码等。本文将详细的介绍touclick验证码如何使用。touclick 详细介绍touclick是国内首创的点触式新一代验证码。它的安全性很强,具有以下特点:防数据爬取 / 防黄牛刷单 / 防垃圾注册

2017-09-22 11:50:57 1749 1

转载 jQuery图片延迟加载插件lazyload.js

lazyload.js 是一款基于jQuery的图片延迟加载插件。lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的。lazyload.js的特点它可以提高页面加载速度;在某些情况清晰它也可以帮助减少服务器负载。lazyload.js 运行效果lazyload.js 下载实例下载地址:http:

2017-09-22 11:49:32 444

转载 微信分享到朋友圈接口用法

微信6.0之后,原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {})不再可以使用,但是微信提供的新的方法 js-SDK, 官方接口请参见 微信JSSDK说明文档 ,具体的方法官方文档都说的比较清楚了,本文只是记录下开发过程中遇到的问题以及解决方式。下面是微信分享的关键代码:1234

2017-09-22 11:45:48 8077 1

原创 ios,android,pc一键复制兼容亲测有效

这是一个复制到功能,适用于桌面和移动浏览器。这几天正在做一个公众号开发,里面遇到了点击一键复制的问题,安卓是没问题的,可是ios点击一键复制没有作用,这可真的是难倒了小编,后来小编不断查找资料整理出来了一个解决方法,亲测可用  如下:特征对于Internet Explorer 4+,Chrome 42+,Firefox 41+,Opera 29+和移动浏览器,点击“复制到剪贴板”:Ch

2017-08-28 11:45:28 2390 1

原创 兼容所有浏览器的复制到剪切板功能,悬浮层不能复制问题解决

浏览器复制其实是一个十分令人头疼的问题,因为这涉及到浏览器安全,所以浏览器本生不会提供相应接口,我们也没有办法通过纯js来实现这个功能,但是你会看到很多网站,如百度云盘他们却做到了这个功能,那究竟他们是如何实现的,今天就让我带你去看看他们的秘密。   首先这个功能对我是十分重要的,因为去转盘网的私密分享必须要具备这个功能,截图如下:      只要你点击点我复制按钮

2017-08-24 14:09:55 394

原创 web app调用微信、qq、等分享接口

由于小编正在着手一个项目,其中就有商品分享这一模块,要求将该商品的文字,图片,一些介绍等分享到微信、qq、微博等,那么今天小编就来给大家分享下我的操作流程1.打开网址   http://wiki.mob.com/%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90-13/(Mob)一、添加应用先从http://mob.com/login登录(如无帐号

2017-08-22 14:39:06 3316

原创 wepapp 实现qq分享

首先,在微信的右上角公众号名称->功能设置->js接口安全域名首先引入:微信接口js,http://res.wx.qq.com/open/js/jweixin-1.0.0.js11其次,对分享进行一个配置:wx.config({ debug: true, appId: 'YOUR_APPID', timestamp: 14

2017-08-22 14:03:50 691

原创 分享到QQ,微信,微博等

分享到QQ,微信,微博等        scalable=0">                                                                                              #set($jq="$")        function init()      

2017-08-22 13:56:21 883

原创 web app 点击复制代码

textarea id="contents" cols="40" rows="5">textarea>br />input type="button" onClick="jsCopy();" value="复制" />div id="app" class="container"> div style="width: 100%; height: 100%; overflow: auto

2017-08-21 09:16:42 1494

原创 超出部分以省略号展示

不做前端很久了,今天从重构师那里了解到CSS3已经可以实现很多以往必须通过js才能实现的效果,如渐变,阴影,自动截断文本展示省略号等等强大效果,而且这些功能日渐成熟,已经大量用于生产环境。H5真的日渐成熟了,得恶补下了。以下分享实现指定文本超出部分以省略号展示的Demo:style>.text1 { width:200px; overflow:hidden;

2017-08-21 09:13:26 466

原创 infinite-scroll插件使用

网上对于infinite-scroll插件使用的例子不多。但由于它的出现,鼓吹了瀑布流形式的页面展示方式,所以不得不了解了解这种新的分页方式。官网上有对infinite-scroll的详细描述,但一般人即使看未必看得懂,看得懂未必就调试成功。所以借今晚有点时间,把跑通的例子供大家借鉴。一.无限滚动概念首先,它是基于jQuery的,另外还要明白无限滚动的概念:无限滚动的实现原

2017-08-19 14:24:21 7938 2

原创 不错的后台管理系统模板

1. Archon Flat Responsive Admin Bootstrap 3Demo & Download 2. Thin Admin TemplateDemo & Download 3. FreshUI – Premium Web App and Admin TemplateDemo

2017-08-17 11:52:18 8196

原创 国外不错的模板素材网站

很不错的模板素材网站,在国外有专门的公司做模板,上传到网站后首先让用户进行一段时间的体验,然后根据体验来成立正式用户,从公司的简介中发现他们做模板是根据用户需求以及使用风格,有专门的行情分析师(懂这个公司业务的)和专业美工人员。销售客服人员等等。就想一个小小的设计系统,从采单到设计到模板实现 后期销售,活活的想一个小工厂,工作的分工极度的细化,部门职能之间的独立,这也让我感觉到国内和国外的一种差距

2017-08-17 11:21:49 1222

原创 html5多个图片同时上传相关逻辑

html5多个图片同时上传相关逻辑htmldemo本文模拟发朋友圈的图片上传,这个功能是我项目中的一个实例分享给大家,下面是htmldemo因为我使用的是angular所以‘’upload-image1‘’表示的都是angular中的指令,至于一些样式那就是小伙伴们自由发挥了指令demo这是相关指令的demo,小编做的是最大上限九张,便使用了九个指令分别控制相对应的htm

2017-08-16 18:30:46 1472

原创 html5-angular多个图片同时上传

html5多个图片同时上传相关逻辑htmldemo本文模拟发朋友圈的图片上传,这个功能是我项目中的一个实例分享给大家,下面是htmldemo因为我使用的是angular所以‘’upload-image1‘’表示的都是angular中的指令,至于一些样式那就是小伙伴们自由发挥了指令demo这是相关指令的demo,小编做的是最大上限九张,便使用了九个指令分别控制相对应的htm

2017-08-16 18:30:43 1006

原创 博客园 首页 新随笔&nbs…

1.什么是跨域以及产生原因  跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。  跨域情况如下: url说明是否跨域http://www.cnblogs.com/a.jshttp://www.a

2017-08-16 18:30:40 245

原创 谷歌解决跨域问题

Ajax本身是不支持跨域的,而我们在开发工作中,可能会遇到本地开发环境未配置相关代码,需要到其他服务器上获取数据的情况,尤其在用HTML5开发app的过程中,前后台完全分离,使用Ajax进行数据交互,这种情况非常常见。我们可以通过对谷歌浏览器进行设置,利用命令行标记 –disable-web-security ,方便跨域调用数据做测试。版本号49之前的跨域设置1.首先谷歌快捷方式上右击,在

2017-08-16 18:30:37 4710

原创 Elasticsearch数据导入

import linecachefrom pyes import ESES_SERVER = "47.92.71.18:9200" //服务器地址ES_INDEX = "cellinfo" //数据库实例ES_TYPE = "cell" //表名CELL_FILE = "cellinfo_v2_19(19).txt" //插入文件

2017-08-16 18:30:34 368

原创 【AngularJs】---JSONP跨域访问数…

大家会自然想到只有一个字母之差的JSON吧~JSON(JavaScriptObject Notation)和JSONP(JSON withPadding)虽然只有一个字母的差别,但其实他们根本不是一回事儿JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方,JSON是地下党们用来书写和交换情报的“暗号

2017-08-16 18:30:31 202

原创 AngularJS中的交互 $http

这篇文章,主要是通过我们熟悉的jquery中ajax和jsonp的类型方式,总结一下$http的使用。$http 是 AngularJS中的一个核心服务,用于读取远程服务器的数据。1. angular中的ajax写法一:$http({ method: 'GET', //可以改成POST url: '/someUrl'}).then(function succ

2017-08-16 18:30:29 309

原创 HTML5读取本地文件

常见的语言比如php、shell等,是如何读取文件的呢?实际上,大多数语言都需要先获取文件句柄,然后调用文件访问接口,打开文件句柄,读取文件!那么,HTML5是否也是这样的呢?答案是肯定的!HTML5为我们提供了一种与本地文件系统交互的标准方式:FileApi。该规范主要定义了以下数据结构:FileFileListBlobHTML5访问本地文件系统时,需要

2017-08-16 18:30:26 824

原创 Javascript获取select下拉框选中的…

现在有一id=test的下拉框,怎么拿到选中的那个值呢?分别使用javascript原生的方法和jquery方法text1text2code:一:javascript原生的方法  1:拿到select对象: var myselect=document.getElementByIdx_x("test");  2:拿到选中项的索引:var index=myselect.

2017-08-16 18:30:23 327

原创 select标签下option标签里value属…

1:value的用处select >option value = "A">Boption>select>123123其中“A”“B”有何区别,各自代表什么意思?答案:B是显示在网页上的内容 A是实际传给后台表单处理程序 比如select > option value = "class1">际传给后台表单处理程序option>select

2017-08-16 18:30:20 1277

原创 jquery 遍历select option 结果集

[javascript] view plain copy   [java] view plain copy"text/javascript" src="js/jquery-1.3.1.js">  "text/javascript" src="js/jquery.suggest.js">  "text/javascript">  

2017-08-16 18:30:17 2522

原创 js前端解析excel文件

js前端解析excel文件使用纯Javascript解析excel文件。使用的是开源的解析excel的js库:sheetjs。github地址:https://github.com/SheetJS/js-xlsx 首先引用JS库script src="od.js">script>script src="jszip.js">script>script src="xlsx.js

2017-08-16 18:30:15 5639

原创 2017年07月24日

如果读者以前做过web开发的话,就应该知道如何去搭建一个web服务器来跑你的web站点,在windows下你可能会选择去用IIS,十分的快捷,在Linux下,你可能首先会想到apache,“一哥”(W3Techs网站数据的排名)啦     今天小编要介绍后起之秀nginx来实现web服务器。小编在前面的博客中也详细的聊过apache的使用,如今又来说nginx的使用,读者可能以后搭建

2017-08-16 18:30:12 234

原创 nginx服务器搭建及部署项目流程

一:项目的搭建(安装nginx)1.使用wget命令下载(推荐)wget -c https://nginx.org/download/nginx-1.10.1.tar.gz2.解压依然是直接命令:tar -zxvfnginx-1.10.1.tar.gz3.运行configure生成自带脚本./configure4.编译make5.安装make install6.启

2017-08-16 18:30:09 2321

原创 17岁打脸乔布斯,20岁搞疯索尼,26…

晚上好,一提到“黑客”,黑友们首先想到什么:比程序猿酷一点?比大侠低调一点?亦或是。。。在没揭下面具前,他们可能就是身边的普通人,但在虚拟社区,他们却干着匪夷所思的事。就像今天咱们要说的这位——乔治·霍兹。你可能没听过他,但如果你捣鼓过iPhone越狱,那可要好好的膜拜他一番,至于为什么,接着看就知道了。他的故事,要从2007年,第一代爱疯诞生说起。那时,才刚刚

2017-08-16 18:30:07 401

原创 搜索引擎选择: Elasticsearc…

搜索引擎选型调研文档Elasticsearch简介*Elasticsearch是一个实时的分布式搜索和分析引擎。它可以帮助你用前所未有的速度去处理大规模数据。它可以用于全文搜索,结构化搜索以及分析,当然你也可以将这三者进行组合。Elasticsearch是一个建立在全文搜索引擎Apache Lucene™ 基础上的搜索引擎,可以说Lucene是当今最先进,最高效的全功能开源搜索引擎

2017-08-16 18:30:04 539

原创 使用Python往Elasticsearch插入数…

在这里,我使用Elasticsearch官方推荐elasticsearch第三方包来讲述插入数据的两种方法。1.index 这是很简单的一个插入数据的方法,每条数据调用一个index方法,代码如下from datetime import datetime from elasticsearch import Elasticsearch  es = Elasticsearch( "loc

2017-08-16 18:30:01 2108

原创 前端性能优化总结

前端性能优化:健康的优化应该是根据页面的加载过程,全面的优化过程从输入URL到页面加载完成的整个过程:从浏览器地址栏的请求链接开始,浏览器通过DNS解析查到域名映射的IP地址,成功之后浏览器端向此IP地址取得连接,成功连接之后,浏览器端将请求头信息通过HTTP协议向此IP地址所在服务器发起请求,服务器接受到请求之后等待处理,最后向浏览器端发回响应,此时在HTTP协议下,浏览器从服务器接

2017-08-16 18:29:59 309

原创 centos 安装 elasticsearch

一、安装因为 Elasticsearch 是 Java 开发的,所以要先安装Java可用 java -version来查看是否已安装Java若没有安装,且jdk 在/usr/local/src/jdk-7u79-linux-x64.gz 目录下tar zxvf/usr/local/src/jdk-7u79-linux-x64.gzcp -r/usr/local/src/jdk1

2017-08-16 18:29:56 284

转载 Http请求中Content-Type讲解以及在Spring MVC中的应用

引言: 在Http请求中,我们每天都在使用Content-type来指定不同格式的请求信息,但是却很少有人去全面了解content-type中允许的值有多少,这里将讲解Content-Type的可用值,以及在spring MVC中如何使用它们来映射请求信息。1.  Content-Type  MediaType,即是Internet Media Type,互联网媒体类型;也叫做MIME类型

2017-08-16 15:53:10 283

原创 centos 安装 elasticsearch

一、安装因为 Elasticsearch 是 Java 开发的,所以要先安装Java可用 java -version来查看是否已安装Java若没有安装,且jdk 在/usr/local/src/jdk-7u79-linux-x64.gz 目录下tar zxvf/usr/local/src/jdk-7u79-linux-x64.gzcp -r/usr/loca

2017-08-11 09:58:30 1121

空空如也

空空如也

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

TA关注的人

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