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二、预加载当需要图片内容很多时(比如游戏),我们需要先把图片文件全部加载一下,然后再进入页面预加载
ztree异步加载
3213213333332132
JavaScriptAjaxjsonWebztree
相信新手用ztree的时候,对异步加载会有些困惑,我开始的时候也是看了API花了些时间才搞定了异步加载,在这里分享给大家。
我后台代码生成的是json格式的数据,数据大家按各自的需求生成,这里只给出前端的代码。
设置setting,这里只关注async属性的配置
var setting = {
//异步加载配置
thirft rpc 具体调用流程
BlueSkator
中间件rpcthrift
Thrift调用过程中,Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类,这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作:
(1) 将客户端程序调用的函数名和参数传递给协议层(TProtocol),协议
异或运算推导, 交换数据
dcj3sjt126com
PHP异或^
/*
* 5 0101
* 9 1010
*
* 5 ^ 5
* 0101
* 0101
* -----
* 0000
* 得出第一个规律: 相同的数进行异或, 结果是0
*
* 9 ^ 5 ^ 6
* 1010
* 0101
* ----
* 1111
*
* 1111
* 0110
* ----
* 1001
事件源对象
周华华
JavaScript
<!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/1999/xhtml&q
MySql配置及相关命令
g21121
mysql
MySQL安装完毕后我们需要对它进行一些设置及性能优化,主要包括字符集设置,启动设置,连接优化,表优化,分区优化等等。
一 修改MySQL密码及用户
 
[简单]poi删除excel 2007超链接
53873039oycg
Excel
采用解析sheet.xml方式删除超链接,缺点是要打开文件2次,代码如下:
public void removeExcel2007AllHyperLink(String filePath) throws Exception {
OPCPackage ocPkg = OPCPac
Struts2添加 open flash chart
云端月影
准备以下开源项目:
1. Struts 2.1.6
2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009)
3. jofc2,这东西不知道是没做好还是什么意思,好像和ofc2不怎么匹配,最好下源码,有什么问题直接改。
4. log4j
用eclipse新建动态网站,取名OFC2Demo,将Struts2 l
spring包详解
aijuans
spring
下载的spring包中文件及各种包众多,在项目中往往只有部分是我们必须的,如果不清楚什么时候需要什么包的话,看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包,关于发布包下面会详细进行说明。 docs&nb
网站推广之seo概念
antonyup_2006
算法Web应用服务器搜索引擎Google
持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时,准备了解下网站的推广分析策略。
所谓网站推广,目的在于让尽可能多的潜在用户了解并访问网站,通过网站获得有关产品和服务等信息,为最终形成购买决策提供支持。
网站推广策略有很多,seo,email,adv
单例模式,sql注入,序列
百合不是茶
单例模式序列sql注入预编译
序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段 居然不会了,所以将序列写在本篇的前面
1,序列是一个保存数据连续的增长的一种方式;
序列的创建;
CREATE SEQUENCE seq_pro
2 INCREMENT BY 1 -- 每次加几个
3
Mockito单元测试实例
bijian1013
单元测试mockito
Mockito单元测试实例:
public class SettingServiceTest {
private List<PersonDTO> personList = new ArrayList<PersonDTO>();
@InjectMocks
private SettingPojoService settin
精通Oracle10编程SQL(9)使用游标
bijian1013
oracle数据库plsql
/*
*使用游标
*/
--显示游标
--在显式游标中使用FETCH...INTO语句
DECLARE
CURSOR emp_cursor is
select ename,sal from emp where deptno=1;
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
begin
ope
【Java语言】动态代理
bit1129
java语言
JDK接口动态代理
JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式,为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联
package com.tom;
import com.tom.model.User;
import com.tom.service.IUserService;
Java通信之URL通信基础
白糖_
javajdkwebservice网络协议ITeye
java对网络通信以及提供了比较全面的jdk支持,java.net包能让程序员直接在程序中实现网络通信。
在技术日新月异的现在,我们能通过很多方式实现数据通信,比如webservice、url通信、socket通信等等,今天简单介绍下URL通信。
学习准备:建议首先学习java的IO基础知识
URL是统一资源定位器的简写,URL可以访问Internet和www,可以通过url
博弈Java讲义 - Java线程同步 (1)
boyitech
java多线程同步锁
在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件,共用数据库连接,全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。
同步不仅可以阻止一个线程看到对象处于不一致的状态,它还可以保证进入同步方法或者块的每个线程,都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件(cri
java-给定字符串,删除开始和结尾处的空格,并将中间的多个连续的空格合并成一个。
bylijinnan
java
public class DeleteExtraSpace {
/**
* 题目:给定字符串,删除开始和结尾处的空格,并将中间的多个连续的空格合并成一个。
* 方法1.用已有的String类的trim和replaceAll方法
* 方法2.全部用正则表达式,这个我不熟
* 方法3.“重新发明轮子”,从头遍历一次
*/
public static v
An error has occurred.See the log file错误解决!
Kai_Ge
MyEclipse
今天早上打开MyEclipse时,自动关闭!弹出An error has occurred.See the log file错误提示!
很郁闷昨天启动和关闭还好着!!!打开几次依然报此错误,确定不是眼花了!
打开日志文件!找到当日错误文件内容:
--------------------------------------------------------------------------
[矿业与工业]修建一个空间矿床开采站要多少钱?
comsci
地球上的钛金属矿藏已经接近枯竭...........
我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....
那么,现在要编制一个预算,提交给财政部门..
解析Google Map Routes
dai_lm
google api
为了获得从A点到B点的路劲,经常会使用Google提供的API,例如
[url]
http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false
[/url]
从返回的结果上,大致可以了解应该怎么走,但
SQL还有多少“理所应当”?
datamachine
sql
转贴存档,原帖地址:http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html!
------------------------------------华丽的分割线--------------------------------
Yii使用Ajax验证时,如何设置某些字段不需要验证
dcj3sjt126com
Ajaxyii
经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如:
$form=$this->beginWidget('CActiveForm', array( 'id'=>'usuario-form',&
使用git同步网站代码
dcj3sjt126com
crontabgit
转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com
管理一网站,最开始使用的虚拟空间,采用提供商支持的ftp上传网站文件,后换用vps,vps可以自己搭建ftp的,但是懒得搞,直接使用scp传输文件到服务器,现在需要更新文件到服务器,使用scp真的很烦。发现本人就职的公司,采用的git+rsync的方式来管理、同步代码,遂
sql基本操作
蕃薯耀
sqlsql基本操作sql常用操作
sql基本操作
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:30:33 星期一
&
Spring4+Hibernate4+Atomikos3.3多数据源事务管理
hanqunfeng
Hibernate4
Spring3+后不再对JTOM提供支持,所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考:http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站:http://www.atomikos.com/ 一.pom.xml
<dependency>
<
jquery中两个值得注意的方法one()和trigger()方法
jackyrong
trigger
在jquery中,有两个值得注意但容易忽视的方法,分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍
1) one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数,格式为
one(type,${data},fn)
&nb
拿工资不仅仅是让你写代码的
lampcy
工作面试咨询
这是我对团队每个新进员工说的第一件事情。这句话的意思是,我并不关心你是如何快速完成任务的,哪怕代码很差,只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。
这个说法其实很合理:我们的工作是思考客户提出的问题,然后制定解决方案。思考第一,代码第二,公司请我们的最终目的不是写代码,而是想出解决方案。
话粗理不粗。
付你薪水不是让你来思考的,也不是让你来写代码的,你的目的是交付产品
架构师之对象操作----------对象的效率复制和判断是否全为空
nannan408
架构师
1.前言。
如题。
2.代码。
(1)对象的复制,比spring的beanCopier在大并发下效率要高,利用net.sf.cglib.beans.BeanCopier
Src src=new Src();
BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
ajax 被缓存的解决方案
Rainbow702
JavaScriptjqueryAjaxcache缓存
使用jquery的ajax来发送请求进行局部刷新画面,各位可能都做过。
今天碰到一个奇怪的现象,就是,同一个ajax请求,在chrome中,不论发送多少次,都可以发送至服务器端,而不会被缓存。但是,换成在IE下的时候,发现,同一个ajax请求,会发生被缓存的情况,只有第一次才会被发送至服务器端,之后的不会再被发送。郁闷。
解决方法如下:
① 直接使用 JQuery提供的 “cache”参数,
修改date.toLocaleString()的警告
tntxia
String
我们在写程序的时候,经常要查看时间,所以我们经常会用到date.toLocaleString(),但是date.toLocaleString()是一个过时 的API,代替的方法如下:
package com.tntxia.htmlmaker.util;
import java.text.SimpleDateFormat;
import java.util.
项目完成后的小总结
xiaomiya
js总结项目
项目完成了,突然想做个总结但是有点无从下手了。
做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。
先说说项目主要实现的功能吧
1,按键精灵
2,获取行情数据
3,各种input输入条件判断
4,发送数据(有json格式和string格式)
5,获取预警条件列表和预警结果列表,
6,排序,
7,预警结果分页获取
8,导出文件(excel,text等)
9,修