首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

还在用老掉牙的后台模板?来试试这款人类高质量后台模板(Admin Plus)

角色权限 ✨亮点功能 自定义菜单栏 我觉得他的亮点之一是支持响应式顶栏以及侧栏菜单。顶栏菜单的设置如下。 点击这个显示顶栏菜单以后,我们可以惊喜的发现,在页面的上面多了一栏菜单。...如果我们想要某个页面不显示菜单栏怎么做呢?其实这就是AdminPlus的核心,能配置解决的绝对不手写业务逻辑代码,这个功能是可以通过配置去解决的。...私人定制动态菜单 看到这里很多观众老爷可能会问了,我可不可以自己定制顶部或者是左侧的菜单栏呢?哎,你问到点上了,这是他的第二个亮点。...i18n.js 文件最终会被合并,所以要确保唯一的命名空间即可。...个人中心 作为一款以用户为核心的管理系统,怎么能少得了个人中心界面呢?这是Admin Plus的个人中心界面,和目前主流大厂的产品设计交互逻辑持平,很适合我们横向做各种拓展和延伸。

1.7K20

不用React Vue,只用原生JS,如何开发单页面应用?

点击某个超链接,就跳转到新的html页面。每次浏览器访问html时,需要重新下载整个html文档、JS和CSS依赖,才能展现出整个页面。这个效率很低。...每当用户点击超链接,准备切换页面时,通过history API使浏览器更新URL而不必重新下载html文档,然后JS只要把现有的页面卸载(隐藏),再把内存中的东西展示出来即可。...这就导致一个问题:如果我们不用React或Vue(例如我的游戏《Dice Crush》是用原生JS实现),没有React Router和Vue Router的能力,该怎么开发单页面应用呢?...页面切换时,不可以使用location.replace('新的网址')或document.href = '新的网址',因为它会使浏览器下载html文档。...如果用户同时按下了Option,那么他应该期望是打开菜单栏,我们也执行原生行为。

9.1K51

PDF文件的页面位置怎么交换

PDF文件的页面位置怎么交换,小编这期决定出个教程,不喜勿喷,不要影响有这方面需求的小伙伴继续看。...2:为了使两文件中的页面互换位置,找到菜单栏的文档选项,点击文档栏目下的更多页面中的交换页面。...3:操作到这一步之后,页面上会弹出一个操作窗口,在窗口上点击填写将交换的页面,比如第一个页面跟第四个页面交换,就可以修改成1-4,点击确定完成交换。...4:我们需要注意的是在这个操作弹窗上如果无法点击确定按钮的话,并不是操作失误了,也不是工具不可以进行页面交换。...5:如果出现弹窗页面上的确定按钮无法点击,去工具页面上方找到内容编辑按钮,点击这个按钮之后,操作窗口上的确定按钮就可以点击了。

2.2K20

微信小程序里如何使用npm?小程序集成友盟举例

以接入友盟统计SDK为例,执行命令如下: npm install umtrack-wx --save 说明截图: [format,png] 执行截图如下: [format,png] 3、微信开发者工具构建npm 点击微信开发者工具中的菜单栏...:工具 --> 构建 npm [format,png] 点击构建之后,项目会自动帮我们进行构建,然后会多出一个miniprogram_npm文件夹: [format,png] 4、勾选“使用 npm 模块...,在app.js引入: [format,png] 6、再举个例子,引入官方WeUI组件库 上边友盟的例子确实过于简单,相信大家在使用npm大部分场景是使用UI库,那么我们通过npm方式引入WeUI组件库...[format,png] 7、怎么使用WeUI组件库?.../miniprogram_npm/weui-miniprogram/form/form" } } index.wxml、index.js 在这就不重复了,大家可以去上方链接复制粘贴,内容全部替换即可

1.1K50

《吐血整理》高级系列教程-吃透Fiddler抓包教程(36)-掌握Fiddler中Fiddler Script用法,你会有多牛逼-上篇

另外,可以点击Fiddler的菜单栏,Tools=>Reset Script也可以触发fiddler重新加载一次CustomRules.js脚本。...界面如下图所示: 如果没有右边的类视图,我们可以点击FiddlerScript Editor菜单栏View,然后勾选上Class Exploer。...类视图对我们的脚本编写提供了极大的变量,因为我们不知道,也不可能记得Fiddler提供了哪些对象和函数供我们使用,那么我们可以在开发的过程中,类视图中查找相应的函数。...4.开发篇 4.1增加菜单栏 我们可以对Fiddler的菜单栏进行改造,添加一些自己常使用的功能。下面举一个简单的示例,在菜单栏中增加一些常访问的网站。...在文件中CustomRules.js增加了上面的代码后,然后进行保存。就可以看到fiddler的变化。增加了我们自己定义的菜单栏。然后我们点击baidu,就会发现。浏览器会自动访问百度网站。

1.5K50

GIF图怎么压缩?手把手教你快速在线把GIF图片变小

GIF图片虽然内容非常有趣,可体积缺太大了,往往超过了图片允许上传的尺寸,而且当图片太大的时候即使上传上去发布出去以后,用户也要很长时间才能加载出来图片内容,这时候就需要用到GIF图片压缩了,那么具体该怎么做呢...图片选择后,点击开始上传即可开始压缩,通过上方菜单栏压缩等级一栏可以对压缩等级进行调整,压缩等级越低则压缩后的图片越小,反之则越清晰,压缩完成后点击保存本地即可下载图片。...图片选择后,通过上方菜单栏可以选择帧数抽取,这里为了与第一种方法对比,还是选择70的压缩等级,抽取30%帧数,点击开始上传即可开始压缩,压缩后点击保存本地即可保存图片。 第三种方法: 1....点击上传图片,找到需要裁剪大小的图片。 3. 进入裁剪页面后,通过拖动图上的裁剪框可以选择裁剪区域以及裁剪大小,也可以在左侧菜单栏输入尺寸确定裁剪框的尺寸,选择完成后点击裁剪。 4....以上就是三种图片压缩的方法了,这三种方法都可以有效得降低压缩GIF图片,使gif动图的体积变小,轻轻松松一键在线完成GIF压缩,无需下载任何软件,如果经常会用到GIF图片,就快把压缩图网站收藏起来吧!

1.7K20

Mac Option 键的妙用,原来有这么多功能

1.连接类菜单栏图标 按住 Option 键,鼠标单击 WiFi 图标,即可显示网络连接的详细信息,包括 IP 地址、路由器、速率等信息,可以快速判断网络质量。 蓝牙图标也能借此查看更多信息。...2.快速开关勿扰模式 无需点开通知中心,按住 Option 键,鼠标点击菜单栏右侧的通知中心,即可实现快速开关。 3.更快删除应用 常规方式是,鼠标左键选中应用按住一段时间至应用图标抖动。...你也可以直接按住 Option 键,使应用图标立即抖动,方便快速删除。 4.强制退出应用 按住 Option 键,鼠标右键点击 Dock 栏,即可唤出「强制退出」选项。...怎么样,以上几种 Option 键的使用方法,对你有帮助吗?

94420

Hexo-NexT搭建个人博客(三)

一、菜单栏中标签与侧边栏中标签关联的问题   以我的博客为例,关于菜单栏中的选项 与侧边栏中的选项,由于顶部菜单栏中位置有限,所以我就想在顶部菜单栏中不显示标签这一项,于是我在 主题配置文件 中 将 menu...但是与此同时,我们发现侧边栏中的标签选项只能显示标签数量,不能点击。   这是因为侧边栏中的点击链接是根据菜单栏中对应的项来添加的,什么意思呢?...就是说如果顶部菜单栏中有 标签 这一项,那么就会给侧边栏中标签这一项也添加点击链接;如果顶部菜单栏中没有标签这一项,那么就不给侧边栏中标签这一项添加点击链接,导致侧边栏中的标签项只有显示数据,不提供点击链接...如果我们不想在菜单栏中显示标签项,但是希望侧边栏中的标签项 可以点击,该怎么做呢?   ...oapjp6spr.bkt.clouddn.com/213318.jpg) {% endgp %} 图片展示效果 {\% gp 5-3 \%}:设置图片展示效果,参考 themes\next\scripts\tags\group-pictures.js

31810

前端|Bootstrap——导航组件

导航菜单的样式多种多样,其在各式软件中的应用也是不可或缺的。今天就来简单制作一个导航菜单。效果如下: ?...图1.1 效果图 问题描述 如何制作导航菜单 首先要引入jquery.js、bootstrap.min.js和bootstrap.min.css文件。...(这里需要注意jquery.js文件必须在bootstrap.min.js之前引入)在这些文件里已经封装好了一些样式和功能,引入之后就可以利用代码实现相关功能了。...图2.1 效果图 (2)页面可跳转的菜单栏 常见的导航菜单是一定可以实现页面切换的。这里就可以利用a标签。实现标签切换只需要在a标签上添加自定义属性data-toggle=“tab”。...data-toggle="dropdown"表示引用js给外层添加一个open类,class="dropdown"默认没有open,点击一次为class="dropdown open",再点击一次为class

6.6K10

用VSCode写python的正确姿势

用过之后发现它启动快速,插件丰富,下载安装后几乎不用怎么配置就可以直接使用,而且还支持markdown。...image.png hello_world.gif 安装python插件 打开VSCode,Ctrl+p 输入 "ext install python",搜索时间可能会比较长 选择下载量最高的那个插件点击安装...,在函数名或者类名上按F12也可以实现同样功能 更改变量名 在变量名上按F2即可实现重命名变量 python断点调试 在行号的左边点击即可设置断点,在左边的调试界面可以查看变量的变化 image.png...debug.png 隐藏菜单栏 这个属于个人习惯,如果你也感觉菜单栏很碍眼,可以点击查看->切换菜单栏,即可隐藏菜单栏。...image.png 快捷键设置.png 更新 2016-8-25 更新 推介两个插件 Guides,缩进线插件,让代码看起来更清晰 vscode-todo,使VSCode支持TODO的插件

2.1K40

效率提高十倍,Puppeteer 如何启动交互模式?

但如果我们使用 JavaScript 操作 Puppeteer,应该怎么实现写一行代码,运行一行代码呢? 我们知道,Node.js 的命令行本身确实是可以实现写一行代码运行一行的,如下图所示: ?...但 Puppeteer 的代码 跟上面的这段代码有点不一样,我们先来看看 Puppeteer 官方文档里面,是怎么写的代码: ? 注意,其中有很长一段函数是使用async声明的,它是异步函数。...大家注意,在开发者工具菜单栏的左上角,图中箭头所指向的位置,出现了 Node.js 的绿色 Logo。我们点击一下它。 此时,会弹出一个单独的开发者工具窗口,如下图所示: ?...这个窗口会自动关联上我们刚才启动的 Node.js。 现在,我们试一试直接在这个开发者工具的 Console标签页上面写一些代码: ?...接下来,跟刚才一样的步骤,我们启动开发者工具,然后尝试直接调用Puppeteer,不可思议的一幕出现了: ? 现在我们已经可以直接使用await了!

1.6K30

用firebug给firefox添加信任链接

在前文“firefox查看微信公众平台的数据分析时就出现不信任链接怎么办?”...firebug给firefox添加信任连接   打开微信公众平台 - 统计 - 用户分析,一如既往的显示“此连接不受信任”,这时我们按F12调用firebug查看元素,切换到html,用firebug菜单栏中的第二个菜单...“点击查看页面中的元素”,定位到具体的位置   展开div元素,复制上图中的绿色框中的链接, https://mta.qq.com/mta/wechat/ctr_article_detail?...ll1D85fGDCTr4AAxC_RrFIsraM1eajMksOjZN_eXodpjY4fYF5CrJfr2Boq-sCnFVnrjmnvRJFH8ARnpkI8F9QBFc64dn2dthrf3Fy5W3T0b-g0Wi9_iwDI49sUaxQaM&devtype=3&jsurl=https://res.wx.qq.com/mpres/zh_CN/htmledition/js.../common/wx/iframe1cd20f.js&version=2 在新窗口或新标签中打开链接,点击“我已充分了解可能的风险”,再单击“添加例外”   返回微信公众平台统计分析,看看“此连接不受信任

1.1K70
领券