前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题。 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件上点日期,这样操作比较烦躁,并且我们测试的重点不在日历控件上,只是想输入个时间,做下一步的操作
js修改readonly属性 我们看到这里日期框标签中有readonly属性,如果我们直接send_keys就无法输入内容,这时我们需要先去掉readonly属性: js ='docu
前言 在打开页面上链接的时候,经常会弹出另外一个窗口(多窗口情况前面这篇有讲解:Selenium2+python自动化13-多窗口、句柄(handle)),这样在多个窗口之间来回切换比较复杂,那么有没有办法让新打开的链接在一个窗口打开呢? 要解决这个问题,得从html源码上找到原因,然后修改元素属性才能解决。很显然js在这方面是万能的,于是本篇得依靠万能的js大哥了。 一、多窗口情况 1.在打baidu的网站链接时,会重新打开一个窗口 (注意:我的百度页面是已登录状态,没登录时候是不会重新打开窗
最近博客上线,但是在首次加载的时候,需要消耗很多时间,大概在50秒左右,就是说第一页登录页面,就需要用户等待50秒(服务器是最低配置也是一个原因),看了一下network,发现有两个文件加载的时间特别长,一个是vendor.js,一个是app.js,打包的时候,这两个文件也提示文件过大
做自动化过程中,会发现有的按钮点击不了,或者点击没有反应,也没有报错,或者不能处理滚动条等场景,我们可以通过JavaScript定位来解决这些问题。
proxy_set_header Sec-WebSocket-Protocol mqtt;
vscode-master-1.23.1\out\vs\workbench\parts\output\electron-browser\outputServices.js
Build. Build主要会做以下动作: 编译项目文件并输出到某个目录 Build targets决定了输出的结果 bundling 打包 生产环境的build还会进行uglify和tree-shaking(把没用的代码去掉) ng build. 可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build. 默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: i
最近有一个站点涉及到改版的问题,由于时间仓促,有很多css和js 都是直接从合适的资源拿过来用的,这就比较容易导致js冲突和css错乱的问题,在一番调试之后,css正常了,去掉许多不合适的元素,发现js的冲突问题比较严重。在修改js的过程中,发现即便处理了不同js之间的冲突,仍然会有程序上的问题,尤其是在有 eval 语句的js中,会在浏览器再度渲染。
去掉html标签的js <script> function delHtmlTag(str){ return str.replace(/<[^>]+>/g,"");//去掉所有的html标记 } var str = "This is testss"; str = delHtmlTag(str); alert(str); </script> 为了一个tit
Mongoose提供了修饰符功能用于对存取的数据进行一些加工,常用的修饰符有以几下几种:
webpack使用日常,使用webpack是需要压缩html模板代码请注意 var HtmlWebpackPlugin = require('html-webpack-plugin') webpackconfig = { ... plugins: [ new HtmlWebpackPlugin({ template: 'src/index.html', minify: { removeComments: tru
东东是一名前端工程师,主要用 React 技术栈,用了多年之后想深入一下,所以最近开始看 React 源码。
第一个是倒计时的天数效果。就是说假如现在是9月4号,我们设置结束时间为10月4号,那么显示的结果应该要为30。
有些动画是页面一加载就要的,还有一些动画是需要页面滚动到那个元素才要展示的。
1. Hash:和整个项⽬的构建相关,只要项⽬⽂件有修改,整个项⽬构建的 hash 值就会更改,一般用于图片设置;
概述: 案例:Cesium打包流程,相关技术点和大概流程 原理:代码优化的意义:压缩 优化 混淆 优化:如何完善Cesium打包流程 关键字:Cesium gulp uglifyjs 字数:2330 | 阅读时间:7min+ 1 Cesium打包流程 如果没有记错,Cesium从2016年初对代码构建工具做了一次调整,从grunt改为gulp。作为一名业余选手,就不揣测两者的差别了。个人而言,gulp和Ant的思路很相似,通过管道连接,都是基于流的构建风格,而且gulp更像是JS的编码风格,自带一种亲切感。
现在我们使用开发工具打开我们刚刚下载的项目,大家可以使用 Webstorm , HBuilder X , Visual Studio Code 。我使用 Webstorm 。
方法1, 可以使用定高度,然后加个overflow:hidden. ,当点击查看更多时,把overflow去掉即可.但是当我需要给每个单元格加个hover显示详情的时候,发现position:absolute的元素都给overflow给盖住了.所以这个方法只能舍弃
去掉烦人的indent提示### 如何去掉呢? 打开IDEA 的preferences|Editor|Code Style, 去掉下图中的两个勾选: 设置文件的模板### 我们创建一个java文件时
在逛别人的博客的时候,发现了有一种叫go.php的东西,可以经过自己站点的网页再跳转出去,方便SEO优化。但是像Hexo这类静态博客,想要从源HTML修改链接难度有点大,这里我们采用JavaScript动态修改。
看代码能看错行,一看书就头疼且双眼流泪,没办法啊,都是娘胎里带出来的毛病,能看点是点吧。es6这种东西,虽然有一些语法糖,但毕竟也是新东西啊,得学。不学就落后,落后了就没得玩了。 今天再来几个知识点,趁着还没双眼流泪,赶紧能学点是点吧。以下例子,你看是学习,我写是复习,走起 //////// =>,这位客官,你看这是啥? 其它地方不管,在es6中,这叫箭头符号。^_^,这不废话么,不在es6里,这也是个箭头符号。准确的讲,在es6里,它叫做箭头操作符。这东西的作用就是,去掉还是简化啊,随便你怎么理解吧,就是
背景 这两天在搞一个短链接的小工具,#出现在短链接里边标志性太强了,再加上自己平时看它不爽好久了(它就喜欢我看不惯它又很难干掉它的样子😭),就想着干掉它。 另一点主要是因为这个 # 出现在短链接里不仅不好看,也要占/# 两个长度,一定程度上也增加了短链接长度;本身我的域名 t.beatree.cn 就够长了,再加上这个不是更长了么。 开始去掉 “因为 Vue3.x 自己还没学,看文档和 2.x 还是有点差异的;所以就上的 Vue2.x 框架,等以后有时间了再把以前的 2.x 升到 3.x(立)。以下内容针对
前面 3 篇文章讲了 Selenium 的一些基本操作,利用这部分技能,大部分网站的自动化都能顺利完成。
最近有小伙伴反应使用httprunner的extentreports报告时,打开的页面样式全部丢失了,原本高大上的报告变成了丑八怪。 顿时心都凉了一大截,要是让领导看到了,这个月领导不给加鸡腿了,所以小编花了一个晚上的时间找到了解决方案。
打开apache安装目录,找到conf目录,用记事本打开httpd.conf 文件。
既上一篇文章记录了组内单页引擎升级路由为 History API 方式,考虑到不支持该方式的浏览器/WebView,需要多页降级。如果不对 Nginx 进行配置,就会出现404,因为多数通过pushState得到的 URL 并没有真实对应的资源。
JSON的转换 1:json变成字符串 JSON.stringify(json)方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <scrip
根据业务需求,找到了这个很少使用的图形,话不多说,看看该如何使用。首先要引入支持文件:可根据链接下载。 exporting.js:https://img.hcharts.cn/highcharts/modules/exporting.js xrange.js:https://img.hcharts.cn/highcharts/modules/xrange.js
使用eclipse开发java程序的都会遇到在复制或是粘贴js或是jsp的时候回出现卡顿现象。
https://www.quora.com/What-is-Webpack-and-babel-loader
效果图: 41102.gif 在线demo 覆盖样式代码: .tcp-dynamic-watermark-container .tcp-dynamic-watermark-content { font-size: 30px; color: red; } 全部demo代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-
这里使用-e,可以使用多个规则,发现sip,host,uri等替换成了—-,再次删除即可
微信app右上角自带分享功能–不论是微信公众号还是微信小程序或者是用微信打开的别的链接,用户都可以进行微信分享出去,对于自定义微信分享功能会和默认分享存在一些样式区别。这就是为什么还要自定义微信分享功能。
下面的文本(https://www.aimsciences.org/article/doi/10.3934/cpaa.2009.8.1725)
请注意,本文编写于 2082 天前,最后修改于 173 天前,其中某些信息可能已经过时。
webpack作为一个模块打包器,主要用于前端工程中的依赖梳理和模块打包,将我们开发的具有高可读性和可维护性的代码文件打包成浏览器可以识别并正常运行的压缩代码,主要包括样式文件处理成css,各种新式的JavaScript转换成浏览器认识的写法等,也是前端工程师进阶的不二法门,本文借鉴了部分vue-cli对webpack的配置思路,还有一些网上比较好的解决方案,在此对这些作者一并表示感谢。 webpack.config.js配置项简介 Entry:入口文件配置,Webpack 执行构建的第一步将从 Entry
使用: var date = util.formatDate(new Date()); 自定义的util方法需要在module.exports = { }方法中 暴露给其他类使用
我们遇到了这样的场景,比如后台有一个支付路由,我们不想让他在面包屑窗口显示,那么我们在router.js中配置路由属性的时候就要把他的name属性去掉就可以了
有两个, 第一步:没点击时是阴影的 第二步:点击时是2,所以去掉阴影。 第三步:再点击就加阴影(因为是1了,之前第二步去掉阴影了呀.)
上一篇文章:基于Openresty搭建本地简易文档中心 介绍了如何使用OpenResty搭建一个简易的文档中心。但是可能太简易了,不够好看, 我们可以用一些开源工具去搭建,比如docsify。
在jsp页面中使用load的方法加载其他页面到空白处,同时jsp页面引用layui,例如如下截图,在加载其他页面进入时候,会出现js等文件带请求路径一起请求后台。
大概 1 年多之前,一位老同学找到我,问能不能帮他做一个非常简单的猜数字游戏,需求是这样的:
有些很炫酷的界面上,为了适应整体的风格,Echarts统计图上的很多属性都要做响应的修改,以更好的状态呈现数据,今天记录Echarts去掉中间的网格线的代码。
效果图 文档Api地址 安装 npm install highcharts-vue 在main.js进行全局配置 import HighchartsVue from 'highcharts-
前面我们转了博卡君通宵吐血赶稿的微信小程序开发教程,当时只更新了两章,现在接着发布第三章:微信小程序项目结构以及配置,第四章:微信小程序首页面开发,以下是微信小程序教程 找到创建的 demo 文件夹,
默认模板没有启用IE浏览器支持 ng serve启动项目后,用IE浏览器打开为空白页 解决 修改browserslist,去掉前面的not not IE 9-11 # For IE 9-11 support, remove 'not'. 修改src/polyfill.ts,取消以下两行注释 import 'classlist.js'; import 'web-animations-js'; 安装依赖 npm install --save classlist.js npm install --save web
当同时绑定 touchstart、touchend、click 三个事件的时候,触发的先后顺序是:touchstart -> touchend -> click。正是由于这种 click 事件的滞后性设计从而会产生事件穿透(点击穿透)问题。
最近遇到了一个要在js里处理uint64位数字的问题,折腾了一下,记录一下,有经验的小伙伴欢迎交流。
领取专属 10元无门槛券
手把手带您无忧上云