前端

selenium模拟登录的一些tips

借助selenium登录网站是一个常见的操作,接下来的大部分代码是开发写好的,这里是自己整理下来的知识点。 驱动安装 之前常常是先根据浏览器版本下载对应版本的驱动,但其实有一个办法是可以自动获取当前浏览器的版本,自动下载对应的驱动到本地的。 from webdriver_manager.chrome import ChromeDriverManager browser = webd

Angular 应用打包和部署

应用打包 对 Angular 应用打包,只需要执行下面的命令即可: ng build 命令输出结果如下: chunk {main} main.js, main.js.map (main) 22.4 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initia

实现一个简单的单页应用

这几天整理的一下过往的文章和笔记,备份到了 Github 上,地址👉 blog。 如果我的内容帮助到了您,欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 👆 本文实现的单页应用很简单。 一段简单 HTML 结构: <main>这是一个简单的单页应用示例</main> <ul> <li><a href="/">Home</a&

碰撞事件

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 目录 5.13 碰撞事件 1、Box2D的另一个特性——碰撞   Box2D通过“接口”提醒碰撞事件发生的时刻,在这里,我们有必要学习接口的相关知识,这是面向对象编程的一项高级特性。 你可以查看Java接口教程 (

使用 React 自动聚焦字段

自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单的方法是使用 autoFocus 属性(注意大小写): <input name="username" type="text" autoFocus /> 由于该属性在各个浏览器的工作方式不一致,React 内部实现了一个 polyfill,会在元素挂载时使用 focus()

uni-app 根据用户不同身份显示不同的tabBar

最近在一个uni-app项目中遇到一个需求,在登录页面成功登录以后需要判断身份,不同的身份的进入不同的tabBar页面,但是在uni-app项目中pages.json中的tabBar的list数组只有一个,且不能写成动态的,那如何实现这个需求呢?答案是需要我们自定义tabBar。 1、我们确定在 pages.json文件中的pages数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面

Vue 2.7 + Vite项目搭建

Vue 2.7 + Vite vue2.7 + vue-router3 + pinia 示例代码: 示例页面: 用到的vite插件 @vitejs/plugin-vue2 vite的vue2.7插件 @vitejs/plugin-

用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。

Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。 基础使用方法 Vue3对于表单的绑定提供了一种简单的方式:v-model。对于使用者来说非常方便,v-model="name" 就可以了。 自己做组件 但是当我们要自己做一个组件的时候,就有一点麻烦:

vue3.2最新语法如何使用socket.io实现即时通讯

socket.io是即时通讯必需的插件,要和后端配合使用socket.io才可以,前端使用【socket.io-client】,旨在让你少走弯路~ 先安装【socket.io-client】 yarn add socket.io-client -S 安装后再新建ts,以插件形式引入 2.1 在utils文件夹下新建socket.ts,代码如下 // 新建ts 以插件形式引入 im

网络请求库 – axios库

1.认识Axios库 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中发送网络请求。 1.1 Axios的优点 XMLHttpRequest,fetch是高级一点的原生 原生的缺点: 1.需要自己来封装原生。 2.原生某些功能不具备,你需要自己来完成请求拦截,响应拦截等。 3.js可以跑在浏览器和node上面,但是原生的fetch是不能工作在node中