说到选择器，大家可能会想到层叠样式表。在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。
UI自动化中经常会遇到元素识别不到，找不到的问题，原因有很多，比如不在iframe里，xpath或id写错了等等；但有一种是在当前显示的页面元素不可见，拖动下拉条后元素就出来了。
遇到问题：document.getElementsByClassName(…)[0] is undefined 选择框如果是select标签的，可以直接用select专用的方法去定位点击操作。其它不是select选择框的时候，那就按正常操作步骤先点输入框，再点选项就行了。 可是有些选择框就是不听话，你会发现用selenium死活定位不到，这个时候只能用万能的js来解决了。
1 var eventUill = { 2 //添加事件 3 addHander: function(element, type, handler) { 4 if(element.addEventListener) { 5 element.addEventListener(type, handler, false); 6 } else if(element.attachEvent) { 7 elem
今天，时间比较宽松，所以想做一个之前曾经讨论过的功能。其实算是做一个好一点的帮助系统吧，之前也有在其它地方见到过类似的功能。
以下是测试时的html文件，DOM2级事件-跨浏览器处理.js就是上面的js源码。
现象: pycharm中输入from selenium import webdriver, selenium标红
② 页面加载时间过慢，需要查找的元素程序已经完成，单页面还未加载，此时可以加载页面等待时间
最近一段时间打了一个大仗，现在总算消停点，才有时间来做个总结吧算是： 移动端遇到一个项目，是一个列表的侧滑栏，在我这里用jq写的交互事件。自测各方面都挺好的，美滋滋的给了研发。研发也美滋滋的开始开发。 但是，好景不长。。。 研发加了ajax事件后，我的交互效果有部分受了影响！ 一个小姑娘，在一群大老爷们研发堆里，对着昏暗的电脑和看不太懂的后台代码，改了半天。最后没解决。我就回来了。 后来就找共同点，发现有个类名控制的交互都不能实现，最后去问研发，你是不是没加上我的类名？ 回：加着呢啊！我一看模拟器，确实加着
window.onload 、$(function()function()）、;(function(){}());三个的执行顺序：
中秋将至，小编先在这里祝大家中秋快乐！公众号在假期期间停更几天，让几位管理好好休息，假期回来火力全开！
( t h i s ) . g e t ( 0 ) 与 (this).get(0)与
文档对象模型（Document Object Model），简称DOM，是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准接口。
JS 初学者总是对 this 关键字感到困惑，因为与其他现代编程语言相比，JS 中的这this关键字有点棘手。 “this” 一般是表示当前所在的对象，但是事情并没有像它应该的那样发生。JS中的this关键字由函数的调用者决定，谁调用就this就指向哪个。如果找不到调用者，this将指向windows对象。
在上一篇文章《JS基础知识点(一)》中我们学习了什么是js、js写法、js数据类型、js的函数。在本篇文章中我们将学习重要的部分：面向对象以及常用对象(math、date、string等)的方法
vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。
JS 初学者总是对 this 关键字感到困惑，因为与其他现代编程语言相比，JS 中的这 this关键字有点棘手。“this” 一般是表示当前所在的对象，但是事情并没有像它应该的那样发生。JS中的 this关键字由函数的调用者决定，谁调用就 this就指向哪个。如果找不到调用者， this将指向 windows对象。
v-once 和 v-pre 都是 Vue.js 中的指令，它们的作用和用途有所不同：
JS之DOM对象常用知识点整理 DOM树的介绍 获取元素对象的四种方式 通过元素ID获取对应元素对象---getElementByid(); 通过name属性获取所有需要的对象---getElementsByname() 通过标签名获取符合要求的所有元素 通过class属性获取所有符合要求的元素 获取节点对象的注意事项 元素对象常见属性 value属性 className属性 checked属性 innerHtml属性 ---- DOM树的介绍 ---- 获取元素对象的四种方式
一、js大致思路： 1、完成静态HTML+CSS 2、过一遍整体的大致js思路 3、按照从上到下的，从有至无的顺序完成js编写（包括先写大致轮廓，再细化细节部分） 4、调试代码 二、要点：
上一篇基础篇： https://blog.csdn.net/weixin_43582101/article/details/90082023
最近遇到一个诡异的问题，发现我添加在一个HTMLElement片段上面的事件绑定，会在后续的流程中，无故丢失了。但是，我不知道它是什么时候丢失的。
我们有一个数组，带有两个元素的arr。 接下来，我们尝试将数组扩展为包含90 ** 99 = 2.9512665430652753e + 193元素。
我们有一个数组，带有两个元素的 arr。接下来，尝试将数组扩展为包含 90**99 == 2.9512665430652753e+193 个元素。
我们有一个带有两个元素的arr。接下来，我们尝试使数组包含90**99 == 2.9512665430652753e+193元素。
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选择器
昨晚弄到三点就是为了 DIY 这 2 个页面，想给老婆一个浪漫的惊喜。 预览地址： 爱情纪念：http://zhangge.net/love 爱的故事：http://zhangge.net/love/forever 在线制作：http://zhangge.net/love/index.php 是别人的源码，没什么好说的，直接贴上作者说明： 一、超炫表白页面： 作者原话：为了预热情人节，麦葱二次开发了个表白程序。程序放在 BAE 上面，因为本地写这个原因，生成的页面过段时间就找不到了，导致链接页面 404，麦
1，vue 是一个前端框架，jquery 是javacript库，封装了一些js常用的方法，仅此而已。vue有成熟的生态链，mvvm模式，是一个真正的web框架。 表现在： 1:vue有固定的写法和规定，必须要有一个div来作为容器，绑定事件方法，数据都有固定的地方，数据要写在data里面，方法要写在methods里面。而且绑定事件在dom 元素标签上绑定 ，防止时间太多，找不到元素对应的绑定事件不好调试
很久没有写有关爬虫相关的内容了，今天给大家分享一下最近工作中遇到的一个与JavaScript相关的数据采集案例。
当我把项目发布到tomcat服务器上面去，运行某个jsp页面的时候，发现功能没有实现 有没有报错，说明代码没有问题，那就找引入的文件是否正常导入了。这里有可能一开始我们思维定性的就认为代码错了，而忽略了这个js有没有正确导入的问题。（关键还是在这里，下面的解决办法很简单）
使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。
去看webapps里工程目录下，index.html文件是有的，见鬼了，是哪儿出了问题？
这是一个基于 vue-cli 生成的项目，可以直接使用 vue add xxx 进行插件的安装。
通过前面的学习，对自定义组件的相关概念和知识点也有了一定了解，今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。
相信很多人都听过nginx，这个小巧的东西慢慢地在吞食apache和IIS的份额。那究竟它有什么作用呢？可能很多人未必了解。 说到反向代理，可能很多人都听说，但具体什么是反向代理，很多人估计就不清楚了。摘一段百度百科上的描述： Html代码 反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器。 这里讲得很直白。反向
我想使用xadmin在列表页每一行元素添加一个按钮，当点击这个按钮的时候，能发个请求出去，后台执行相关功能。于是想到添加自定义的javascript脚本能实现。 在/stackoverflow上找到这篇https://stackoverflow.com/questions/35772623/how-to-add-custom-javascript-to-django-xadmin, 可能版本不对应，依然解决不了我的需求，大概知道重写get_media方法可以解决。
a. 其中 '//' 表示从匹配的节点开始找，也就是相对路径，这也是用的最多的一种情况. b. [@class='class_name'] 表示元素的属性值，在这里表示元素的class 属性的值为 class_name. 如果是多个属性进行限制，那么可以追加多个 [@attribute_name='attribute_value']来限制，从而保证可以匹配到相应的元素 c. 支持多层路径，上面路径基础上可以追加,比如： "//div[@class='class_name']/button[@type='submit']" , 如果是查找 节点元素，那么后面用类似： "//div[@class='class_name']/.." 的格式，这种情况在实际使用中会常遇到. d. input, button 等元素不支持class 属性，这个原因不清楚，但是使用的时候加上class 属性就找不到元素. div等元素支持class 属性，如果通过特定属性找不到，尝试更改属性的值来进行查找 e. 如果是使用xpath, 并通过使用text 属性来进行元素查找，那么表达式格式如下：
经常在仿站的时候会遇到下载别人网站上的图片、css、js 等资源，如果你是一个个的手动下载是很麻烦的，也很慢的。
前几天写了用爬虫来揭露约稿骗局的真相，但实际上对于动态加载的数据来说，用程序爬取比较困难，在这种情况下，可以使用selenium来模拟浏览器行为，达到同样目的。
（一） 前言 Web应用以及包含超文本标记语言（HTML）、层叠样式表（CSS）、JS脚本的WEB页面，基于用户的操作（例如点击提交按钮），浏览器向WEB服务器发送请求，WEB服务器响应请求，返回给浏览器HTML及相关的JS、CSS、图片等资源，浏览器使用这些资源生成WEB页面，其中包含WEB各种视觉元素，例如文本框、按钮、标签、图标、复选框、下拉框、图片等，这些视觉元素或控件都被Selenium称为页面元素（webelements）。 想要让Selenium执行我们想要的操作，首先必须让Selenium
JavaScript 允许我们修改网页的方方面面：内容、样式以及它如何响应用户交互。 不过，JavaScript 也会阻止 DOM 构建和延缓网页渲染。 为了实现最佳性能，可以让您的 JavaScript 异步执行，并去除关键渲染路径中任何不必要的 JavaScript。
动效设计是2018年的热门趋势之一。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。今天～小编为你推荐10个靠谱的开源免费网页动效库，帮你的设计加速～^_^
时隔几天，小朱又和大家见面了，带领大家继续我们的jQuery之旅，上次说到如果jQuery框架与prototype框架同时引用需要处理好控制权的问题，对于这个不常见的问题，小朱就和大家说说jQuery的快捷自定义方式，学会之后处理各种冲突问题就容易多了。操作很简单，只是一个赋值语句，例如:var j = jQuery.noConflict();这样我们就可以把"j."当作"jQuery."来使用，而把有冲突的
1、binsearch(nums, target)：标准的二分查找，找不到返回-1； 2、lowerbound(nums, target)：查找第一个>=target的元素索引，找不到返回数组长度； 3、upperbound(nums, target)：查找第一个>target的元素索引，找不到返回数组长度。
然后一查，哎呦，果然是selenium运行机制都没搞清楚。在我们打开一个页面时，页面有一个加载的过程，但是我们在页面没有加载完的时候去查了那个元素，当然查不到，那怎么办呢？那就等一下呗，等页面都加载完了，或者我要找的元素加载出来了，我再去执行下面的操作。
但是，下课之前我说，今天的作业，如何如何要求，格式什么样，标明用了多长时间，然后就有同学在学习群里问我，。。原话记不太清了，大概意思就是，自己写的看不明白了，还得再写一遍呀？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
