新元素主题的文章列表，还有新元素的技术要点_第15页

web.xml元素介绍

每一个站的WEB-INF下都有一个web.xml的设定文件，它提供了对我们站台的配置设定.web.xml中定义元素有：◆站台的名称和说明◆针对环境参数(Context)做初始化工作◆Servlet的名称和映射◆Session的设定◆Taglibrary的对映◆JSP网页设定◆MimeType处理◆错误处理◆利用JDNI...

代码星球 ·2020-12-26

dom4j修改,获取,增加xml中某个元素的属性值

XML文件：<?xmlversion="1.0"encoding="UTF-8"?><vrvscript><itemID="1021"isSelf="n"/><itemID="1023"isSelf="n"/><itemID="1003"isSelf="n"/>...

代码星球 ·2020-12-26

设置了width和height的a元素在IE11与IE11以下浏览器中的不同渲染方式

#welcomeMiddleBtn{display:block;width:73px;height:120px;margin:0pxauto;}<aid="welcomeMiddleBtn"href="${basePath}/files/test.zip">　　<imgsrc="${basePath}...

代码星球 ·2020-12-26

flutter: 根视图、根元素与根渲染

flutter如何建立的视图树(WidgetTree)，元素树(ElementTree)及渲染树(RenderingTree)，又是如何更新视图绘制视图?这个问题太大，刚开始一切又都是陌生的，理解起来千头万绪，所以先搞清这些树的根结点的身份是非常必要的。毫无疑问，这些根节点的建立紧密的与初始化过程关联，而确定了这些根节...

代码星球 ·2020-12-25

CSS：scroll-snap滚动事件停止及元素位置检测

css ScrollSnap是个非常好用的特性，可以让网页容器滚动停止的时候，无需任何js代码的参与，浏览器可以自动平滑定位到指定元素的指定位置。类似幻灯片广告效果就可以纯css实现。而且CSSScrollSnap的兼容性非常好，移动端几乎可以放心使用。二、源自实际项目的scroll-snap场景...

代码星球 ·2020-12-24

vuejs中拖动改变元素宽度实现宽度自适应大小

需求效果：原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。使用SetCaptu...

代码星球 ·2020-12-24

实现元素拖拽的两种方式

第一种方式：使用H5的APIdataTransfer实现思路：1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存；2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。代码如下：<html><head>&l...

代码星球 ·2020-12-24

监听Canvas内部元素点击事件的三种方法

约定本文介绍的三种方法适用于识别canvas内形状不规则而且位置无规律的图形点击事件，对于形状规则或者位置有规律的场景，肯定有更简便的实现，这里不做讨论。像素法像素检测法的思路是，将canvas中的多个图形（如果有多个的话）分别离屏绘制，并用getImageData()方法分别获取到像素数据保存起来。当ca...

代码星球 ·2020-12-24

css伪元素::after和::before，及图标字体的使用

css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。 1.定义The css&n...

代码星球 ·2020-12-24

CSS隐藏元素的方法及区别

1.opacityopacity：0将元素本身及其子元素都置为不可见的，而元素本身依然占据它自己的位置并对网页的布局起作用，它会响应用户交互。 2.visibility　visibility：hidden将元素本身及其子元素都置为不可见的，而元素本身依然占据它自己的位置并对网页的布局起作用，它不会响应用户交互...

代码星球 ·2020-12-24

h5中的结构元素介绍

结构元素不具有任何样式，只是使页面元素的的语义更加明确。 header元素header元素是一种具有引导和导航作用的的结构元素，该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。<header...

代码星球 ·2020-12-24

CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

前几天遇到一个页面需求是这样的：一个评论框，后面的按钮有点赞或者发送评论两种状态，其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。需求：没有文字，没有聚焦——点赞没有文字，聚焦——灰色发送有文字——红色发送如果用js实现，需要监听输入框的change和focus事件，比较麻烦。但是用css中的伪类就可以...

代码星球 ·2020-12-24

HTML中的块级元素有哪些？

在css基础当中，我们往往会遇到块元素和行内元素，块元素和行内元素也是很重要的基础知识。那么块级元素是什么？html中的块级元素有哪些？什么是块级元素？display属性为block的元素为块级元素。通常块级元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形...

代码星球 ·2020-12-24

利用jQuery not()方法选取除某个元素外的所有元素

日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。这时我们可以使用jQuery遍历中的not()方法来排除某些元素，例如根据元素的#id，.class等排除，代码如下：$("div.content *").not(".keep");表示.content类的 div 下除.keep...

代码星球 ·2020-12-24

jQuery实现DOM元素拖拽交换位

实现步骤 html + bootstrap布局画3个面板。注：面板样式 position 属性必须是绝对位置或者相对位置。监听面板的的 mousedown事件。记录当前对应面板的位置target_index，设置面板透明拖动...

代码星球 ·2020-12-24