前端

vue 批量自动引入并注册组件或路由等等

有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js 本项目使用vue3.x, vue2.x也可以照样用; image.png 这里在components里面创建了一个idnex.js 文件 require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t

通过 tree shaking 移除无用代码

tree shaking 依赖于ES Module 的静态语法分析,在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中,我们可能定义了变量但是暂时又没有用到,这样会造成空间的浪费。在 mode 为 production 时,会默认做一些配置,将无用的代码删除。为了看到没有做处理时编译后的文件效果,在 webpack 中做如下配置。 module.exports = {

跨域和解决方案

一、跨域概念: 跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 例如:a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。注意:跨域限制访问,其实是浏览器的限制。理解这一点很重要!!! 同源策略:是指协议

Swift数组处理全解(一篇全部搞定)

定义数组:使用语法 [元素类型] 来定义数组,例如: var arr1 = [1, 2, 3] var arr2: [String] = ["apple", "banana", "pear"] 访问数组元素:可以使用下标(从 0 开始)或者循环遍历数组来访问其中的元素。 let arr = ["apple", "banana", "pear"] let first = arr[0]

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数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面