el.parentNode 为null

2024-11-02

vue 指令中el 的 parentNode 为空的问题

在项目中,突然发现在用vue指令的时候,发现元素el的父元素parentNode变成了null. 代码: if (el.parentNode && !Vue.prototype.$_has(binding.value)) { el.parentNode.removeChild(el); } 我这边用的是bind的钩子函数. vue指令钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选): bind:只调用一次,指令第一次绑定到元素时调用.在这里可以进行一次性的初始化设置. i

EL表达式中null和empty的区别

下面通过一个例子看看看null和empty的区别,建立一个test.jsp文件,内容如下: <%@page pageEncoding="utf-8" %> name:${param.name } empty处理结果:${empty param.name } ==null处理结果:${param.name == null } 情况1:地址栏输入:http://127.0.0.1:8080/test.jsp 显示: name: empty处理结果:true ==null处理结果

PHP--时间搜索插件封装

/** * 时间搜索插件封装 * anthor qinpeizhou * @param $timeset 时间格式 * @param $time sql语句中所需要搜索的time字段名称 * @param $stime 开始时间 2017-01-01 格式 * @param $etime 结束时间 2017-01-01 格式 * @return string 返回的搜索时间段的sql语句--时间戳搜索 */ function get_time_search_sql($timeset='',$ti

EL表达式中的empty和null

EL表达式中的empty和null 先说一下EL表达式中的null和empty区别,然后再说说最近在项目中出现的一个有趣的问题. EL中的null和empty都可用来判断值是否为空,但两者存在略微的区别, 先用网上的一个小例子来演示下: test.jsp代码: <%@page pageEncoding="utf-8" %> name值为:${param.name } empty处理结果:${empty param.name } ==null处理结果:${param.name

EL和JSTL专题

EL简介 EL全名为Expression Language,它原本是JSTL 1.0为方便存取数据所自定义的语言.当时只能在JSTL标签中使用,如下: <c:out value="${3+7}"> 程序执行结果为10.但是你却不能直接在JSP网页中使用: <p>Hi !${username}</p> 到了JSP 2.0 之后,EL已经正式纳入称为标准规范之一.因此,只要是支持Servlet 2.4/JSP 2.0的 Container,就都可以在JS

jsp web JavaBean MVC 架构 EL表达式 EL函数 JSTL

一.JavaBean概念(非常重要) 1.JavaBean就是遵循一定书写规范的Java类型(开发中:封装数据) a.必须有默认的构造方法,类必须是public的 public class Person{} b.字段都是私有的(字段名首字母小写) private String userName; c.提供公有的getter或者setter方法(访问属性) public void setUserName(String userName) { this.userName = userN

day11_jsp/EL/JSTL学习笔记

一.jsp概述 JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术. JSP实际上就是Servlet. JSP这门技术的最大的特点在于:写jsp就像在写html,但它相比html而言,html只能为用户提供静态数据,而Jsp技术允许在页面中嵌套java代码,为用户提供动态数据. jsp = html + java html:静态内容. servlet:服务器端的小应用程序.适合编写java逻辑代码,如果编写网页内容-->

超全面的JavaWeb笔记day12<Jsp&JavaBean&El表达式>

1.JSP三大指令 page include taglib 2.9个内置对象 out page pageContext request response session application exception config 3.JSP动作标签 forward include param useBean setProperty getProperty 4.JavaBean 规则必须有默认构造器属性:get/set方法,没有成员也可以内省:依赖反射 commons-beanutils,它依

day12（jsp指令&内置对象&动作标签、JavaBean、EL表达式&函数库）

day12 JSP指令 JSP指令概述 JSP指令的格式:<%@指令名 attr1="" attr2="" %>,一般都会把JSP指令放到JSP文件的最上方,但这不是必须的. JSP中有三大指令:page.include.taglib,最为常用,也最为复杂的就是page指令了. 2 page指令 page指令是最为常用的指定,也是属性最多的属性! page指令没有必须属性,都是可选属性.例如<%@page %>,没有给出任何属性也是可以的!

查询父节点parentNode

示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <html> <head> <title>访问元素</title> <meta charset="UTF-8"> <meta name="view

JSP基础--EL表达式

EL(表达式语言) 1 EL概述 1.1 EL的作用 JSP2.0要把html和css分离.要把html和javascript分离.要把Java脚本替换成标签.标签的好处是非Java人员都可以使用. JSP2.0 – 纯标签页面,即:不包含<% … %>.<%! … %>,以及<%= … %> EL(Expression Language)是一门表达式语言,它对应<%=…%>.我们知道在JSP中,表达式会被输出,所以EL表达式也会被输出. 1.2 EL的格式

jQuery-template.js学习

花了点时间,看了下jQuery-template.js,不多废话,先上结构 jQuery.each({..},function(){}) jQuery.fn.extend({..}) jQuery.extend({...}) jQuery.extend(jQuery.tmpl,{..}) function xx(){}//自定义方法结构上非常简单,但template插件却提供了不错的模版功能,我们根据API来慢慢看这个框架. 网络资源http://www.cnblogs.com/Foundat

JavaScript通过ID获取元素坐标

JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera') != -1); var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof var el = document.get

You Don't Need jQuery

前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少.本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器. 目录 Translations Query Selector CSS & Style DOM Manipulation Ajax Events Ut

都别说工资低了，我们来一起写简单的dom选择器吧！

前言我师父(http://www.cnblogs.com/aaronjs/)说应当阅读框架(jquery),所以老夫就准备开始看了然后公司的师兄原来写了个dom选择器,感觉不错啊!!!原来自己从来没有想过能写这些,所以我们今天一起来试试吧我写的这个很简单,就是最简单的那种了,但是公司师兄写的很好...... 简单dom选择器先上个完整的代码吧,因为我已经写起了: <html xmlns="http://www.w3.org/1999/xhtml"> <head

创建你的第一个JavaScript库

是否曾对Mootools的魔力感到惊奇?是否有想知道Dojo如何做到那样的?是否对jQuery感到好奇?在这个教程中,我们将了解它们背后的东西并且动手创建一个超级简单的你最喜欢的库. 我们其乎每天都在使用JavaScript库.当你刚入门时,利用jQuery是一件非常奇妙的事,主要是因为它的DOM操作.首先,DOM对于入门者来说可能是相对困难的事情:其次用它我们几乎可以不用考虑跨浏览器兼容的问题. 在这个教程中,我们将试着从头开始实现一个很简单的库.是的,它非常有意思,但是在你高兴之前让我申明几

H5案例分享：移动端滑屏 touch事件

移动端滑屏 touch事件移动端触屏滑动的效果的效果在电子设备上已经被应用的越来越广泛,类似于PC端的图片轮播,但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //触摸屏幕时触发:即使已经有一个手指放在了屏幕上也会触发.touchmove: //在屏幕上滑动时连续的触发.在这个事件发生期间,调用preventDefault()可阻止滚动.touchend: //从屏幕上移开

改造过的JS颜色选择器

项目中用到颜色选择功能,在网上找了个颜色选择器,自己改了改代码.做成了一个可动态加载的颜色选择器. 把代码贴上,当是记录. /*Copyright(c)2009,www.supersite.me*/ var imageUrl = '../Images/color.png'; function iColorShow(id, id2) { var eICP = getElementPos(id2); //这里加了一个修改高度的方法 //id表示前面文本框的id,id2则是颜色图标的id //var

自己修改的两个js文件

sea-base.js /** * Sea.js 2.2.3 | seajs.org/LICENSE.md */ (function(global, undefined) { // Avoid conflicting when `sea.js` is loaded multiple times if (global.seajs) { return } var seajs = global.seajs = { // The current version of Sea.js being used

(转)You might not need jQuery

You might not need jQuery You certainly can support IE 9 and below without jQuery, but we don't. Please stop messing with us. jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're dev

el.parentNode 为null

热门专题