element | 易学教程

jQuery-ui源代码重点难点分析

阅读更多关于 jQuery-ui源代码重点难点分析

本文以jquery-ui sortable排序功能插件为例分析jquery-ui源代码重点难点。 jquery-ui-sortable插件非常复杂深奥，本来是针对鼠标操作设计的，在手机运行无效，因为手机没有mouse事件，更没有drag事件。但增加一个jquery-ui-touch-punch.js文件之后在手机运行也有效，touch有效，原理在于sortable源代码不是针对鼠标drag and drop设计的，而是针对mouse事件中的位置数据设计的，底层有复杂的算法，touch事件数据也包含位置数据，因此sortable能兼容touch，很强大。 sortable插件的调用方式是$().sortable(opts)，那么sortable()函数就是入口初始化函数，我们从这个入口初始化函数源代码开始分析。 $.widget.bridge = function( name, object ) { 　　var fullName = object.prototype.widgetFullName || name; 　　$.fn[ name ] = function( options ) { // 此即为sortable()函数代码　　　　this.each(function() { // this是$()元素集合，一般只有一个节点，$().each()就是循环一次

find_element_by_xpath()的6种方法

阅读更多关于 find_element_by_xpath()的6种方法

Xpath (XML Path Language)，是W3C定义的用来在XML文档中选择节点的语言一：从根目录/开始有点像Linux的文件查看，/代表根目录，一级一级的查找，直接子节点，相当于css_selector中的>号 /html/body/div/p 二. 根据元素属性选择：查找具体的元素，必须在前面输入标准开头//，表示从当前节点寻找所有的后代元素 //div/* div下面的所有的元素 //div//p 先在整个文档里查找div，再在div里查找p节点(只要在内部，不限定是否紧跟) ；等价于 css_selector里的('div p') //div/p p是div的直接子节点；等价于 css_selector里的('div > p') //*[@style] 查找所有包含style的所有元素，所有的属性要加@；等价于 css_selector里的('*[style]') //p[@spec='len'] 必须要加引号；等价于 css_selector里的("p[spec='len']") //p[@id='kw'] xpath中对于id,class与其他元素一视同仁，没有其他的方法三. 选择第几个节点 //div/p[2] 选择div下的第二个p节点；等价于css_selector里的div>p:nth-of-type(2) 符合p类型的第二个节点 /

官方总结鸿蒙应用开发常见问题与实现方法典型案例

阅读更多关于官方总结鸿蒙应用开发常见问题与实现方法典型案例

1自定义Dialog的布局 1.1 问题描述如何实现自定义的Dialog？ 1.2 实现方法添加自定义Dialog代码 CommonDialog commonDialog = new CommonDialog(this); Component component = LayoutScatter.getInstance(getContext()) .parse(ResourceTable.Layout_dialog_custom_layout, null, true); commonDialog.setSize(800, 500); commonDialog.setContentCustomComponent(component); commonDialog.show(); 自定义Dialog的布局文件 <?xml version="1.0" encoding="utf-8"?> <DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:width="match_parent" ohos:height="match_content" ohos:padding="10vp" ohos:background_element="@graphic:grey" ohos:orientation=

开发一个大型后台管理系统，应该用前后端分离的技术方案吗？

阅读更多关于开发一个大型后台管理系统，应该用前后端分离的技术方案吗？

开发一个大型后台管理系统，应该用前后端分离的技术方案吗？话说这天，我们团队开会讨论了一个问题，不，与其说“讨论”，不如说“争吵”更合适。背景是这样的：我们要开发一个 xxx 后台管理系统，这个系统业务复杂、功能又多，大家的争吵集中在“这个系统是否应该用前后端分离的方案”。这次争吵的问题比较典型，于是我就写了这篇文章。为了大家好理解，把“xxx 后台管理系统”泛化一下，变成：开发一个大型后台管理系统，应该用前后端分离的技术方案吗？先说一下，本文中的观点肯定有人不认同，再加上我对前端技术掌握有限，所以大家批判的看吧。 1. 先审题，冷静的分析一下前后端分离的优点多多，这不需要多说，大家人人都清楚。来，讨论之前，我们先一起好好审审题。结合“开发一个大型后台管理系统”这个约束条件，冷静的分析一下： • 什么是后台管理系统：首先后台管理系统这个称呼，意味着这是一个 B 端系统。可以小到部门级应用（客户投诉登记系统、办公设备台账系统），大一点可以是大集团级核心系统（500 强保险公司客服、呼叫中心），可以是 ERP、CRM、OA（SAP、用友、泛微协同），可以是一个 B2C 电商的商城后台、支付网关管理控制台，可以是 Saas 的管理后台（Salesforce、Teambition、Jira），可以大到阿里云控制台…… • 什么是大型：我理解大型系统是指功能模块多、交互复杂

CF 683 DIV.2 B. Numbers Box

阅读更多关于 CF 683 DIV.2 B. Numbers Box

题目： You are given a rectangular grid with n rows and m columns. The cell located on the i-th row from the top and the j-th column from the left has a value aij written in it. You can perform the following operation any number of times (possibly zero): Choose any two adjacent cells and multiply the values in them by −1. Two cells are called adjacent if they share a side. Note that you can use a cell more than once in different operations. You are interested in X, the sum of all the numbers in the grid. What is the maximum X you can achieve with these operations? Input Each test contains

通过 GCC 学习 OpenMP 框架

阅读更多关于通过 GCC 学习 OpenMP 框架

OpenMP 框架是使用 C、C++ 和 Fortran 进行并发编程的一种强大方法。GNU Compiler Collection (GCC) V4.4.7 支持 OpenMP 3.0 标准，而 GCC 4.9.3 支持 OpenMP 4 标准。包括 VS 在内的其他编译器也支持 OpenMP。你可以学习使用 OpenMP 编译指示 (pragma)，寻找对 OpenMP 提供的一些应用程序编程接口 (API) 的支持，并使用一些并行算法对 OpenMP 进行测试。本文将使用 GCC 5.4.0 作为首选编译器。第一个 OpenMP 程序入门：OpenMP 的一大特点就是您只需完成标准的 GCC 安装即可。支持 OpenMP 的程序必须使用 -fopenmp 选项进行编译。（也可以参考在VS中使用OpenMP ）让我们先从一个 Hello, World! 打印应用程序开始，它包括一个额外的编译指示. 清单1：使用了 OpenMP 的 Hello World 程序 1 #include <iostream> 2 #include<omp.h> 3 int main() 4 { 5 #pragma omp parallel 6 { 7 std::cout << " Hello World!\n " ; 8 } 9 } 在使用 g++ 编译和运行清单 1 中的代码时

使用Web Component和Event开发Web应用

阅读更多关于使用Web Component和Event开发Web应用

http://tommwq.tech/blog/2020/11/18/218 前一阵用Web Component和Event做了个自己用的Web工具。顺便封装了一个框架，用来写一些简单的Web应用。下面是一个例子，展示了基本的用法。 Listing 1: todolist.html <!DOCTYPE html> < html > < head > < title > TODO List </ title > < meta charset = "utf-8" /> < script src = "wce.js" ></ script > < script src = "server.js" ></ script > </ head > < template id = "todo-item-template" > < style > span.done { text-decoration: line-through; } input.done { visibility: hidden; } </ style > < div > < input type = "checkbox" class = "" id = "checkbox" data-id = ">" /> < span class = "<!--#data

python3 web测试模块selenium

阅读更多关于 python3 web测试模块selenium

selenium是一个用于web应用程序测试工具，selenium测试直接运行在浏览器中，就像真正的用户在操作一样，支持的浏览器包括IE(7,8,9,10,11)，mozilla firefox，safari，google chrom，opera等，可使用java，python等多种语言编写用例脚本。 Selenium Python绑定提供了一个简单的API，可以使用Selenium WebDriver编写功能/验收测试。通过Selenium Python API，您可以直观地访问Selenium WebDriver的所有功能。 Selenium Python绑定提供了一个方便的API来访问Selenium WebDrivers，如Firefox，Ie，Chrome，Remote等。目前支持的Python版本是2.7,3.5及更高版本 1、selenium安装配置 pip安装： pip install selenium wheel安装： # 下载wheel安装文件：https://pypi.python.org/pypi/selenium/#downloads pip install selenium-3.13.0-py2.py3-none-any.whl chrome浏览器支持的chromeDriver驱动配置：注意：此前必须安装好chrome浏览器

【生信】简单的 GDS (GEO DataSets) 查询统计工具

阅读更多关于【生信】简单的 GDS (GEO DataSets) 查询统计工具

背景写了个 GDS 的查询工具，主要用于检索式检索结果的空间与数量分析，毕竟循证理念嘛，荟萃全球资源，自己是否已经做到了呢？这就需要对自己检索到的数据集的源头进行定位、统计和分析，通过喜闻乐见的 html 可视化报表形式呈现，以确定是否需要对检索式进行改进。功能根据检索式检索 GSE 数据集并批量查询元数据，统计 GSE 数据集所来自的国家和城市。高级功能正在逐步开发。食用方式从我的仓库下载好项目文件。任意文本编辑器打开 XML 文件进行编辑，按照示例格式填入自己的检索式，支持多条。需要注意的是浏览器有迭代次数的限制（比如3000），检索的结果数不宜过千，否则被浏览器检测到潜在的“无限循环”，可能会启动保护机制终止程序运行，得到空白网页。目前还没有研究解法。 xsltApplySequenceConstructor: A potential infinite template recursion was detected. You can adjust xsltMaxDepth (--maxdepth) in order to raise the maximum number of nested template calls and variables/params (currently set to 3000). Chrome 浏览器关闭安全模式（ chrome

element-UI的Dialog弹出框蒙版被遮住

阅读更多关于 element-UI的Dialog弹出框蒙版被遮住

类似于这种，相信会有很多人遇到这种问题的，其实解决的方法很简单 <el-dialog title="修改分类" :visible.sync="modifyFormVisible" :modal-append-to-body="false" width="30%" center> <el-form :model="modifyData" ref="modifyForm" :rules="rules"> <el-form-item label="分类名称：" label-width="100px" prop="categoryName"> <el-input v-model="modifyData.categoryName" auto-complete="off"></el-input> </el-form-item> <el-form-item label="分类级别：" label-width="100px" prop="categoryLevel"> <el-input v-model="modifyData.categoryLevel" auto-complete="off"></el-input> </el-form-item> <el-form-item label="目录层级：" label-width="100px" prop="parentCode"> <el

订阅 element