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
矩阵求逆(JAVA)利用伴随矩阵
qiuwanchi
利用伴随矩阵求逆矩阵
package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(利用伴随矩阵)
* @author 邱万迟
单例(Singleton)模式
aoyouzi
单例模式Singleton
3.1 概述 如果要保证系统里一个类最多只能存在一个实例时,我们就需要单例模式。这种情况在我们应用中经常碰到,例如缓存池,数据库连接池,线程池,一些应用服务实例等。在多线程环境中,为了保证实例的唯一性其实并不简单,这章将和读者一起探讨如何实现单例模式。 3.2
[开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发
comsci
开源
现在国内有大量的信息技术产品,都是通过盗版,免费下载,开源,附送等方式从国外的开发者那里获得的。。。。。。
虽然这种情况带来了国内信息产业的短暂繁荣,也促进了电子商务和互联网产业的快速发展,但是实际上,我们应该清醒的看到,这些产业的核心力量是被国外的
页面有两个frame,怎样点击一个的链接改变另一个的内容
Array_06
UIXHTML
<a src="地址" targets="这里写你要操作的Frame的名字" />搜索
然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里
targerts="",就是你要填写目标的显示页面位置
=====================
例如:
<frame src=&
Struts2实现单个/多个文件上传和下载
oloz
文件上传struts
struts2单文件上传:
步骤01:jsp页面
<!--在进行文件上传时,表单提交方式一定要是post的方式,因为文件上传时二进制文件可能会很大,还有就是enctype属性,这个属性一定要写成multipart/form-data,不然就会以二进制文本上传到服务器端-->
<form action="fileUplo
推荐10个在线logo设计网站
362217990
logo
在线设计Logo网站。
1、http://flickr.nosv.org(这个太简单)
2、http://www.logomaker.com/?source=1.5770.1
3、http://www.simwebsol.com/ImageTool
4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2
5、ht
jsp上传文件
香水浓
jspfileupload
1. jsp上传
Notice:
1. form表单 method 属性必须设置为 POST 方法 ,不能使用 GET 方法
2. form表单 enctype 属性需要设置为 multipart/form-data
3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
我的架构经验系列文章 - 前端架构
agevs
JavaScriptWeb框架UIjQuer
框架层面:近几年前端发展很快,前端之所以叫前端因为前端是已经可以独立成为一种职业了,js也不再是十年前的玩具了,以前富客户端RIA的应用可能会用flash/flex或是silverlight,现在可以使用js来完成大部分的功能,因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码,越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源,而前端做所有UI的事情。MVCMV
android ksoap2 中把XML(DataSet) 当做参数传递
aijuans
android
我的android app中需要发送webservice ,于是我使用了 ksop2 进行发送,在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下
[html]
view plain
copy
<Envelope xmlns="http://schemas.
使用Spring进行统一日志管理 + 统一异常管理
baalwolf
spring
统一日志和异常管理配置好后,SSH项目中,代码以往散落的log.info() 和 try..catch..finally 再也不见踪影!
统一日志异常实现类:
[java]
view plain
copy
package com.pilelot.web.util;
impor
Android SDK 国内镜像
BigBird2012
android sdk
一、镜像地址:
1、东软信息学院的 Android SDK 镜像,比配置代理下载快多了。
配置地址, http://mirrors.neusoft.edu.cn/configurations.we#android
2、北京化工大学的:
IPV4:ubuntu.buct.edu.cn
IPV4:ubuntu.buct.cn
IPV6:ubuntu.buct6.edu.cn
HTML无害化和Sanitize模块
bijian1013
JavaScriptAngularJSLinkySanitize
一.ng-bind-html、ng-bind-html-unsafe
AngularJS非常注重安全方面的问题,它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML,然后利用它触发跨站攻击或者注入攻击。
考虑这样一个例子,假设我们有一个变量存
[Maven学习笔记二]Maven命令
bit1129
maven
mvn compile
compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中,不会对src/test/java中的测试类进行编译
MVN编译使用
maven-resources-plugin:2.6:resources
maven-compiler-plugin:2.5.1:compile
&nbs
【Java命令二】jhat
bit1129
Java命令
jhat用于分析使用jmap dump的文件,,可以将堆中的对象以html的形式显示出来,包括对象的数量,大小等等,并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务,jhat是Java Heap Analysis Tool的缩写
1. 用法:
[hadoop@hadoop bin]$ jhat -help
Usage: jhat [-stack <bool&g
JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc
ronin47
进到类似目录 server/default/conf/bootstrap,打开文件 profile.xml找到: Xml代码<bean
name="AttachmentStore"
class="org.jboss.system.server.profileservice.repository.AbstractAtta
写给初学者的6条网页设计安全配色指南
brotherlamp
UIui自学ui视频ui教程ui资料
网页设计中最基本的原则之一是,不管你花多长时间创造一个华丽的设计,其最终的角色都是这场秀中真正的明星——内容的衬托
我仍然清楚地记得我最早的一次美术课,那时我还是一个小小的、对凡事都充满渴望的孩子,我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋,并且我想,既然两种颜色能创造出一种全新的美丽色彩,那所有颜色
有一个数组,每次从中间随机取一个,然后放回去,当所有的元素都被取过,返回总共的取的次数。写一个函数实现。复杂度是什么。
bylijinnan
java算法面试
import java.util.Random;
import java.util.Set;
import java.util.TreeSet;
/**
* http://weibo.com/1915548291/z7HtOF4sx
* #面试题#有一个数组,每次从中间随机取一个,然后放回去,当所有的元素都被取过,返回总共的取的次数。
* 写一个函数实现。复杂度是什么
struts2获得request、session、application方式
chiangfai
application
1、与Servlet API解耦的访问方式。
a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装,构造了三个Map对象来替代这三种对象要获取这三个Map对象,使用ActionContext类。
----->
package pro.action;
import java.util.Map;
imp
改变python的默认语言设置
chenchao051
python
import sys
sys.getdefaultencoding()
可以测试出默认语言,要改变的话,需要在python lib的site-packages文件夹下新建:
sitecustomize.py, 这个文件比较特殊,会在python启动时来加载,所以就可以在里面写上:
import sys
sys.setdefaultencoding('utf-8')
&n
mysql导入数据load data infile用法
daizj
mysql导入数据
我们常常导入数据!mysql有一个高效导入方法,那就是load data infile 下面来看案例说明
基本语法:
load data [low_priority] [local] infile 'file_name txt' [replace | ignore]
into table tbl_name
[fields
[terminated by't']
[OPTI
phpexcel导入excel表到数据库简单入门示例
dcj3sjt126com
PHPExcel
跟导出相对应的,同一个数据表,也是将phpexcel类放在class目录下,将Excel表格中的内容读取出来放到数据库中
<?php
error_reporting(E_ALL);
set_time_limit(0);
?>
<html>
<head>
<meta http-equiv="Content-Type"
22岁到72岁的男人对女人的要求
dcj3sjt126com
22岁男人对女人的要求是:一,美丽,二,性感,三,有份具品味的职业,四,极有耐性,善解人意,五,该聪明的时候聪明,六,作小鸟依人状时尽量自然,七,怎样穿都好看,八,懂得适当地撒娇,九,虽作惊喜反应,但看起来自然,十,上了床就是个无条件荡妇。 32岁的男人对女人的要求,略作修定,是:一,入得厨房,进得睡房,二,不必服侍皇太后,三,不介意浪漫蜡烛配盒饭,四,听多过说,五,不再傻笑,六,懂得独
Spring和HIbernate对DDM设计的支持
e200702084
DAO设计模式springHibernate领域模型
A:数据访问对象
DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面,资源库是一个独立的抽象,它与DAO进行交互,并提供到领域模型的“业务接口”。
资源库使用领域的通用语言,处理所有必要的DAO,并使用领域理解的语言提供对领域模型的数据访问服务。
NoSql 数据库的特性比较
geeksun
NoSQL
Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。目前由VMware主持开发工作。
1. 数据模型
作为Key-value型数据库,Redis也提供了键(Key)和值(Value)的映射关系。除了常规的数值或字符串,Redis的键值还可以是以下形式之一:
Lists (列表)
Sets
使用 Nginx Upload Module 实现上传文件功能
hongtoushizi
nginx
转载自: http://www.tuicool.com/wx/aUrAzm
普通网站在实现文件上传功能的时候,一般是使用Python,Java等后端程序实现,比较麻烦。Nginx有一个Upload模块,可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件,然后在交由后台页面处理,并且把文件的原名,上传后的名称,文件类型,文件大小set到页面。下
spring-boot-web-ui及thymeleaf基本使用
jishiweili
springthymeleaf
视图控制层代码demo如下:
@Controller
@RequestMapping("/")
public class MessageController {
private final MessageRepository messageRepository;
@Autowired
public MessageController(Mes
数据源架构模式之活动记录
home198979
PHP架构活动记录数据映射
hello!架构
一、概念
活动记录(Active Record):一个对象,它包装数据库表或视图中某一行,封装数据库访问,并在这些数据上增加了领域逻辑。
对象既有数据又有行为。活动记录使用直截了当的方法,把数据访问逻辑置于领域对象中。
二、实现简单活动记录
活动记录在php许多框架中都有应用,如cakephp。
<?php
/**
* 行数据入口类
*
Linux Shell脚本之自动修改IP
pda158
linuxcentosDebian脚本
作为一名
Linux SA,日常运维中很多地方都会用到脚本,而服务器的ip一般采用静态ip或者MAC绑定,当然后者比较操作起来相对繁琐,而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为:修改ip和主机名等相关信息,可以根据实际需求修改,举一反三!
#!/bin/sh
#auto Change ip netmask ga
开发环境搭建
独浮云
eclipsejdktomcat
最近在开发过程中,经常出现MyEclipse内存溢出等错误,需要重启的情况,好麻烦。对于一般的JAVA+TOMCAT项目开发,其实没有必要使用重量级的MyEclipse,使用eclipse就足够了。尤其是开发机器硬件配置一般的人。
&n
操作日期和时间的工具类
vipbooks
工具类
大家好啊,好久没有来这里发文章了,今天来逛逛,分享一篇刚写不久的操作日期和时间的工具类,希望对大家有所帮助。
/*
* @(#)DataFormatUtils.java 2010-10-10
*
* Copyright 2010 BianJing,All rights reserved.
*/
package test;
impor