- 两步使用Express快速创建web服务器
T-ihan
前端node.js服务器
一:首先需要给大家介绍一下Express~~~Express是一个基于Node.js平台,快速、开放、极简的web开发框架。框架:是一个半成品,用来快速解决一类问题;库就是工具集,使用非常灵活)(框架有:bootstrap,lay-ui,express,vue,react;库:zepto.js,jQuery,day.js,underscore,lodash,art-template,axios,e
- 淘宝前端SUI Mobile 使用记录
路人男主
c#SUIMobile
用这个框架的时候遇到几个坑,记录一下,也想让大家少走弯路。1、皮肤的用法和其他一样,没有什么区别。2、js、css建议引用cdn加速3、在引用的脚本下面需先引用$.init否则你无法使用他的js4、zepto.js与Jquery.js冲突,所以不能引用jquery,(如果必须要用,你可以转让控制权)zepto.js也自带有一些基本的jquery功能
- Zepto.js 简介(第一章)
zhangjingbibibi
Zepto.js简介(第一章)在做C端-H5的时候,很多时候会用到Zepto.js,所以在这里,我就把它整理一下。什么是Zeptozepto是轻量级的JavaScript库,专门为移动端定制的框架与jquery有着类似的API,俗称:会jquery就会用zeptoZepto的特点针对移动端轻量级,压缩版本只有8kb左右响应,执行快语法,API大部分同jquery一样,学习难度低,上手快目前API完
- 2019-07-04 zepto.js
WYX雨菱欣翼
1.Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api.1.将字符串转换成驼峰式的新字符串,如果是驼峰式的,字符串不变$.camelCase(string)⇒string$.camelCase('font-size')===>'fontSize'$.camelCase('fontSize')===>'fontSize'2.$.contains(pa
- web前端掌握知识点
产品技术Zane
Web前端工具CodePen、JSFiddle、JSBin、阿里巴巴矢量图库、SassMeisterWeb前端文档jQueryApi中文文档、CSS3参考手册、React中文文档、ChromeDevTools中文文档WEB开发速查表、JavaScript代码片段、Parcel中文文档、webpack中文文档Babel中文文档、Underscore.js中文文档、Zepto.js中文文档、Lodas
- 实现手机淘宝轮播图片放大查看
cs大个子女生
实现淘宝的这个功能实现功能是点击淘宝的图片可以放大,继续轮播.js+html主要jscss就不放图片了,其实实现的方式就是用层级,z-index.我主要用了swiper.就直接把代码放上了.记得引入swiper.css和swiper.js.我使用的是zepto.js,其实跟jq没什么区别,引入哪一个都可以Document//字体document.documentElement.style.font
- 春节求生大作战,是孝子就坚持到底
40_N
一、基本信息1、主题:春节求生大作战,是孝子就坚持到底2、来源:简单心理3、类型:游戏型4、技术实现:Zepto.js二、内容策划“春节求生大作战”H5围绕“是孝子,就坚持到底”展开设计了一个简单的小游戏。“大作战”值得是过年回家遇到的亲戚各种各样的“催逼”。eg.“快回家吧”,“要不结婚,没有人要”,“买没买房?”,“都是亲戚,帮个忙吧!”。“坚持到底”,就是面对过年回家的种种难题,一直要坚持下
- ES6 + stylus + zepto.js + webpack4.x 使用示例
漫漫江雪
ES6+stylus+zepto.js+webpack4.x项目示例在线预览(chrome浏览器下F12切换到手机模式)源码地址image.png项目步骤1.yarnaddswiperzepto2.起先是想用js引入的方式直接写还是练习一下webpack的使用以及ES6import模块化加载的方式yarnaddwebpackwebpack-cli3.安装webpack的基本loaderyarnad
- 在vue项目使用webpack引用zepto和 jQuery的配置
Rose_yang
//zeptomodule:{rules:[loaders:[{test:resolve('static/js/zepto.js'),loader:'exports-loader?window.Zepto!script-loader'}],]}module.exports=vuxLoader.merge(baseConfig,{plugins:['vux-ui','duplicate-style'
- 城市搜索——基于zepto.js锚点选择后进行搜索
你好不约
本来不想写这个,想着把zepto.js在了解下,再写,后来想想,可能我会忘,还是做个记录吧。基于zepto.js的字母锚点定位到城市是从网上下载的资源,出于项目需要,新增了城市搜索功能。具体的实现如下图:原图(zepto.js)的城市检索基于业务需求,新增input输入检索字段选中某一字段以上是样式,样式的代码很简单,暂且压下不提,主要来谈下在这个城市列表页面进行输入某个字,检索符合的城市名。思路
- zepto实现fadeIn,fadeOut和fadeToggle
Sylvie_9459
Zepto.JS是移动端常用的JavaScript类库,它不仅实现了jQuery中大部分的功能,而且文件大小只有20几kb,在移动端特别适合替代jQuery。但是Zepto.JS本身没有提供动画方法,需要手动加入zepto.animate.fx.js模块,实现fadeIn,fadeOut,fadeToggle方法。/*zepto.animate.alias.js*/(function($){$.e
- editor.md #js markdown编辑器
IamaStupid
文档:editor.md.ipandao.comeditor.md编辑器需要依赖jquery.js或者zepto.js引入editormd.min.css,editormd.min.js除此之外,editor.md项目中的lib/plugins/fonts/images/languages几个文件夹也不能删除,因为代码运行时,会引入里面的文件代码:关闭实时预览实时预览getMarkdowngetH
- 基于zepto的移动端下拉刷新小插件
上次开发笔记里《基于zepto和WeUI的H5页面开发笔记》提到下拉刷新功能,这是很基本很常用的功能,为了下次自己更便捷的使用,便简单的封装了一下GScroll.jsdemo.html基于WeUI和zepto.js的列表下拉刷新样例html,body{height:100%;}.container{position:absolute;top:0;right:0;bottom:0;left:0;ov
- html2canvas踩坑-页面截取空白
宝龙Say
截取空白原因一:百度、谷歌了n久,基本啥方法都试了一遍,还是一直截取空白然后把页面内容一一去掉,最后发现是一个js搞得鬼,zepto.js把这个js换成jquery.js就完美截屏了。。。截取空白原因二:涉及这些CSS属性也会截图空白背景混合模式边框图像盒子装饰断裂盒子阴影过滤字体变体连字混合混合模式对象拟合重复线性梯度()写作模式放大
- 关于IOS下H5点击延迟的问题小结
Spooking
因为系统要判断你是点击还是滑动,所以会有这300毫秒的延迟但是不管你用什么方法,fastclick还是其他,这个延迟只是缩小而不是消失,除非你使用touchstart事件,不管是否滑动的情况下。在IPAD2018上,HBuilder基座真机实测,fastclick的效果不如zepto.js的tap,希望看到的有帮助。要想无延迟,touchstart你值得拥有,因为我做的是类似H5打地鼠的游戏,最后
- jQuery与Zepto的异同
sdcV
相同点Zepto.js号称移动版的jQuery,两者的API及其相似。zepto文件更加小,只有8k多,如果熟悉jQuery,可以很容易掌握Zepto。不同之处zepto为移动端设计,有一些基本的触摸事件,如(tap、swipe事件),zepto不支持iE浏览器。DOM操作上有区别:Zepto能添加id,jQuery不能!(function($){$(function(){var$insert=$
- 20151014 黄华 review
snandy
1document.getElementById可以用zepto的$2可以直接使用zepto.js的onm.on($('.newh2.p1')[0],'animationend',function(e){$('.newh2.p2').addClass('teampic-flash');})改为$('.newh2.p1').on('animationend',function(e){$('.newh
- 在线打包zepto--zeptobuilder
beforerFE
zeptobuilderhttp://github.e-sites.nl/zeptobuilder/Paste_Image.pnghttp://zeptojs.com/http://www.zeptojs.cn/http://www.css88.com/doc/zeptojs_api/zepto.js源码解析http://www.runoob.com/w3cnote/zepto-js-source
- Vue
刘远舟
一、概念介绍Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完整的解决方案,对项目的侵入性较大,当项目需要更换框架时,需要重构整个项目,类库/插件则是提供某一个小功能,对项目的侵入性较小,当使用某个类库/插件无法完成某些需求时,可以很容易切换到其它类库/插件来实现需求,例如从jQuery.js切换到zepto.js,从IScroll.js切换到Sc
- HTML5手势、拖放、定位事件
辫儿哥哥
Javascript前端开发html5javascript前端
文章目录1.手势事件(移动端)1.1click事件1.2tap类事件1.3swipe类事件1.4touch类事件2.拖放事件3.定位事件3.1getCurrentPosition()方法3.2watchPosition()方法3.3clearWatch()方法3.4百度地图api获取当前定位1.手势事件(移动端)引入:zepto库,该库与jQuery用法相同。封装了移动端手势Zepto.js是专门
- 11-移动端开发教程-zepto.js入门教程
derfyfxh588690
Zepto.js是一个轻量级的针对现代浏览器的JavaScript库,它与jquery有着类似的api。如果你会用jquery,那么你也会用zepto。1.WhyZepto.js?API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.jsZepto仅针对高版本现代浏览器设计了最小核心的通用库,代码体积小,尤其适合移动端开发。Zepto增加了针对移动端的触摸和手势相关的事件Zepto模块
- 移动端点击事件全攻略
ddr66288
接触过移动端开发的前端可能都会面临点击事件的第一个问题:click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰,因此解决这个问题就成为了必然。这个问题的解决方案就是:zepto.js的tap事件。tap事件可以理解为在移动端的click事件,而zepto.js因为几乎完全复制jQuery的api,因此常常被用在h5的开发上用来取代jquery.由于模块化的原因,导致有的前端下载的z
- Zepto.js学习笔记
yujin0213
JavaScript
1、$.each可以用来遍历普通数组和对象数组,当遍历普通数组时,回调函数的参数是索引、数组里的每个元素$.each([a,b,c],function(index,item){})当遍历对象时,回调函数参数是每个对象的key、每个对象的value2、$.extend$.extend(target,[source,[source2,...]])浅拷贝针对嵌套对象$.extend(true,targe
- zepto框架以及原生方法实现无缝轮播图
isMrcat
banner
注:zepto实现在pc端模拟有一定的bug,把里面的start=false注释掉即可Zepto实现。HTML代码:js代码:(需要引入zepto.js请到github下载)$(function(){varwd=$('.homePageBanner').width();varstart=true;vartimer;var$imgList=$('.homePageBannerul').eq(0);v
- Uncaught TypeError: Cannot read property 'trigger' of undefined(zepto.js)
ijijni
js
去掉pointermovepointerdownpointerstart原因:点击tap,touchstart和pointerstart都执行了,tap里面代码执行了两次,仔细看了下,首先点击后触发了两次,说明被绑定了两次事件,然后查看下zepto的touch.js代码,发现它绑定了三个事件touchendMSPointerUppointerup,touchend是触摸相关的事件,MSPointe
- Zepto学习笔记(一)
laiyue2014
笔记
1.zepto与jQuery.mobile的对比zepto.js框架:简化到不能再简化的javascript库。提供一个执行速度和下载速度更快的更轻量化的框架给你使用。更像一个工具库,封装了很多工具方法。(框架轻量、侧重性能、节省带宽)JQuerymobile:绑定了一套自己的用户界面系统。(高度组件化、包含UI、异步加载了一些冗余的东西)2.zepto与jQuery的对比1、Zepto.js是专
- Web前端框架与移动应用开发第七章:二
denghe4720
3.练习3:抽奖大转盘注意事项:需要使用Zepto.js,区别于zepto.min.js实现效果:转盘转动抽奖html抽奖大转盘活动日期即日起-8月30日-->$(function(){var_deg=0;$(".start").on("tap",function(){_deg=_deg+920;$(".cj-bg").css("-webkit-transform","rotate("+_deg+
- Swiper中使用Velocity
小结点
javascriptswiper.jsvelocity
参考swiper-animate实现了一个使用js控制动画的小插件,具体内容看readme如下:Desciption这是一个swiper的js动画插件,语法参考并类似swiper.animate.js,swiper.animate-twiceUsage载入jquery.js或者zepto.js和swiper-effect.js添加动画元素eff是默认的动画类名data-eff-in和data-ef
- 如何实现swipe、tap、longTap等自定义事件
谦龙
javascripthtml5zeptojquery
前言移动端原生支持touchstart、touchmove、touchend等事件,但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果,对于这种自定义事件他们底层是如何实现的呢?让我们从Zepto.js的touch模块去分析其原理。您也可以直接查看touch.js源码注释源码仓库原文链接事件简述Zepto的touch模块实现了很多与手势相关
- Zepto核心模块之工具方法拾遗
谦龙
zepto.jsjqueryjavascripthtmlhtml5
前言平时开发过程中经常会用类似each、map、forEach之类的方法,Zepto本身也把这些方法挂载到$函数身上,作为静态方法存在,既可以给Zepto的实例使用,也能给普通的js对象使用。今天我们主要针对其提供的这些api做一些源码实现分析。源码仓库原文链接具体各个api如何使用可以参照英文文档Zepto.js中文文档Zepto.js1.$.camelCase该方法主要是将连字符转化成驼峰命名
- 异常的核心类Throwable
无量
java源码异常处理exception
java异常的核心是Throwable,其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage,记录异常信息,getMessage核心方法,获取这个参数的值,我们可以自己定义自己的异常类,去继承这个Exception就可以了,方法基本上,用父类的构造方法就OK,所以这么看异常是不是很easy
package com.natsu;
- mongoDB 游标(cursor) 实现分页 迭代
开窍的石头
mongodb
上篇中我们讲了mongoDB 中的查询函数,现在我们讲mongo中如何做分页查询
如何声明一个游标
var mycursor = db.user.find({_id:{$lte:5}});
迭代显示游标数
- MySQL数据库INNODB 表损坏修复处理过程
0624chenhong
tomcatmysql
最近mysql数据库经常死掉,用命令net stop mysql命令也无法停掉,关闭Tomcat的时候,出现Waiting for N instance(s) to be deallocated 信息。查了下,大概就是程序没有对数据库连接释放,导致Connection泄露了。因为用的是开元集成的平台,内部程序也不可能一下子给改掉的,就验证一下咯。启动Tomcat,用户登录系统,用netstat -
- 剖析如何与设计人员沟通
不懂事的小屁孩
工作
最近做图烦死了,不停的改图,改图……。烦,倒不是因为改,而是反反复复的改,人都会死。很多需求人员不知该如何与设计人员沟通,不明白如何使设计人员知道他所要的效果,结果只能是沟通变成了扯淡,改图变成了应付。
那应该如何与设计人员沟通呢?
我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说,整天玩的都是点、线、面、配色,哪种构图看起来协调;哪种配色看起来合理心里跟明镜似的,
- qq空间刷评论工具
换个号韩国红果果
JavaScript
var a=document.getElementsByClassName('textinput');
var b=[];
for(var m=0;m<a.length;m++){
if(a[m].getAttribute('placeholder')!=null)
b.push(a[m])
}
var l
- S2SH整合之session
灵静志远
springAOPstrutssession
错误信息:
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
- xmp标签
a-john
标签
今天在处理数据的显示上遇到一个问题:
var html = '<li><div class="pl-nr"><span class="user-name">' + user
+ '</span>' + text + '</div></li>';
ulComme
- Ajax的常用技巧(2)---实现Web页面中的级联菜单
aijuans
Ajax
在网络上显示数据,往往只显示数据中的一部分信息,如文章标题,产品名称等。如果浏览器要查看所有信息,只需点击相关链接即可。在web技术中,可以采用级联菜单完成上述操作。根据用户的选择,动态展开,并显示出对应选项子菜单的内容。 在传统的web实现方式中,一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息,放置到页面中对应的位置,然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
- 天-安-门,好高
atongyeye
情感
我是85后,北漂一族,之前房租1100,因为租房合同到期,再续,房租就要涨150。最近网上新闻,地铁也要涨价。算了一下,涨价之后,每次坐地铁由原来2块变成6块。仅坐地铁费用,一个月就要涨200。内心苦痛。
晚上躺在床上一个人想了很久,很久。
我生在农
- android 动画
百合不是茶
android透明度平移缩放旋转
android的动画有两种 tween动画和Frame动画
tween动画;,透明度,缩放,旋转,平移效果
Animation 动画
AlphaAnimation 渐变透明度
RotateAnimation 画面旋转
ScaleAnimation 渐变尺寸缩放
TranslateAnimation 位置移动
Animation
- 查看本机网络信息的cmd脚本
bijian1013
cmd
@echo 您的用户名是:%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt"
@echo 您的机器名是:%COMPUTERNAME%>>"%userprofile%\网络参数.txt"
@echo ___________________>>"%userprofile%\
- plsql 清除登录过的用户
征客丶
plsql
tools---preferences----logon history---history 把你想要删除的删除
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_spac
- 【Pig一】Pig入门
bit1129
pig
Pig安装
1.下载pig
wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz
2. 解压配置环境变量
如果Pig使用Map/Reduce模式,那么需要在环境变量中,配置HADOOP_HOME环境变量
expor
- Java 线程同步几种方式
BlueSkator
volatilesynchronizedThredLocalReenTranLockConcurrent
为何要使用同步? java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查), 将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前,被其他线程的调用, 从而保证了该变量的唯一性和准确性。 1.同步方法&
- StringUtils判断字符串是否为空的方法(转帖)
BreakingBad
nullStringUtils“”
转帖地址:http://www.cnblogs.com/shangxiaofei/p/4313111.html
public static boolean isEmpty(String str)
判断某字符串是否为空,为空的标准是 str==
null
或 str.length()==
0
- 编程之美-分层遍历二叉树
bylijinnan
java数据结构算法编程之美
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;
public class LevelTraverseBinaryTree {
/**
* 编程之美 分层遍历二叉树
* 之前已经用队列实现过二叉树的层次遍历,但这次要求输出换行,因此要
- jquery取值和ajax提交复习记录
chengxuyuancsdn
jquery取值ajax提交
// 取值
// alert($("input[name='username']").val());
// alert($("input[name='password']").val());
// alert($("input[name='sex']:checked").val());
// alert($("
- 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression
comsci
java应用服务器工作Excel嵌入式
这个开源软件包是国内的一位高手自行研制开发的,正如他所说的一样,我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用,并提出意见和建议。。。
----------转帖---------------------------------------------------
IK Expression是一个开源的(OpenSource),可扩展的(Extensible),基于java语言
- 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer
daizj
spring
1、PropertyPlaceholderConfigurer
Spring中PropertyPlaceholderConfigurer这个类,它是用来解析Java Properties属性文件值,并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。
基本的使用方法是:(1)
<bean id="propertyConfigurerForWZ&q
- 二叉树:二叉搜索树
dieslrae
二叉树
所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表.
tree代码:
- C语言字符串函数大全
dcj3sjt126com
cfunction
C语言字符串函数大全
函数名: stpcpy
功 能: 拷贝一个字符串到另一个
用 法: char *stpcpy(char *destin, char *source);
程序例:
#include <stdio.h>
#include <string.h>
int main
- 友盟统计页面技巧
dcj3sjt126com
技巧
在基类调用就可以了, 基类ViewController示例代码
-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
[MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
- window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
flyvszhb
javajdk
window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
本机已经安装了jdk1.7,而比较早期的项目需要依赖jdk1.6,于是同时在本机安装了jdk1.6和jdk1.7.
安装jdk1.6前,执行java -version得到
C:\Users\liuxiang2>java -version
java version "1.7.0_21&quo
- Java在创建子类对象的同时会不会创建父类对象
happyqing
java创建子类对象父类对象
1.在thingking in java 的第四版第六章中明确的说了,子类对象中封装了父类对象,
2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
- 跟我学spring3 目录贴及电子书下载
jinnianshilongnian
spring
一、《跟我学spring3》电子书下载地址:
《跟我学spring3》 (1-7 和 8-13) http://jinnianshilongnian.iteye.com/blog/pdf
跟我学spring3系列 word原版 下载
二、
源代码下载
最新依
- 第12章 Ajax(上)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- BI and EIM 4.0 at a glance
blueoxygen
BO
http://www.sap.com/corporate-en/press.epx?PressID=14787
有机会研究下EIM家族的两个新产品~~~~
New features of the 4.0 releases of BI and EIM solutions include:
Real-time in-memory computing –
- Java线程中yield与join方法的区别
tomcat_oracle
java
长期以来,多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用。之前,我讨论了一个wait()和sleep()方法区别的问题,这一次,我将会讨论join()和yield()方法的区别。坦白的说,实际上我并没有用过其中任何一个方法,所以,如果你感觉有不恰当的地方,请提出讨论。
&nb
- android Manifest.xml选项
阿尔萨斯
Manifest
结构
继承关系
public final class Manifest extends Objectjava.lang.Objectandroid.Manifest
内部类
class Manifest.permission权限
class Manifest.permission_group权限组
构造函数
public Manifest () 详细 androi
- Oracle实现类split函数的方
zhaoshijie
oracle
关键字:Oracle实现类split函数的方
项目里需要保存结构数据,批量传到后他进行保存,为了减小数据量,子集拼装的格式,使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个,也补全了一下。
CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100);
cr