- 两步使用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该方法主要是将连字符转化成驼峰命名
- ztree设置禁用节点
3213213333332132
JavaScriptztreejsonsetDisabledNodeAjax
ztree设置禁用节点的时候注意,当使用ajax后台请求数据,必须要设置为同步获取数据,否者会获取不到节点对象,导致设置禁用没有效果。
$(function(){
showTree();
setDisabledNode();
});
- JVM patch by Taobao
bookjovi
javaHotSpot
在网上无意中看到淘宝提交的hotspot patch,共四个,有意思,记录一下。
7050685:jsdbproc64.sh has a typo in the package name
7058036:FieldsAllocationStyle=2 does not work in 32-bit VM
7060619:C1 should respect inline and
- 将session存储到数据库中
dcj3sjt126com
sqlPHPsession
CREATE TABLE sessions (
id CHAR(32) NOT NULL,
data TEXT,
last_accessed TIMESTAMP NOT NULL,
PRIMARY KEY (id)
);
<?php
/**
* Created by PhpStorm.
* User: michaeldu
* Date
- Vector
171815164
vector
public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) {
for (int i = 0; i < cart.size(); i++) {
if (cart.get(i).getId().equals(id)) {
cart.remove(i);
- 各连接池配置参数比较
g21121
连接池
排版真心费劲,大家凑合看下吧,见谅~
Druid
DBCP
C3P0
Proxool
数据库用户名称 Username Username User
数据库密码 Password Password Password
驱动名
- [简单]mybatis insert语句添加动态字段
53873039oycg
mybatis
mysql数据库,id自增,配置如下:
<insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id"
parameterType=&
- struts2拦截器配置
云端月影
struts2拦截器
struts2拦截器interceptor的三种配置方法
方法1. 普通配置法
<struts>
<package name="struts2" extends="struts-default">
&
- IE中页面不居中,火狐谷歌等正常
aijuans
IE中页面不居中
问题是首页在火狐、谷歌、所有IE中正常显示,列表页的页面在火狐谷歌中正常,在IE6、7、8中都不中,觉得可能那个地方设置的让IE系列都不认识,仔细查看后发现,列表页中没写HTML模板部分没有添加DTD定义,就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
- String,int,Integer,char 几个类型常见转换
antonyup_2006
htmlsql.net
如何将字串 String 转换成整数 int?
int i = Integer.valueOf(my_str).intValue();
int i=Integer.parseInt(str);
如何将字串 String 转换成Integer ?
Integer integer=Integer.valueOf(str);
如何将整数 int 转换成字串 String ?
1.
- PL/SQL的游标类型
百合不是茶
显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
游标是oracle中的一个结果集,用于存放查询的结果;
PL/SQL中游标的声明;
1,声明游标
2,打开游标(默认是关闭的);
3,提取数据
4,关闭游标
注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标
隐式游标:主要是对DML数据的操作隐
- JUnit4中@AfterClass @BeforeClass @after @before的区别对比
bijian1013
JUnit4单元测试
一.基础知识
JUnit4使用Java5中的注解(annotation),以下是JUnit4常用的几个annotation: @Before:初始化方法 对于每一个测试方法都要执行一次(注意与BeforeClass区别,后者是对于所有方法执行一次)@After:释放资源 对于每一个测试方法都要执行一次(注意与AfterClass区别,后者是对于所有方法执行一次
- 精通Oracle10编程SQL(12)开发包
bijian1013
oracle数据库plsql
/*
*开发包
*包用于逻辑组合相关的PL/SQL类型(例如TABLE类型和RECORD类型)、PL/SQL项(例如游标和游标变量)和PL/SQL子程序(例如过程和函数)
*/
--包用于逻辑组合相关的PL/SQL类型、项和子程序,它由包规范和包体两部分组成
--建立包规范:包规范实际是包与应用程序之间的接口,它用于定义包的公用组件,包括常量、变量、游标、过程和函数等
--在包规
- 【EhCache二】ehcache.xml配置详解
bit1129
ehcache.xml
在ehcache官网上找了多次,终于找到ehcache.xml配置元素和属性的含义说明文档了,这个文档包含在ehcache.xml的注释中!
ehcache.xml : http://ehcache.org/ehcache.xml
ehcache.xsd : http://ehcache.org/ehcache.xsd
ehcache配置文件的根元素是ehcahe
ehcac
- java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
白糖_
javaeclipsespringtomcatWeb
今天学习spring+cxf的时候遇到一个问题:在web.xml中配置了spring的上下文监听器:
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
随后启动
- angular.element
boyitech
AngularJSAngularJS APIangular.element
angular.element
描述: 包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。(类似于jQuery的选择器啦) 如果jQuery被引入了,则angular.element就可以看作是jQuery选择器,选择的对象可以使用jQuery的函数;如果jQuery不可用,angular.e
- java-给定两个已排序序列,找出共同的元素。
bylijinnan
java
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
public class CommonItemInTwoSortedArray {
/**
* 题目:给定两个已排序序列,找出共同的元素。
* 1.定义两个指针分别指向序列的开始。
* 如果指向的两个元素
- sftp 异常,有遇到的吗?求解
Chen.H
javajcraftauthjschjschexception
com.jcraft.jsch.JSchException: Auth cancel
at com.jcraft.jsch.Session.connect(Session.java:460)
at com.jcraft.jsch.Session.connect(Session.java:154)
at cn.vivame.util.ftp.SftpServerAccess.connec
- [生物智能与人工智能]神经元中的电化学结构代表什么?
comsci
人工智能
我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....
我们可以尝试一下...在某些神经
- 通过LAC和CID获取经纬度信息
dai_lm
laccid
方法1:
用浏览器打开http://www.minigps.net/cellsearch.html,然后输入lac和cid信息(mcc和mnc可以填0),如果数据正确就可以获得相应的经纬度
方法2:
发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
- JAVA的困难分析
datamachine
java
前段时间转了一篇SQL的文章(http://datamachine.iteye.com/blog/1971896),文章不复杂,但思想深刻,就顺便思考了一下java的不足,当砖头丢出来,希望引点和田玉。
-----------------------------------------------------------------------------------------
- 小学5年级英语单词背诵第二课
dcj3sjt126com
englishword
money 钱
paper 纸
speak 讲,说
tell 告诉
remember 记得,想起
knock 敲,击,打
question 问题
number 数字,号码
learn 学会,学习
street 街道
carry 搬运,携带
send 发送,邮寄,发射
must 必须
light 灯,光线,轻的
front
- linux下面没有tree命令
dcj3sjt126com
linux
centos p安装
yum -y install tree
mac os安装
brew install tree
首先来看tree的用法
tree 中文解释:tree
功能说明:以树状图列出目录的内容。
语 法:tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
- Map迭代方式,Map迭代,Map循环
蕃薯耀
Map循环Map迭代Map迭代方式
Map迭代方式,Map迭代,Map循环
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年
- Spring Cache注解+Redis
hanqunfeng
spring
Spring3.1 Cache注解
依赖jar包:
<!-- redis -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redis</artifactId>
- Guava中针对集合的 filter和过滤功能
jackyrong
filter
在guava库中,自带了过滤器(filter)的功能,可以用来对collection 进行过滤,先看例子:
@Test
public void whenFilterWithIterables_thenFiltered() {
List<String> names = Lists.newArrayList("John"
- 学习编程那点事
lampcy
编程androidPHPhtml5
一年前的夏天,我还在纠结要不要改行,要不要去学php?能学到真本事吗?改行能成功吗?太多的问题,我终于不顾一切,下定决心,辞去了工作,来到传说中的帝都。老师给的乘车方式还算有效,很顺利的就到了学校,赶巧了,正好学校搬到了新校区。先安顿了下来,过了个轻松的周末,第一次到帝都,逛逛吧!
接下来的周一,是我噩梦的开始,学习内容对我这个零基础的人来说,除了勉强完成老师布置的作业外,我已经没有时间和精力去
- 架构师之流处理---------bytebuffer的mark,limit和flip
nannan408
ByteBuffer
1.前言。
如题,limit其实就是可以读取的字节长度的意思,flip是清空的意思,mark是标记的意思 。
2.例子.
例子代码:
String str = "helloWorld";
ByteBuffer buff = ByteBuffer.wrap(str.getBytes());
Sy
- org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1
Everyday都不同
$转义el表达式
最近在做Highcharts的过程中,在写js时,出现了以下异常:
严重: Servlet.service() for servlet jsp threw exception
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
- 用Java实现发送邮件到163
tntxia
java实现
/*
在java版经常看到有人问如何用javamail发送邮件?如何接收邮件?如何访问多个文件夹等。问题零散,而历史的回复早已经淹没在问题的海洋之中。
本人之前所做过一个java项目,其中包含有WebMail功能,当初为用java实现而对javamail摸索了一段时间,总算有点收获。看到论坛中的经常有此方面的问题,因此把我的一些经验帖出来,希望对大家有些帮助。
此篇仅介绍用
- 探索实体类存在的真正意义
java小叶檀
POJO
一. 实体类简述
实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口,在程序中仅作为数据容器用来持久化存储数据用的
POJO(Plain Old Java Objects)简单的Java对象
它的一般格式就是
public class A{
private String id;
public Str