e.path 移动端

2024-10-17

vue e.path 移动端兼容

作用 e.path 用来获取点击元素及以上所有父元素的一个数组问题当在移动端会有获取不到e.path的问题不兼容解决 let path = event.path || (event.composedPath && event.composedPath());

最近在做移动端遇到了一个问题就是: 手机拍照后,图片过大如果上传到服务器务必会浪费带宽,最重要的是流量啊别慌,好事儿来了,务必就会有人去研究研究图片的压缩: 鄙人结合前人的经验,结合自己实战,总结出一个方法供大家参考. /** * 图片压缩,默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径,但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象有 width, height, qual

PC端申请表

公司项目需求中要做用html做一个PDF申请表的样式出来.有点意思,贴上来大家看看. 先上效果图: 附上源代码: HTML:<div id="form"> <h2>轻工行业职业技能等级评价考生申请表</h2> <table cellspacing="0" border="1px" class="table"> <tr> <td style="width

JS_Detail和Discipline

编码原则 Js控件代码3部曲 (1)设置元素的状态在onready中添加 (2)设置元素的动作, 每个动作封装成 function(enclosure) (3)remove load之前删除方法,属性 DeferList1次和 3次DeferList 14s vs 29s 1次: var tempAr=[]; var queryTask=new esri.tasks.QueryTask(getQueryUrl(0));//station var query=new esri.

图片上传前压缩，base64图片压缩 Exif.js处理ios拍照倒置等问题

曾写过在前端把图片按比例压缩不失真上传服务器的前端和后台,可惜没有及时做总结保留代码,只记得js利用了base64位压缩和Exif.js进行图片处理,还有其中让我头疼的ios拍照上传后会倒置等诸多问题,当时也是在看了网上的各种代码后才有思路进行编写,希望留下一些大佬的代码在以后小弟我方便学习 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">

Java Servlet开发的轻量级MVC框架最佳实践

在Servlet开发的工程实践中,为了减少过多的业务Servlet编写,会采用构建公共Servlet的方式,通过反射来搭建轻量级的MVC框架,从而加快应用开发. 关于Servlet开发的基础知识,请看:JavaWeb开发之详解Servlet及Servlet容器前后端交互的基本形式一般来说,前端提交数据请求有三种基本方式,分别是表单.链接和Ajax 1. 按钮 <form action="/BaseServlet/ServletDemo02?method=addStu" met

模拟百度云盘版的ftp

思路:一.分两个大的文件夹,一个是客户端,一个服务端的二.实现的功能 1. 登陆--对用户名的合法性进行检测(实验账户:alex,123) 注册--设置账户,其中网盘列表设置为空,刚注册的用户给到50下载豆规则: 用户上传文件是上传到服务端的共享文件库里,同时会添加到自己的网盘里, 上传一个文件就可以奖励50下载豆,并自己上传的文件以后下载不用下载豆用户去找资源,其实就是把服务端的共享文

几种经过整理的文件上传压缩和前台js压缩的方法

/** * 图片压缩上传 * @param $im,图片资源 * @param int $maxwidth,最大宽度,超过这个宽度则进行压缩 * @param int $maxheight,最大高度,超过这个高度则进行压缩 * @param $name,图片名,完整的路径加名称 * @param $filetype,图片类型 * @return bool */ function thumbImage($im,$name,$filetype,$maxwidth=800,$maxheight=920

基于H5+ API手机相册图片压缩上传

// 母函数 function App(){} /** * 图片压缩,默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径,但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象有 width, height, quality(0-1) * @param {Object} callback * 回调函数有一个参数,base64的字符串数据 */ App.prototype.dealImage

JS压缩图片（canvas），返回base64码

上传图片时总会遇到图片过大上传不上去的问题,本方法是在网上搜的压缩图片的例子,我测试过了,确实能用,但是照搬别人的代码,发现压缩后图片会失真,不清晰,现经修改图片清晰度还可以,不仔细看差别不大,so,改了改 JS 返回的是一个base64字符串 /** * 图片压缩,默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径,但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象有 width

vue项目中的登录鉴权

用vue做一个简单的登录鉴权功能. 项目目录结构如下: Login 组件登录成功后做本地存储和store存储,并进行跳转. Login.vue关键代码: async handleLogin(e) { e.preventDefault(); let parmas = { username: this.model.username, passwold: this.model.passwold }; const res = await this.$http.get("/api/login"

FTP简单搭建（一）

一.FTP服务介绍 vsftp(very security ftp file transfer protocol 非常文件传输协议) FTP分为主动模式和被动模式. 主动模式:(不安全,传数据的端口是固定的20号,容易被截取) 1. 客向服的21号端口发送连接请求信号 2. 服使用20号端口主动和客连接,服使用20号发送的数据,客通过>1024的随机端口接收. 被动模式:(安全,传数据的端口是>1024的随机端口,不易被截取) 1. 客向服的21号端口

Shareplex搭建步骤（rman)

实施例:rman/BCV 环境准备 splex软件上传源端: #mkdir /quest #chmod -R 755 /quest #chown -R oracle:oinstall /quest 目标端: #mkdir -p /quest #chown -R oracle:oinstall /quest #chmod -R 755 /quest 源端环境变量添加 #vi .bash_profile export SP_SYS_HOST_NAME=thmes-rac02 export SP_S

模拟web服务器http请求应答

我们在浏览器打开网页,其实是向远端服务器提出页面发送请求,远端服务器在接到请求后,就开始执行请求页面的程序文件,然后将执行结果通过html格式,发送到你的浏览器,再显示出来.以下用百度(www.baidu.com)为例: 我们可以通过GET请求可以获得,百度的http应答格式,详情点我查看.或者通过 "$curl -l www.baidu.com"的方式获得,如果提示没有curl命令则表示你的Linux没有安装curl,安装方法也很简单,拿ubuntu为例,输入以下命令"$s

【JEMTER】后置处理器JSON Path Extractor获取server端返回的json中某项值

需求1:点击所有报表模板时,server端返回所有报表模板的ID(templateId),测试时需要下载某个模板生成的报表需求2:点击单个报表模板时,server端返回这个报表模板下的所有报表ID(fileId),获取到fileID以后便可以下载此报表实现:添加后置处理器配置后置处理器参数: 配置获取报表ID ---destination variable name:获取到对应的值以后,保存到的变量名 ---JSON PATH Expression 取对应值的json表达式配置获取文件I

P - The Shortest Path in Nya Graph-hdu4725（双端队列+拆点）

题意:有N个点和N层..一层有X个点(0<=X<=N).两邻两层间有一条路花费C.还有M条小路在两个点之间.问从第一个点走到第N个点最短路是多少... 可以考虑在每一层增加一个点,这个点到上下层的距离是C,与本层的距离是0: T的很惨,不太明白为什么,翻了一下大神的博客,发现这个要把每层拆成两个点来算的,要是只拆成一个点那么本层到本层的点都会是0了 //////////////////////////////////////////////////// 时间卡的很恶心,还需要双端队列,如果新加

【原】实时渲染中常用的几种Rendering Path

[原]实时渲染中常用的几种Rendering Path 本文转载请注明出处 —— polobymulberry-博客园本文为我的图形学大作业的论文部分,介绍了一些Rendering Path,比较简单,如有错误,请大家指正.原文pdf:请点击此处下载. 1. rendering path的技术基础在介绍各种光照渲染方式之前,首先必须介绍一下现代的图形渲染管线.这是下面提到的几种Rendering Path的技术基础. 目前主流的游戏和图形渲染引擎,包括底层的API(如DirectX和Open

zookeeper源码分析之四服务端(单机)处理请求流程

上文: zookeeper源码分析之一服务端启动过程中,我们介绍了zookeeper服务器的启动过程,其中单机是ZookeeperServer启动,集群使用QuorumPeer启动,那么这次我们分析各自一下消息处理过程: 前文可以看到在 1.在单机情况下NettyServerCnxnFactory中启动ZookeeperServer来处理消息: public synchronized void startup() { if (sessionTracker == null) { createSe

zookeeper源码分析之一服务端启动过程

zookeeper简介 zookeeper是为分布式应用提供分布式协作服务的开源软件.它提供了一组简单的原子操作,分布式应用可以基于这些原子操作来实现更高层次的同步服务,配置维护,组管理和命名.zookeeper的设计使基于它的编程非常容易,若我们熟悉目录树结构的文件系统,也会很容易使用zookeeper的数据模型样式.它运行在java上,有java和c的客户端. 协作服务因难于获取正确而臭名远扬,他们特别易于出错如竞争条件和死锁.zookeeper的动机是减轻分布式应用中从零开始实现协作服务的

利用C#开发移动跨平台Hybrid App（一）：从Native端聊Hybrid的实现

0x00 前言前一段时间分别读了两篇博客,分别是叶小钗兄的<浅谈Hybrid技术的设计与实现>以及徐磊哥的<从技术经理的角度算一算,如何可以多快好省的做个app>.受到了很多启发,同时也有自己的一些看法.因为目前三大平台(虽然wp的份额相对于iOS以及android来说十分可怜)的开发语言分别是Objective-C(swift).Java以及C#,先不论平台的其他特性如何,单单是各个平台开发语言就已经不同了.而往往一个App要同时登陆不同的多个平台,那么如何能够快速的开发跨平台