1.说一个原型的实际应用1.zepto如何使用原型(function(window){varzepto={}functionZ(dom,selector){vari,len=dom?dom.length:0for(i=0;i
webpack 工程实践化总结之常用 loader 和 plugin 总结
城南花开ze
WebpackViteGulpwebpack工程实践化总结常用loader常用plugin
一、常用loaderJavaScript相关,如下所示:babel-loader:把ES6转换成ES5;script-loader:可以将指定的模块JavaScript文件转成纯字符串通过eval方式执行;exports-loader:可以导出指定的对象,例如window.Zepto;ts-loader:把TypeScript转换成JavaScript;imports-loader:将任意三方的对
小程序学习笔记-若干问题
赵客缦胡缨v吴钩霜雪明
Q:为什么脚本内不能使用window等对象A:页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件Q:为什么zepto/jquery无法使用A:zepto/jquery会使用到window对象和document对象,所以无法使用。Q:wx.navigateTo无法打开页面A:一个应用同时只能打开5个页面,当已经打开了5
编程大白话之-web前端常用库及插件使用
Han涛_
在前端工作中,我们常常会用到各种的插件及框架,整理一些插件和工具,方便日后查找和使用。我常用到的一些前端开源插件,这里只是罗列出来,详细的用法各个插件官网或者Gayhub都有介绍。bootstrap(前端快速开发UI框架)官网:https://v3.bootcss.com/zepto(一个轻量级的javascript库)官网:https://zeptojs.com/Han.PNGiscroll(区
使用zepto结合touchjs实现元素的拖动效果
hanq2016
javascript
1.HTML部分移动端拖拽效果2.CSS部分.box{position:absolute;top:1rem;left:1rem;width:2rem;height:2rem;background-color:blue;}3.js部分$(function(){//获得.box元素letbox=$('.box')//获得.box元素left值letleft=Number.parseFloat(box.
zepto
heyangm
$(".intro").on('click',function(){varspeed=$(document.body).scrollTop();varcurScroll=$("#m-read").offset().top;setInterval(timer,1)functiontimer(){if(curScroll>speed){speed+=5;$(document.body).scrollT
淘宝前端SUI Mobile 使用记录
路人男主
c#SUIMobile
用这个框架的时候遇到几个坑,记录一下,也想让大家少走弯路。1、皮肤的用法和其他一样,没有什么区别。2、js、css建议引用cdn加速3、在引用的脚本下面需先引用$.init否则你无法使用他的js4、zepto.js与Jquery.js冲突,所以不能引用jquery,(如果必须要用,你可以转让控制权)zepto.js也自带有一些基本的jquery功能
2020-04-01
有只Bug
1.常用的js框架以及分别适用的领域jquery:简化了js的一些操作,并且提供了一些非常好用的APIjqueryui、jquery-easyui:在jqeury的基础上提供了一些常用的组件日期,下拉框,表格这些组件require.js、sea.js(阿里的玉帛)+》模块化开发使用的zepto:精简版的jquery,常用于手机web前端开发提供了一些手机页面实用功能,touchext.js:跟jq
Zepto.js 简介(第一章)
zhangjingbibibi
Zepto.js简介(第一章)在做C端-H5的时候,很多时候会用到Zepto.js,所以在这里,我就把它整理一下。什么是Zeptozepto是轻量级的JavaScript库,专门为移动端定制的框架与jquery有着类似的API,俗称:会jquery就会用zeptoZepto的特点针对移动端轻量级,压缩版本只有8kb左右响应,执行快语法,API大部分同jquery一样,学习难度低,上手快目前API完
前端开发的一些插件汇总
y东施效颦
vue.js前端npmyarn
插件postcss-px-to-viewport适用于pc端各种分辨率兼容:yarnadd-Dpostcss-px-to-viewportwangEditor有丰富的API和足够的扩展性,允许你自定义开发菜单、模块、插件等。parallel.js:前后端通用的一个并行库zepto:用于现代浏览器的兼容jQuery的库totoro:稳定的跨浏览器测试工具TheaterJS:一个用于模拟人输入状态的J
uniapp开发微信小程序注意事项
爱在深秋ssr
小程序小程序vuejavascriptvue.jshtml
uniapp开发微信小程序开发注意事项在template中不要使用复杂的逻辑代码,尤其是在v-for做判断时,尽量用方法替代在template中不要直接出现空字符串,空对象,使用变量去替代若拉取的代码一致,但有一方报错,可能问题出在微信开发者工具上,比如在详情页中本地设置的调试基本库不同。小程序开发中不允许对DOM和BOM的操作,不要使用类似jQuery,zepto等库严格表明样式的类型,尤其是在
Express框架入门
努力活着吧
node.js
Express框架入门1.了解框架与库1.1什么是框架框架就是一个半成品,用来快速解决某一类问题。使用框架有遵守框架的使用规范。1.2常用的框架有哪些?bootstraplay-uiexpressvuareact1.3什么是库?库就是工具集,使用非常灵活。1.4有哪些库?jQueryday.jsunderscoreart-templateaxiosechartzepto.js(移动端的jQuery
移动端开发的zepto
goodluckall
1.zepto和jquery的区别:(主要是模块上的区别)zepto默认只有基本的模块,其他功能模块需要单独引用。引用的模块,必须放在zepto的后面,fx.js和fx_methods.js他们之间必须是fx_methods.js在fx.js的后面,其他的包之间顺序无所谓。jQuery默认是一个文件中,包含所有的功模块。zepto的底层是通过css3实现的,jQuery是操作的DOM,所以有些cs
小白和你慢慢读Zepto源码(一)
ChronosAeon
前言作者是一以一个小白的视角(虽然自己真的是一个小白)去读和分析Zepto源码。作为一个真小白,总是学到一阵子就不知道自己还能朝什么方向进步。但凡这个时候要不是就膨胀的觉得自己什么都会,要么就是觉得很迷茫,作者也有过类似的经历。但是作者逐渐找到了读源码,分析源码的方式来发现自己对于一些知识点的不足,很多时候日常写代码,你只需要用一些很基本的语法就可以搞定,但是很多时候你就忽略了,有更优美,更简洁的
微信小程序(三)小程序中的JS
我拥抱着我的未来
本节目标了解小程序JS的基本情况了解小程序JS运行环境及开发注意事项(一)小程序Javascript开发者使用Javascript来开发业务逻辑,以及调用小程序的API来完成业务需求.小程序中JS由三部分组成ECMAScript小程序框架小程序API由于小程序没有浏览器中的bomdom对象,所以jquery,zepto这类依赖DOM的浏览器库无法再小程序中运行小程序也无法使用npm和大多数类库小程
Zepto初识
Hi_透明色
Zepto在2014/2015年较火,现在关注度明显下降诸多,但接触到就稍微再了解一下。Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。主要针对现代浏览器开发,暂时不支持IE10以下,针对移动端(如:触摸屏交互)去除了大量jQuery的兼容代码,部分API的实现方式不同。目前,最新版本为1.2.0与jQuery比较,有以下区别:DOM操作:添加
前端规范 - 前端广义安全规范
loulanyijian
前端规范#前端安全前端代码规范web安全
前言不仅仅局限为前端老生常谈的xss、csrf等典型性前端安全问题更多的,是前端面临的整体的一些合规、风控、信息泄露等一系列问题xss防御首先还是xss,如果你现在不是使用老掉牙的jQueryzepto之类的框架,就简单多了对vue来说,谨慎或不使用v-html即可对react来说,谨慎或不使用dangerouslySetInnerHTML即可开启全站https这个无需多言,现在全站https是标
微信小程序(自我感觉详细无比)
天上人间一样愁
微信小程序首现需要下载官方编辑的东西比较好,叫微信web开发者工具地址如下:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html先了解一下微信小程序,(接下来是我印象里面所记得的,建议自己详查),微信小程序很小,最后打包不得超过2M,图片基本是后端所传,标签也有很大的改变,不支持jQuery,zepto等框架
云计算:常用系统前端与后端框架
cronaldo91
云计算
目录一、理论1.前端2.后端一、理论1.前端(1)JavaScript框架JQuery.JSZeptoJS(与jquery类似)SUI.MobileNode.JS(服务端)angular.Js(模型,scope作用域,controller,依赖注入,MVVM):前端MVC.require.JS:AMD,commonJSSeajs:CMD,commonJSVUE.JS:MVVMbackbone.JS
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
jQuery编程(jQuery概述、基本使用、常用API(jQuery选择器、样式操作、效果、属性操作、内容文本值、元素操作、尺寸位置操作))
夏天的遥遥漓曦
JavaScriptjquery前端javascript
1.概述1.1JavaScript库JavaScript库:即一个js文件,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预定好的函数在里面,比如动画animate、hide、show,比如获取元素等。常见的JavaScript库:jQueryPrototypeYUIDojoExtJS移动端的zepto1.2jQuery的概念jQuery是一个快速
2019-07-19 zepto源码阅读(慕课双越老师)
DreamNeverDie
/*Zeptov1.1.6-zeptoeventajaxformie-zeptojs.com/license*/varZepto=(function(){varundefined,key,$,classList,//获取数组的slice和filter(返回数组中的满足回调函数中指定的条件的元素)方法emptyArray=[],slice=emptyArray.slice,filter=emptyA
前端性能优化之懒加载,预加载
zxhnext
一、懒加载这里以手机淘宝为例,我们并不需要在进入页面时显示所有资源,当用户下拉时我们再展示后续内容:我们来做一个demo如下:index.html懒加载......lazyload.jsimage.png我们也可以引用zepto.lazyload.js包帮我们实现:image.pngimage.png二、预加载当需要图片内容很多时(比如游戏),我们需要先把图片文件全部加载一下,然后再进入页面预加载
github中多个平台共存
jackyrong
github
在个人电脑上,如何分别链接比如oschina,github等库呢,一般教程之列的,默认
ssh链接一个托管的而已,下面讲解如何放两个文件
1) 设置用户名和邮件地址
$ git config --global user.name "xx"
$ git config --global user.email "
[email protected]"
ip地址与整数的相互转换(javascript)
alxw4616
JavaScript
//IP转成整型
function ip2int(ip){
var num = 0;
ip = ip.split(".");
num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
n
读书笔记-jquey+数据库+css
chengxuyuancsdn
htmljqueryoracle
1、grouping ,group by rollup, GROUP BY GROUPING SETS区别
2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
javaSE javaEE javaME == API下载
Array_06
java
oracle下载各种API文档:
http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html
JavaSE文档:
http://docs.oracle.com/javase/8/docs/api/
JavaEE文档:
ht
shiro入门学习
cugfy
javaWeb框架
声明本文只适合初学者,本人也是刚接触而已,经过一段时间的研究小有收获,特来分享下希望和大家互相交流学习。
首先配置我们的web.xml代码如下,固定格式,记死就成
<filter>
<filter-name>shiroFilter</filter-name>
&nbs
Array添加删除方法
357029540
js
刚才做项目前台删除数组的固定下标值时,删除得不是很完整,所以在网上查了下,发现一个不错的方法,也提供给需要的同学。
//给数组添加删除
Array.prototype.del = function(n){
navigation bar 更改颜色
张亚雄
IO
今天郁闷了一下午,就因为objective-c默认语言是英文,我写的中文全是一些乱七八糟的样子,到不是乱码,但是,前两个自字是粗体,后两个字正常体,这可郁闷死我了,问了问大牛,人家告诉我说更改一下字体就好啦,比如改成黑体,哇塞,茅塞顿开。
翻书看,发现,书上有介绍怎么更改表格中文字字体的,代码如下
 
unicode转换成中文
adminjun
unicode编码转换
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符,这是unicode编码,使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。
/**
* unicode 转换成 中文
一站式 Java Web 框架 firefly
aijuans
Java Web
Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。
firefly-2.0_07修复了模版压缩对javascript单行注释的影响,并新增了自定义错误页面功能。
更新日志:
增加自定义系统错误页面功能
设计模式——单例模式
ayaoxinchao
设计模式
定义
Java中单例模式定义:“一个类有且仅有一个实例,并且自行实例化向整个系统提供。”
分析
从定义中可以看出单例的要点有三个:一是某个类只能有一个实例;二是必须自行创建这个实例;三是必须自行向系统提供这个实例。
&nb
Javascript 多浏览器兼容性问题及解决方案
BigBird2012
JavaScript
不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。
一、document.formName.item(”itemName”) 问题
问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误
bijian1013
junit4.11单元测试
下载了最新的JUnit版本,是4.11,结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误,上网查了一下,一般的解决方案是,换一个低一点的版本就好了。还有人说,是缺少hamcrest的包。去官网看了一下,如下发现:
[Zookeeper学习笔记之二]Zookeeper部署脚本
bit1129
zookeeper
Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程,即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下,脚本中指定的名字是zookeeper的3.4.6版本,需要根据实际情况修改):
#!/bin/bash
#!!!Change the name!!!
#The zookeepe
【Spark八十】Spark RDD API二
bit1129
spark
coGroup
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
import org.apache.spark.SparkContext._
object CoGroupTest_05 {
def main(args: Array[String]) {
v
Linux中编译apache服务器modules文件夹缺少模块(.so)的问题
ronin47
modules
在modules目录中只有httpd.exp,那些so文件呢?
我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了)
去make并且make install了。我希望在/apache2/modules/目录里有各种模块,
Java基础-克隆
BrokenDreams
java基础
Java中怎么拷贝一个对象呢?可以通过调用这个对象类型的构造器构造一个新对象,然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式,这种方式称为
克隆。
Java提供了java.lang.
读《研磨设计模式》-代码笔记-适配器模式-Adapter
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 适配器模式解决的主要问题是,现有的方法接口与客户要求的方法接口不一致
* 可以这样想,我们要写这样一个类(Adapter):
* 1.这个类要符合客户的要求 ---> 那显然要
HDR图像PS教程集锦&心得
cherishLC
PS
HDR是指高动态范围的图像,主要原理为提高图像的局部对比度。
软件有photomatix和nik hdr efex。
一、教程
叶明在知乎上的回答:
http://www.zhihu.com/question/27418267/answer/37317792
大意是修完后直方图最好是等值直方图,方法是HDR软件调一遍,再结合不透明度和蒙版细调。
二、心得
1、去除阴影部分的
maven-3.3.3 mvn archetype 列表
crabdave
ArcheType
maven-3.3.3 mvn archetype 列表
可以参考最新的:http://repo1.maven.org/maven2/archetype-catalog.xml
[INFO] Scanning for projects...
[INFO]
linux shell 中文件编码查看及转换方法
daizj
shell中文乱码vim文件编码
一、查看文件编码。
在打开文件的时候输入:set fileencoding
即可显示文件编码格式。
二、文件编码转换
1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式
&
MySQL--binlog日志恢复数据
dcj3sjt126com
binlog
恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001,现在刷新了重新开启一个就多了一个mysql-bin.000002
数据库中数据表数据迁移方法
dcj3sjt126com
sql
刚开始想想好像挺麻烦的,后来找到一种方法了,就SQL中的 INSERT 语句,不过内容是现从另外的表中查出来的,其实就是 MySQL中INSERT INTO SELECT的使用
下面看看如何使用
语法:MySQL中INSERT INTO SELECT的使用
1. 语法介绍
有三张表a、b、c,现在需要从表b
Java反转字符串
dyy_gusi
java反转字符串
前几天看见一篇文章,说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串,就是将一个字符串到过来啦,比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。
1、第一个念头就是直接使用String类的反转方法,对不起,这样是不行的,因为Stri
UI设计中我们为什么需要设计动效
gcq511120594
UIlinux
随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的UI设计师们也开始投身动效设计领域。
但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。
一、加强体验舒适度
嗯,就是让用户更加爽更加爽的用
JBOSS服务部署端口冲突问题
HogwartsRow
java应用服务器jbossserverEJB3
服务端口冲突问题的解决方法,一般修改如下三个文件中的部分端口就可以了。
1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml
2、./server/default/deploy/jbossweb.sar/server.xml
3、.
第三章 Redis/SSDB+Twemproxy安装与使用
jinnianshilongnian
ssdbreidstwemproxy
目前对于互联网公司不使用Redis的很少,Redis不仅仅可以作为key-value缓存,而且提供了丰富的数据结果如set、list、map等,可以实现很多复杂的功能;但是Redis本身主要用作内存缓存,不适合做持久化存储,因此目前有如SSDB、ARDB等,还有如京东的JIMDB,它们都支持Redis协议,可以支持Redis客户端直接访问;而这些持久化存储大多数使用了如LevelDB、RocksD
ZooKeeper原理及使用
liyonghui160com
ZooKeeper是Hadoop Ecosystem中非常重要的组件,它的主要功能是为分布式系统提供一致性协调(Coordination)服务,与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper,第一部分介绍ZooKeeper的基本原理,第二部分介绍ZooKeeper
程序员解决问题的60个策略
pda158
框架工作单元测试
根本的指导方针
1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。
良好的单元测试
强制数据库约束
使用输入验证框架
避免未实现的“else”条件
在应用到主程序之前知道如何在孤立的情况下使用
日志
2. print 语句。往往额外输出个一两行将有助于隔离问题。
3. 切换至详细的日志记录。详细的日
Create the Google Play Account
sillycat
Google
Create the Google Play Account
Having a Google account, pay 25$, then you get your google developer account.
References:
http://developer.android.com/distribute/googleplay/start.html
https://p
JSP三大指令
vikingwei
jsp
JSP三大指令
一个jsp页面中,可以有0~N个指令的定义!
1. page --> 最复杂:<%@page language="java" info="xxx"...%>
* pageEncoding和contentType:
> pageEncoding:它