element | 易学教程

jQuery create element fires onclick event

阅读更多关于 jQuery create element fires onclick event

问题 I create a anchor using jQuery and the onclick event seems be triggered when the element is created. I've used this method of creating elements a few times with this project without a problem, have I got the wrong end of the stick? jQuery('<a/>', { href: '#', name: 'link_html_edit', id: 'link_html_edit', html: 'input HTML text', onclick: alert('test') }).appendTo(spanDefaultValue); Thanks 回答1: You're calling alert('test'); and assigning it's return value to onclick . Use this instead: onclick

OpenStack 云主机镜像制作

阅读更多关于 OpenStack 云主机镜像制作

目录文章目录目录镜像支持功能手动制作启动虚拟机环境配置虚拟机环境创建 Glance 镜像使用 OpenStack 环境制作使用 DIB 半自动化工具制作将 OpenStack 云主机制作成镜像镜像支持功能支持密码注入功能（注：通过 nova boot --admin-pass 指令设置初始密码）。支持动态修改密码（注：通过 nova set-password 指令重设密码）。支持根分区大小（根据 Flavor 系统盘参数）自动调整。支持配置初始化（SSH key、hostname 等）。手动制作启动虚拟机环境下载 ISO 镜像文件：http://mirrors.aliyun.com/centos/8.2.2004/isos/x86_64/CentOS-8.2.2004-x86_64-minimal.iso 生成 QCOW2 文件 qemu-img create -f qcow2 centos8.2.qcow2 10G 创建并启动虚拟机： sudo virt-install --virt-type kvm --name centos8.2 \ --ram 1024 \ --disk centos8.2.qcow2,format=qcow2 \ --network network=default \ --graphics vnc,listen=0.0

在vue项目中的axios使用配置记录

阅读更多关于在vue项目中的axios使用配置记录

默认vue项目中已经安装axios，基于element-ui开发，主要记录配置的相关。 axiosConfig.js import Vue from 'vue' import axios from 'axios' import qs from 'qs' import { Message, Loading } from 'element-ui' // 响应时间 axios.defaults.timeout = 5 * 1000 // 配置cookie // axios.defaults.withCredentials = true // 配置请求头 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' // 静态资源 Vue.prototype.$static = '' // 配置接口地址 axios.defaults.baseURL = '' var loadingInstance // POST传参序列化(添加请求拦截器) axios.interceptors.request.use( config => { loadingInstance = Loading.service({ lock: true , text: '数据加载中，请稍后...

第69天：Selenium详解

阅读更多关于第69天：Selenium详解

by 闲欢 Selenium 环境配置好之后，我们就可以使用 Selenium 来操作浏览器，做一些我们想做的事情了。在我们爬取网页过程中，经常发现我们想要获得的数据并不能简单的通过解析 HTML 代码获取，这些数据是通过 AJAX 异步加载方式或经过 JS 渲染后才呈现在页面上显示出来。这种情况下我们就可以使用 Selenium 来模拟浏览器浏览页面，进而解决 JavaScript 渲染的问题。浏览器设置打开浏览器我们用最简洁的代码来打开 Chrome 浏览器，并访问 http://www.baidu.com 这个网站： from selenium import webdriver # 声明浏览器对象 driver = webdriver.Chrome() # 访问页面 driver.get("http://www.baidu.com") 我们可以看到桌面会弹出一个浏览器窗口，并打开了百度的首页，如下图：注意红框圈住的部分，这表示这个窗口是我们程序打开的，现在浏览器的控制权在我们的程序中，我们可以用代码让浏览器摆出各种姿势了！设置浏览器参数为了避免每次运行程序都打开一个窗口，我们也可以设置无窗口访问，只需添加浏览器参数即可： from selenium import webdriver # 设置无窗口 chrome_options = webdriver

循序渐进VUE+Element 前端应用开发(7）--- 介绍一些常规的JS处理函数

阅读更多关于循序渐进VUE+Element 前端应用开发(7）--- 介绍一些常规的JS处理函数

在我们使用VUE+Element 处理界面的时候，往往碰到需要利用JS集合处理的各种方法，如Filter、Map、reduce等方法，也可以涉及到一些对象属性赋值等常规的处理或者递归的处理方法，以前对于这些不是很在意，但往往真正使用的时候，需要了解清楚，否则很容易脑袋出现短路的情况。本篇随笔列出一些在VUE+Element 前端开发中经常碰到的JS处理场景，供参考学习。 1、常规集合的filter、map、reduce处理方法 filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组 const nums = [10,20,30,111,222,333 ] let newNums =nums.filter( function (n){ return n<100 }) 输出：[10,20,30] map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变将newNums中每个数字乘2 const nums = [10,20,30,111,222,333 ] let newNums =nums.map( function (n){ return n*2 }) 输出：[20,40,60,222,666] reduce函数主要用于对数组所有元素的汇总操作，如全部相加、相乘等 const nums = [10,20,30,111,222,333 ] let

Bootstrap的基本使用（css、js文件的引入）的示例

阅读更多关于 Bootstrap的基本使用（css、js文件的引入）的示例

Bootstrap的基本使用（css、js文件的引入） <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="keywords" content="javascript,vueJS,Jquery,AngularJS,HTML5,CSS3"> <meta name="author" content=""> <title>Bootstrap3示例</title> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body>   <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss

24个ES6方法，用来解决实际开发的JS问题！！

阅读更多关于 24个ES6方法，用来解决实际开发的JS问题！！

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 1、如何隐藏所有指定的元素： const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none' )); // 事例:隐藏页面上所有`<img>`元素? hide(document.querySelectorAll( 'img' )) 复制代码 2、如何检查元素是否具有指定的类？页面DOM里的每个节点上都有一个 classList 对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类;使用 classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类; const hasClass = ( el, className ) => el.classList.contains(className) // 事例 hasClass( document .querySelector( 'p.special' ), 'special' ) // true 复制代码 3.如何切换一个元素的类？ const toggleClass = ( el, className ) => el.classList.toggle(className) // 事例移除 p 具有类`special`的 special

Element Form表单实践（下）

阅读更多关于 Element Form表单实践（下）

作者：小土豆biubiubiu 博客园： https://www.cnblogs.com/HouJiao/ 掘金： https://juejin.im/user/58c61b4361ff4b005d9e894d 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）码字不易，点赞鼓励哟~ 前言上一篇文章 Element Form表单实践（上）参照着文档将表单部分内容实践了一下。这篇文章将分享项目开发中的一个表单实践，最终做出来的效果大致是下面这个样子：这个表单看似是比较简单的，但实际上比一般表单存在一些细节的东西需要设计和处理。接下来就来完成这个功能。主页面首先是主页面的实现。主页面的逻辑非常简单，直接将代码贴出来。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Element Form表单实践</title>  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

JVM-class文件详解（官方直译）含脑图

阅读更多关于 JVM-class文件详解（官方直译）含脑图

获取脑图方式请看最下面！ JVM 类文件(Class文件)结构 ClassFile { u4 magic; u2 minor_version; u2 major_version; u2 constant_pool_count; cp_info constant_pool[constant_pool_count-1]; u2 access_flags; u2 this_class; u2 super_class; u2 interfaces_count; u2 interfaces[interfaces_count]; u2 fields_count; field_info fields[fields_count]; u2 methods_count; method_info methods[methods_count]; u2 attributes_count; attribute_info attributes[attributes_count]; } magic u4 value:0xCAFEBABE minor_version u2 0000 暂时不用这两个字节 major_version u2 0034 表示版本号为52 表示jdk1.8 constant_pool_count u2 value:0025 对应10进制397代表常量池中39个常量 constant_pool

原生JS代码100例

阅读更多关于原生JS代码100例

1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." } 2、原生JavaScript获取域名主机 function getHost(url) { var host = "null"; if(typeof url == "undefined"|| null == url) { url = window.location.href; } var regex = /^\w+\:\/\/([^\/]*).*/; var match = url.match(regex); if(typeof match != "undefined" && null !=

订阅 element