- 【拖拽】自定义拖拽图标
风露_
一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法:voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点:Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed
- HTML文档中折行的使用,10_h5是如何做移动端适配的?折行的时候如何实现不断行...
Mr.Zzzzzzz
HTML文档中折行的使用
一、百分比适配1、要点元素的宽度使用了百分比来定宽,根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素,百分比参考的是该元素最近的,定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
- 响应式 Web 设计 - Viewport
hi武林高手
什么是Viewport?viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。设置viewport一个常用的针对移动网页优化过的
- 微信小程序中如何监听元素进入目标元素
_处女座程序员的日常
微信小程序js交互微信小程序小程序
Page({onLoad:function(){//如果目标节点(用选择器.target-class指定)进入显示区域以下100px时,就会触发回调函数。wx.createIntersectionObserver().relativeToViewport({bottom:100}).observe('.target-class',(res)=>{res.intersectionRatio//相交区
- vue移动端适配postcss-px-to-viewport
我是七月
在之前有一种流行已久的移动端适配方案,那就是rem,我想下面这两句代码,有不少老移动端都不会陌生:constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错,
- 书写HTML的规范
恶心_3da6
文章目录1.1通用约定标签Class与ID属性顺序引号嵌套语义嵌套约束严格嵌套约束布尔值属性1.2语义化常见标签语义示例1.3HEAD文档类型语言属性字符编码IE兼容模式SEO优化viewportiOS图标favicon完整的HEAD模板1.1通用约定标签自闭合(self-closing)标签,无需闭合(例如:imginputbrhr等);可选的闭合标签(closingtag),需闭合(例如:或)
- 【html知识】用html写一个简单的个人网页
天若有情673
【html5+css】前端知识html前端
介绍:这是一个HTML和CSS的代码段,它构建了一个基本的个人网页布局。以下是该代码的详细介绍:HTML部分:文档类型与基础结构:声明了文档类型为HTML5。定义了整个HTML文档,并设置语言为英语。头部信息:标签内包含了元数据,如字符集定义(),视口设置(<metaname="viewport"content="
- 曾经的iOS 9,为前端世界都带来了些什么?
qq_34281962
移动开发前端开发人员苹果ios技术
2015年9月,Apple重磅发布了全新的iPhone6s/6sPlus、iPadPro与全新的操作系统watchOS2与tvOS9(是的,这货居然是第9版),加上已经发布的iOS9,它们都为前端世界带来了哪些变化呢?作为一个web开发者,是时候站在我们的角度来说一说了!注!该译文存在大量英文术语,笔者将默认读者知晓ES6、viewport、nativeapp、webview等常用前端术语,并不对
- 获取浏览器宽高
yqcoder
前端javascripthtml5
一、使用window.innerWidth和window.innerHeight这是较为常用的方法。constviewportWidth=window.innerWidth;constviewportHeight=window.innerHeight;console.log(`视口宽度:${viewportWidth},视口高度:${viewportHeight}`);二、使用document.d
- 开源一个Flutter版WanAndroid客户端
2301_79098336
程序员开源flutter
然后bean类在声明的时候是混入了JsonConvert的,可以直接使用JsonConvert里面的方法,完美.5.5FlutterScrollView(滚动视图)ScrollView是一个带有滚动的视图组件,它本身由三部分组成Scrollable-它监听各种用户手势并实现滚动的交互设计。Viewport-它通过在滚动视图内仅显示一部分小部件来实现滚动的可视化设计。Slider-它们是可以组合以创
- 响应式Web设计:纯HTML和CSS的实现技巧-1
Dingdangr
html
响应式Web设计(ResponsiveWebDesign,RWD)是一种旨在确保网站在不同设备和屏幕尺寸下都能良好运行的网页设计策略。通过纯HTML和CSS实现响应式设计,主要依赖于媒体查询(MediaQueries)、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。1.视口元标签(ViewportMetaTag)在HTML文档的部分添加视口元标签是响应式设计的基础。这个标签告诉浏览器如
- 移动端适配方案 postcss-px-to-viewport
有没有认真工作
postcssjavascript前端
安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度,对应的是我们
- unity中UI、shader显示在3D物体前
Ctrl-c
unity3d游戏引擎
需要将物体转化成视口坐标而不是屏幕坐标Vector3viewPoint=EScreenCamera.WorldToViewportPoint(CurENeedShowPosition);x=viewPoint.x*Screen.width;y=viewPoint.y*Screen.height;mESignMaterial.SetVector("_LP1",newVector4(x,y,mESig
- 移动开发中“单位”的那些事儿
小灯光环
前端开发移动开发pxviewportandroidwebapp
前言在移动开发中我们常常会考虑度量单位的问题,在传统pc的web开发中用的比较多的是px(css像素),在android开发中一般则用dp、sp、px(物理像素)等,而移动web开发中同样也是用px(css像素)做单位,通常会结合viewport进行缩放。本篇blog就梳理一下在移动开发中用到的各种单位以及他们之间的联系和区别。绝对单位和相对单位如题,首先来看看什么是绝对单位和相对单位:绝对单位:
- Unity ScrollRect控件,将Content中任意元素定位到viewport中心的方法
猪皮香蕉
Unity游戏开发之路游戏开发unityugui
参考:uguimaxminauchor解释localPosition与anchoredPosition的转化关系UnityUGUI原理篇(三):RectTransformRectTransform中localPosition与anchoredPosition的区别UGUI在两个UI间坐标转换这个需求是做一个小游戏项目中,需要将玩家退出游戏时的关卡保存,在重新加载的过程中,在选关界面的中心自动定位到
- unity中scrollrect组件的使用,viewport必须选择(制作内容滑动模块)
丶小冷
C#与unity
scrollrect组件:制作内容页面滑动效果,例如任务界面,关卡选择界面,所有超出可视范围的内容,都可以使用。完整示例如图:上图任务界面,可以上下滑动查看其他任务。scrollrect组件需求:(此处没有选择添加滑动条,需要的话,创建一个scrollbar,拖入组件响应位置即可)1,一个带有mask遮罩的物体,限定内容展示范围2,一个内容集合的父物体,动态生成的内容可以选择添加网格或者水平布局组
- Unity中关于ScrollRect组件完整解决方案(ScrollRect中元素自动排版+ScrollRect中元素自动定位到Viewport可见范围内)
Defining the Future
Unityunity游戏引擎前端游戏ScrollRect
这个教程可以实现点击我这个视频中所示的效果一、元素自动排版功能1、首先要往我们的unity项目中导入两个脚本文件,脚本文件名称分别是UIScrollEventListener和CZScrollRect,这两个脚本文件代码如下所示。1-1、介绍UIScrollEventListener脚本写法。usingSystem.Collections;usingSystem.Collections.Gener
- css篇---移动端适配的方案有哪几种
婷宝_知萌
前端css前端
移动端适配移动端适配是指同一个页面可以在不同的移动端设备上都有合理的布局。主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域(通常来说是矩形)。在浏览器范畴内,它代表的是浏览器中网站中可见如果要实现浏览器适配移动端,首先我们需要统一标准视口,在html的head中需要添加以下标签:①统一视口re
- 移动端基础-vw适配
象更
前端cssjavascript
什么是vw相对单位相对视口的尺寸vw:viewportwidth换算1vw=1/100视口宽度vw不需要向rem一样检查视口宽度若视口宽为375px1vw=3.75pxvw与vmin的区别vmin更照顾横竖屏问题1vw是视口宽度的100%,而vmin是找宽度和高度中最小的那个,这样横屏看着更舒服左图单位为vmin,右图用vw案例bilibili-干杯~~~/*写代码时始终要考虑权重问题!*/@fo
- css3新单位vw、vh、vmin、vmax
icaojinyu
vw:按照viewport宽度的百分比计算盒子的宽度或字体的大小;vh:按照viewport高度的百分比计算盒子的高度;vmin:对比viewport的宽度和高度,按照小的做百分比计算;vmax:对比viewport的宽度和高度,按照大的做百分比计算;
- 年少时H5的踩坑日记
DigitMagic魔数实验室
前言:在做H5的过程中遇到了许多问题,特意的记录一下。方便查阅开启图目录1.移动端的的适配2.移动端软键盘弹起3.视频自动播放4.移动端屏幕旋转5.结语一、移动端的的适配问题移动端web页面的开发,由于手机屏幕尺寸、分辨率不同,又需要页面在不同的手机保持设计图的效果。html中的viewport设置移动端有三个不同的视口概念:1.布局视口(layoutviewport):在css中布局的区域2.视
- 2021-1-24
宁_74ea
initial-scale:viewport的初始缩放级别(0-10之间的正数,1表示无缩放)minimum-scale:viewport能缩放的最小值(0-10之间的正数)maximum-scale:viewport能缩放的最大值(0-10之间的正数)user-scalable:是否可以手动缩放(yesorno)没有text-color这个属性,文字颜色统一用color.再加上就近原则autop
- 如何单独捕捉QTreeWdiget鼠标点击事件
尽虹
Qtqtevent
目录如何单独捕捉QTreeWdiget鼠标点击事件首先肯定想到的是安装eventFilter.h.cppusecase如何得知鼠标点击的Item呢有什么用如何单独捕捉QTreeWdiget鼠标点击事件首先肯定想到的是安装eventFilter安装后发现收不到鼠标点击事件,很幸运有人解答了,得用treewidget->viewport()安装事件过滤器。.h#ifndefOBSERVERMOUSEC
- svg 进阶
我叫汪枫
前端vuehtml5
svg进阶svg应用场景绘制icon绘制动画svgviewport和viewBoxviewport是svg图像的可见区域viewBox是用于在画布上绘制svg图形的坐标系统在一下案例中svg中width=“500”height=“200”就是可视区域比如你的svg是100X100但是你的可视区域只有20X20那么他就不能展示—>viewportviewBox表示svg的绘制坐标系默认值取viewp
- 12.4 OpenGL顶点后处理:图元裁剪
乘风之羽
OpenGL图形渲染
图元裁剪PrimitiveClippingPrimitiveClipping(图元裁剪)是图形渲染管线中的一个重要步骤,发生在顶点处理之后、光栅化之前。这个阶段主要目的是去除位于视体(ViewVolume)之外或者被用户自定义裁剪平面(ClipPlanes)裁剪掉的图元(如点、线段和三角形),以减少不必要的渲染计算。在OpenGL中,原始图元裁剪过程首先会根据视口坐标系(Viewport)、近裁剪
- 百度地图:根据地图上的坐标点数组获取自适应的地图中心点和地图层级
AFRICA_7776
varpoints=[point1,point2,point3];varview=map.getViewport(eval(points));varmapZoom=view.zoom;varcenterPoint=view.center;map.centerAndZoom(centerPoint,mapZoom);转载至:https://www.cnblogs.com/Apply-fly/p/71
- vue移动端适配(px转vw)postcss-px-to-viewport配置 安装postcss-px-to-viewport
如饥似渴的人
npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位,默认为"px"viewportWidth:375,//视窗的宽度,对应的是我们设计稿的宽度viewportHeight:1334,//
- CSS综合案例——制作新闻快报模块
我吃饭很慢.
CSS综合案例css前端
效果如下:这里特惠内容我用的是li,但是li会有小圆点,因此需要去掉小圆点。所需注意:要去掉li前面的项目符号(小圆点),语法是:list-style:none;这个新闻快报小模块的代码:<metaname="viewport"content="w
- CityMaker 8二次开发之“这是什么鬼?”
[email protected]
citymakerGIS
什么时候才能去掉头重脚轻的毛病?1、Doc:voidIProjectTree.SetVisibility(GuidID,byteVisibleMask)设置可见性。Note:byteVisibleMask这是什么?设置可见性?该如何设置?可能:gviViewportMask是控制在不同视口的可见性的标识,如果需要设置多个,可以这样:gviView0|gviView1。因此代码这样写:uintcod
- 关于vite5中postcss-px-to-viewport插件问题和require问题
_斯洛伐克
postcss前端javascript
1.vue3中不支持require,可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform';exportdefaultdefineConfig({plugins:[vue(),requireTransform({fileRegex:/.js$|.vu
- 基本数据类型和引用类型的初始值
3213213333332132
java基础
package com.array;
/**
* @Description 测试初始值
* @author FuJianyong
* 2015-1-22上午10:31:53
*/
public class ArrayTest {
ArrayTest at;
String str;
byte bt;
short s;
int i;
long
- 摘抄笔记--《编写高质量代码:改善Java程序的151个建议》
白糖_
高质量代码
记得3年前刚到公司,同桌同事见我无事可做就借我看《编写高质量代码:改善Java程序的151个建议》这本书,当时看了几页没上心就没研究了。到上个月在公司偶然看到,于是乎又找来看看,我的天,真是非常多的干货,对于我这种静不下心的人真是帮助莫大呀。
看完整本书,也记了不少笔记
- 【备忘】Django 常用命令及最佳实践
dongwei_6688
django
注意:本文基于 Django 1.8.2 版本
生成数据库迁移脚本(python 脚本)
python manage.py makemigrations polls
说明:polls 是你的应用名字,运行该命令时需要根据你的应用名字进行调整
查看该次迁移需要执行的 SQL 语句(只查看语句,并不应用到数据库上):
python manage.p
- 阶乘算法之一N! 末尾有多少个零
周凡杨
java算法阶乘面试效率
&n
- spring注入servlet
g21121
Spring注入
传统的配置方法是无法将bean或属性直接注入到servlet中的,配置代理servlet亦比较麻烦,这里其实有比较简单的方法,其实就是在servlet的init()方法中加入要注入的内容:
ServletContext application = getServletContext();
WebApplicationContext wac = WebApplicationContextUtil
- Jenkins 命令行操作说明文档
510888780
centos
假设Jenkins的URL为http://22.11.140.38:9080/jenkins/
基本的格式为
java
基本的格式为
java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args]
下面具体介绍各个命令的作用及基本使用方法
1. &nb
- UnicodeBlock检测中文用法
布衣凌宇
UnicodeBlock
/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);
- java下实现调用oracle的存储过程和函数
aijuans
javaorale
1.创建表:STOCK_PRICES
2.插入测试数据:
3.建立一个返回游标:
PKG_PUB_UTILS
4.创建和存储过程:P_GET_PRICE
5.创建函数:
6.JAVA调用存储过程返回结果集
JDBCoracle10G_INVO
- Velocity Toolbox
antlove
模板toolboxvelocity
velocity.VelocityUtil
package velocity;
import org.apache.velocity.Template;
import org.apache.velocity.app.Velocity;
import org.apache.velocity.app.VelocityEngine;
import org.apache.velocity.c
- JAVA正则表达式匹配基础
百合不是茶
java正则表达式的匹配
正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作
正则表达式的用途;
字符串的匹配
字符串的分割
字符串的查找
字符串的替换
正则表达式的验证语法
[a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
- 是否使用EL表达式的配置
bijian1013
jspweb.xmlELEasyTemplate
今天在开发过程中发现一个细节问题,由于前端采用EasyTemplate模板方法实现数据展示,但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了,导致我的模板不能正常展示后台数据。
网
- 精通Oracle10编程SQL(1-3)PLSQL基础
bijian1013
oracle数据库plsql
--只包含执行部分的PL/SQL块
--set serveroutput off
begin
dbms_output.put_line('Hello,everyone!');
end;
select * from emp;
--包含定义部分和执行部分的PL/SQL块
declare
v_ename varchar2(5);
begin
select
- 【Nginx三】Nginx作为反向代理服务器
bit1129
nginx
Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能:
接受客户端请求
将请求转发给被代理的服务器
从被代理的服务器获得响应结果
把响应结果返回给客户端
实例
本文把Nginx配置成一个简单的代理服务器
对于静态的html和图片,直接从Nginx获取
对于动态的页面,例如JSP或者Servlet,Nginx则将请求转发给Res
- Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin
blackproof
maven报错
转:http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin
maven报错:
Plugin execution not covered by lifecycle configuration:
- 发布docker程序到marathon
ronin47
docker 发布应用
1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry
docker pull docker-registry
docker run -t -p 5000:5000 docker-registry
下载docker镜像并发布到私有registry
docker pull consol/tomcat-8.0
- java-57-用两个栈实现队列&&用两个队列实现一个栈
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
/*
* Q 57 用两个栈实现队列
*/
public class QueueImplementByTwoStacks {
private Stack<Integer> stack1;
pr
- Nginx配置性能优化
cfyme
nginx
转载地址:http://blog.csdn.net/xifeijian/article/details/20956605
大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装,修改这里或那里的几行配置,好了,你已经有了一个Web服务器了。而且,在大多数情况下,一个常规安装的nginx对你的网站来说已经能很好地工作了。然而,如果你真的想挤压出Nginx的性能,你必
- [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术
comsci
java
对图形图像进行精确处理,需要大量的数学工具,即使是从底层硬件模拟层开始设计,也离不开大量的数学工具包,因为我认为,JAVA语言体系在图形图像处理模块上面的研发工作,需要从开发一些基础的,类似实时数学函数构造器和解析器的软件包入手,而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......
&nb
- MonkeyRunner的使用
dai_lm
androidMonkeyRunner
要使用MonkeyRunner,就要学习使用Python,哎
先抄一段官方doc里的代码
作用是启动一个程序(应该是启动程序默认的Activity),然后按MENU键,并截屏
# Imports the monkeyrunner modules used by this program
from com.android.monkeyrunner import MonkeyRun
- Hadoop-- 海量文件的分布式计算处理方案
datamachine
mapreducehadoop分布式计算
csdn的一个关于hadoop的分布式处理方案,存档。
原帖:http://blog.csdn.net/calvinxiu/article/details/1506112。
Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式,让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
- 以資料庫驗證登入
dcj3sjt126com
yii
以資料庫驗證登入
由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs
- github做webhooks:[2]php版本自动触发更新
dcj3sjt126com
githubgitwebhooks
上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。
工具/原料
git
github
方法/步骤
在github的setting里面的webhooks里把我们的url地址填进去。
钩子更新的代码如下: error_reportin
- Eos开发常用表达式
蕃薯耀
Eos开发Eos入门Eos开发常用表达式
Eos开发常用表达式
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年8月18日 15:03:35 星期一
&
- SpringSecurity3.X--SpEL 表达式
hanqunfeng
SpringSecurity
使用 Spring 表达式语言配置访问控制,要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性:
<http auto-config="true" use-expressions="true">
这样就会在投票器中自动增加一个投票器:org.springframework
- Redis vs Memcache
IXHONG
redis
1. Redis中,并不是所有的数据都一直存储在内存中的,这是和Memcached相比一个最大的区别。
2. Redis不仅仅支持简单的k/v类型的数据,同时还提供list,set,hash等数据结构的存储。
3. Redis支持数据的备份,即master-slave模式的数据备份。
4. Redis支持数据的持久化,可以将内存中的数据保持在磁盘中,重启的时候可以再次加载进行使用。
Red
- Python - 装饰器使用过程中的误区解读
kvhur
JavaScriptjqueryhtml5css
大家都知道装饰器是一个很著名的设计模式,经常被用于AOP(面向切面编程)的场景,较为经典的有插入日志,性能测试,事务处理,Web权限校验, Cache等。
原文链接:http://www.gbtags.com/gb/share/5563.htm
Python语言本身提供了装饰器语法(@),典型的装饰器实现如下:
@function_wrapper
de
- 架构师之mybatis-----update 带case when 针对多种情况更新
nannan408
case when
1.前言.
如题.
2. 代码.
<update id="batchUpdate" parameterType="java.util.List">
<foreach collection="list" item="list" index=&
- Algorithm算法视频教程
栏目记者
Algorithm算法
课程:Algorithm算法视频教程
百度网盘下载地址: http://pan.baidu.com/s/1qWFjjQW 密码: 2mji
程序写的好不好,还得看算法屌不屌!Algorithm算法博大精深。
一、课程内容:
课时1、算法的基本概念 + Sequential search
课时2、Binary search
课时3、Hash table
课时4、Algor
- C语言算法之冒泡排序
qiufeihu
c算法
任意输入10个数字由小到大进行排序。
代码:
#include <stdio.h>
int main()
{
int i,j,t,a[11]; /*定义变量及数组为基本类型*/
for(i = 1;i < 11;i++){
scanf("%d",&a[i]); /*从键盘中输入10个数*/
}
for
- JSP异常处理
wyzuomumu
Webjsp
1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中:
<%@ page errorPage="errors.jsp"%>
2.在处理异常的网页中做如下声明:
errors.jsp:
<%@ page isErrorPage="true"%>,这样设置完后就可以在网页中直接访问exc