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二、预加载当需要图片内容很多时(比如游戏)，我们需要先把图片文件全部加载一下，然后再进入页面预加载
安装数据库首次应用
Array_06
javaoraclesql
可是为什么再一次失败之后就变成直接跳过那个要求
enter full pathname of java.exe的界面
这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！
注意第一次，使用SQL D
Weblogic Server Console密码修改和遗忘解决方法
bijian1013
Welogic
在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。
一.修改Console密码
打开weblogic控制台，安全领域 --> myrealm -->&n
IllegalStateException: Cannot forward a response that is already committed
Cwind
javaServlets
对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码：
protected void doPost() {
if (someCondition) {
sendRedirect();
}
forward(); // Thi
基于流的装饰设计模式
木zi_鸣
设计模式
当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。
自定义的类成为装饰类
模仿BufferedReader，对Reader进行包装，体现装饰设计模式
装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。
装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系
装饰类因为增强已有对象，具备的功能该
Linux中的uniq命令
被触发
linux
Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。
AD：
uniq [选项] 文件
说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
正则表达式Pattern
肆无忌惮_
Pattern
正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。
例如，我们需要对QQ号码格式进行检验
规则是长度6~12位 不能0开头 只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14}
&nbs
Oracle高级查询之OVER (PARTITION BY ..)
知了ing
oraclesql
一、rank()/dense_rank() over(partition by ...order by ...)
现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句：
select e.ename, e.job, e.sal, e.deptno
from scott.emp e,
(se
Python调试
矮蛋蛋
pythonpdb
原文地址：
http://blog.csdn.net/xuyuefei1988/article/details/19399137
1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧：
IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试：
http://www.ibm.com/d
webservice传递自定义对象时函数为空，以及boolean不对应的问题
alleni123
webservice
今天在客户端调用方法
NodeStatus status=iservice.getNodeStatus().
结果NodeStatus的属性都是null。
进行debug之后，发现服务器端返回的确实是有值的对象。
后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。
本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针
百合不是茶
C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：
定义一个指针p来指向a的地址（&是地址符号）：
Eclipse打不开，提示“An error has occurred.See the log file ***/.log”
bijian1013
eclipse
打开eclipse工作目录的\.metadata\.log文件，发现如下错误：
!ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139
!MESSAGE Application error
!STACK 1
java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
spring aop实例annotation方法实现
bijian1013
javaspringAOPannotation
在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut
AdviceMethods.jav
[Velocity一]Velocity语法基础入门
bit1129
velocity
用户和开发人员参考文档
http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html
注释
1.行级注释##
2.多行注释#* *#
变量定义
使用$开头的字符串是变量定义，例如$var1, $var2,
赋值
使用#set为变量赋值，例
【Kafka十一】关于Kafka的副本管理
bit1129
kafka
1. 关于request.required.acks
request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0，
0表示即不进行确认即返回。
1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中
-1表示根据指定的最少Partition确认后才返回，这个在
Th
lua统计nginx内部变量数据
ronin47
lua nginx 统计
server {
listen 80;
server_name photo.domain.com;
location /{set $str $uri;
content_by_lua '
local url = ngx.var.uri
local res = ngx.location.capture(
java-11.二叉树中节点的最大距离
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class MaxLenInBinTree {
/*
a. 1
/ \
2 3
/ \ / \
4 5 6 7
max=4 pass "root"
Netty源码学习-ReadTimeoutHandler
bylijinnan
javanetty
ReadTimeoutHandler的实现思路：
开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException
这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如
private final ChannelHandler timeoutHandler =
new ReadTim
jquery验证上传文件样式及大小(好用)
cngolon
文件上传jquery验证
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery1.8/jquery-1.8.0.
浏览器兼容【转】
cuishikuan
css浏览器IE
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同
问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
碰到频率:100%
解决方案：CSS里 *{margin:0;padding:0;}
备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数
daizj
shell$#$?特殊变量
前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码：
$echo $$
运行结果
29949
特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
程序设计KISS 原则-------KEEP IT SIMPLE, STUPID!
dcj3sjt126com
unix
翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。
KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
android Activity间List传值
dcj3sjt126com
Activity
第一个Activity：
import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
tomcat 设置java虚拟机内存
eksliang
tomcat 内存设置
转载请出自出处：http://eksliang.iteye.com/blog/2117772
http://eksliang.iteye.com/
常见的内存溢出有以下两种:
java.lang.OutOfMemoryError: PermGen space
java.lang.OutOfMemoryError: Java heap space
------------
Android 数据库事务处理
gqdy365
android
使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
Java 打开浏览器
hw1287789687
打开网址open浏览器open browser打开url打开浏览器
使用java 语言如何打开浏览器呢?
我们先研究下在cmd窗口中,如何打开网址
使用IE 打开
D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709
使用火狐打开
D:\software\bin>cmd /c start firefox http://hw1287789
ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件
justjavac
chromeGooglegoogle apichrome插件
Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice
由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
进程VS.线程
m635674608
线程
资料来源：
http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点：
多进程模式最大
Linux下安装MemCached
字符串
memcached
前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
java设计模式之--jdk动态代理（实现aop编程）
Supanccy2013
javaDAO设计模式AOP
与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。
&
Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持
wiselyman
spring 4
2.1 默认方法(default method)
java8引入了一个default medthod;
用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展
使用default关键字
Spring 4.2支持加载在默认方法里声明的bean
2.2
将要被声明成bean的类
public class DemoService {
