通过使用标准的文档对象模型(DOM)，它能够读取浏览器访问的网页的详细信息，可以对打开的页面进行更改，还可以将DOM信息传递给其父级插件。..."css":[ "content.css" ], "matches": [""] } ] content_scripts属性除了配置js，还可以设置css样式，来实现修改页面的样式...options页，就是插件的设置页面，有2个入口 1:点击插件详情，找到扩展程序选项入口 image.png 2插件图标，点击右键，选择 ‘选项’ 菜单 image.png 可以看到设置的option.html...很多插件都是使用newtab进行自定义打开的tab页，比如掘金的浏览器插件，打开新页面就是掘金网站插件[6]。...%s来表示选中的文字 chrome.contextMenus.create({ id: 'baidusearch1', title: '使用百度搜索：%s', contexts
jQuery Validation是一个用于验证表单的jQuery插件，简单易用，已经包含了16种内置的验证规则．Github上也有更多的验证规则可以使用．这都不是重点，重点是你可以轻松的定制自己的规则...内置规则的使用非常简单： 首先将该插件的js文件包含进html文件： 来修改错误信息的样式： label.error { margin-left: 10px; padding-left: 5px;...使用json提交数据 表单验证通过后，提交动作默认是使用form本身的提交动作，即指定form的action和method属性： method="get" action="" 可以在validate...()函数中添加submitHandler参数来指定点击提交后执行的函数，我们可以在该函数中使用$.json来提交数据： 23 $("#ip_form").validate({ 24
在用html5来搭建页面的时候，为了兼容不支持html5标记的浏览器，需要把html5标记全部createElement一遍。 而这让我想起以前接触到的一个有意思的自定义标记构建页面的方法。...下面就是定义标记的方法与格式： 坚果用户体验团队 然后给自己所定义的标签加上样式，一个基本的自定义标签搭建的页面就出来了。...XHTML的处境已经很尴尬，所以这些小知识跟大家分享一下，觉得好玩就行了，总体来说，没有太大的意义和使用价值吧。下面附上一个demo 页面上部> 页面下部> 提示：你可以先修改部分代码再运行。
10=50px,例如 html{ font-size: 10px; } p{ width: 2rem; /* 2*10 = 20px;*/ margin: 1rem; } rem来做适配...根据这最小宽度来做页面。单位使用px和百分比。在宽度不同的设备上，页面的字体大小，内容尺寸都是一样的，不同的是，大屏的内容间的空隙比小屏的大。...所以这样做的缺点就是，页面在某些尺寸的设备上显示的效果不好。 如果用rem来页面，我们会根据不同的设备宽度在根元素上设置不同的字体大小。宽度越宽，字体越大。然后对原本使用px的地方使用rem来替换。...} }, false); refreshRem(); })(window); 还有一种方法会根据 devicePixelRatio 设定 initial-scale 来放大...viewport，使页面按照物理像素渲染，提升清晰度。
之前有说过使用 Python 使用 XPath 去采集页面数据内容，前段时间参与百度内测的一个号主页展现接口，需要文章页面改造的application/ld+json代码 Python 具体的操作可以看一下之前的文章...：Python爬虫之XPath语法和lxml库的用法以及方便的 Chrome 网页解析工具：XPath Helper 我想过使用 QueryList 的框架去操作，但是因为他大小也算个框架，有点重，还是直接单文件吧...想到了之前写 Python 爬虫时使用的 XPath，PHP 应该也是可以搞的吧 动手就干，先找到对应的 XPath 规则，如下： //script[@type='application/ld+json...DOMXPath 的 query 方法，执行给定的 Xpath 规则，就酱紫~ 针对百度熊掌号新接口请求封装代码可以看一下 Github：sy-records/xzh-curl 总的来说，简单写一个页面的采集还是很简单的...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：PHP 怎么使用 XPath 来采集页面数据内容
这里仅仅介绍使用Maven的插件来自动完成逆向工程操作。...二、操作流程 1、建立简单的Maven项目 在pom.xml文件中添加mybatis-generator-maven-plugin插件。...column="" javaType="" /> --> 3、生成操作 如果你使用的是...--->Goals中输入mybatis-generator:generate命令就可以生成；如果你使用的是IDEA的话，那么直接找到Maven工具栏，直接点击mybatis-generator:generate
Sublime-snippet 简介 在 Sublime 中，可以通过 Sublime-snippet 来快速补全代码。...创建 Submlime-snippet 的方式 在菜单中打开 Tools-> New Snippet 编辑内容 保存 用 Submlime-snippet 来快速做前端页面的方式 制作一个组件演示页面...然后，就可以进行飞速的编码啦~ 推荐 最后，推荐几个，比较好用的 Sublime 的自动补全插件 Emmet 这个大家应该都知道 Bootstrap 3 Snippets 快速生成bootstrap3
/file-smin/test-min.js'); //合并压缩 命令翻译 UglifyJS使用 uglifyjs [ 选项... ] [ 文件 ] 文件参数应该放在选项后面，uglifyjs.../file-src/images'); 使用示例：如果压缩js直接在命令行使用命令即可 uglifyjs jquery-2.1.3.min.js bootstrap.min.js jquery.goup.min.js
所以，正如老蒋准备搭建这个博客一样，用来记录一些常用的技术文档，一来便于自己以后寻找的时候直接复制，二来也可能有机会给有需要的您发现并且使用，这也是使我开心的事情。...不论是使用WORDPRESS还是使用ZBLOG程序，我们能不用插件的时候尽量不用，而且对于ZBP来说很多插件还需要续费，这个比WP就不太友好。...比如在头部标题优化的时候默认的主题和程序可能不是太友好，这里分享一个非插件实现ZBLOG PHP程序页面标题Title的优化。
背景 因为之前的网站是使用Vue开发的，这种前端JavaScript渲染的开发模式，对于搜索引擎来说非常的不友好，没有办法抓取到有效的信息。因此为了进行SEO，我们需要对页面进行一些预渲染。...方案 我们本次方案主要采用的是prerender-spa-plugin这个webpack的插件来实现的。 它的主要原理是启动浏览器，渲染完成后抓取HTML，然后再替换掉原有HTML。...这个事件是需要在代码中自己使用dispatchEvent来触发的，这样自己可以控制预渲染的时机。一般我们都是在最外层的组件的mounted钩子中触发，如果大家有其他需求也可以自己指定。...总结 如果我们需要实现SSG（静态站点生成），那么我们可以使用prerender-spa-plugin这个插件来做，这个插件可以在本地启动chromium来抓取HTML内容，再写回HTML文件中，如我们我们需要对其中的静态资源文件进行处理...，我们可以使用替换的插件，针对处理前后的内容进行替换，来达到我们的诉求。
使用Typecho的伙伴们~Don't worry！使用插件InvitationCode是可以解决这个问题的。...插件下载文章：https://t-t.live/Typechocj/218.html 操作方法 在后台目录/register.php目录下的Email后添加（如果有密码项的请在后面添加） " class="text-l w-100" /> 页面效果
分析 Windows Phone 7和之前的Windows Mobile平台不同，就目前SDK的版本来讲，开发者无法通过API来直接打开、关闭网络连接，比如WiFi、Cellular、蓝牙等设备。...结论 解决的方案就是应用程序中添加弹出连接设置页面的方法，让用户自己来操作。
在使用 WordPress 建站的过程当中，我们经常会用到邮件功能。WordPress 自带了 mail 函数，但用自带的 mail 函数来发送邮件的时候很容易失败或者被拒收。...因此很多人选择使用更方便高效的 SMTP 来发送邮件。很多朋友都是使用插件实现 SMTP 发送邮件，如：WP SMTP 、 WP-Mail-SMTP。...今天我们介绍一下不使用插件来实现 SMTP 发送邮件的方法。
hehe") { // 回复一段音乐 return { type: "music", content: { title: "来段音乐吧..."test1@test" }; } else { // 回复高富帅(图文回复) return [ { title: "你来我家接我吧...VS Code 插件进行本地调试。 ...转 为了完全模拟微信公众号发来的请求信息，我在控制台的日志中，CV 了一份请求信息，并使用 VS Code 插件新增了一个 Api 网关的测试模板。 ? ?...并在 .vscode 文件夹下，新建一个 launch.json，使用快捷键生成了 debugger 的 SCF 的调试配置，并加上了 cwd，指定工作空间。 ?
使用 NG ZORRO 在上一篇文章中，我们已经安装了NG ZORRO，并在跟模块中引入了，在子模块中使用还需要再次引入。...注意这个子模块我们要使用NG ZORRO，所以还是要在子模块中引入。...'*=>UnBubble', [ animate(500, style({ opacity: 0,transform: 'scale(0.5)'})) ]) ]); 在note-list使用中使用...加入动画效果 有动画使用相关疑惑的可以参考我的这篇文章及其相关文章：Angular练习之animations动画 源码下载 思考 angular模块，组件，普通的ts文件之间的关系和区别。...动态路由是如何传值的 页面样式和布局如何优化
由于我们想使用 React 的一些组件来优化用户体验，例如在 Working Hours 里面我们想用 ReactDatepicker 来帮助用户选择日期，于是整个 Working Hours 插件的前端部分都试图用...以至于想到，可以抽象出一套插件的脚手架来帮助有相似需求的同学。...https://github.com/jenkinsci/working-hours-plugin 概述 在以往，我们可以使用 Jelly 来开发 Jenkins 插件的前端部分，同时一些请求可以绑定到对应的类...这就是这个模板的目的，帮助开发者使用 React 来开发一个插件。 同时，有了 React ，我们就可以使用很多基于 React 的库，webpack 也可以帮助我们更安全更高效地使用 js 库。...为你的插件自定义一个页面 比较推荐使用 Management Link, 这会让你的插件有一个独立的页面, 并且可以在系统管理界面 /manage 放置一个入口。
，CollapsingToolbarLayout，Toolbar，TabLayout等，如果你做出这个效果来，那这些控件你就基本掌握了。...CoordinatorLayout通过设置子View的 Behaviors来调度子View。...在AppBarLayout里面的View,通过app:layout_scrollFlags属性来控制,滚动时候的表现。其中有4种Flag的类型。...Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。...TabLayout提供一个水平布局来显示选项卡。TabLayout一般都是配合ViewPager一起来使用。
产品简介 宝塔网站加速 是宝塔面板推出的一款网站加速插件，实测博客类网站加速效果很好。...原理是：在http协议层，对动态页面进行缓存，对需要实时信息及已登录的会话跳出缓存，此技术主要针对匿名访问的用户进行加速响应，以减少应用服务器和数据库的开销。...phpcms, 各类企业站，cms，博客，商城等有最佳加速效果 交互型网站: 如 discuz，HYBBS等效果良好 其它网站: 对纯静态、后台管理系统， 如 各类OA系统，API接口等没有加速的意义 使用教程...： 需要安装这俩个插件 在宝塔里面 【我是阿帕奇环境，所以需要安装Memcached】 只需简单几步，即可完成加速配置 站点加速效果测试 测试工具: https://www.ce8.com/http
对于多模块构建的项目，如何在发布时统一升级项目版本，如果都由人来操作，很容易就漏改某个模块的版本，导致出现问题。本文要介绍的就是使用Maven插件来统一管理这些模块的版本，规范化这一过程。...插件: maven-release-plugin 一、 环境与目标 1....二、 插件介绍 插件: maven-release-plugin 命令: mvn release:prepare: 准备发布版本 检查项目是否有未提交的代码，有的话会报错。...添加release插件支持 org.apache.maven.plugins maven-release-plugin
近期由于受到谷歌退出中国市场的影响，就连之前可以正常使用的翻译 API 也无法使用了。 无奈之下为不影响本站的加载速率，决定暂时关闭谷歌的在线翻译功能。...于是便想到了使用 CSS 的选择器语法来支持，首先定位到这些按钮的父元素上，然后再逐一对子元素（即按钮本身）进行事件注册，这样当某个按钮被删除后也就无须 if 条件判断，同样也不用调整 JS 代码。...结合之前编写 SCSS 代码时的经验，是否可以使用 :first-child 这样的选择器进行排除呢？直接在浏览器终端窗口中使用 JS 语法进行了快速验证，得到的答案是可行的。...相比于 JS 中使用 ID 或名称来定位页面元素的方式，这种使用 CSS 选择器的模式，操作起来会更的加简便和灵活。...看来对于 hugo-theme-next 主题的代码架构评审的工作得加紧啦，毕竟使用的用户也在逐步增长中，得对大家的信赖“负责”才是。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
