腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

DeveWork

https://devework.com

专栏作者

265

文章

449762

阅读量

55

订阅数

《众妙之门：JavaScript 与 jQuery 技术精粹》部分要点摘录

html javascript jquery

以下内容来自于《众妙之门：JavaScript 与 jQuery 技术精粹》一书，为本人在阅读的时候感觉有必要记录的地方记录而来。三重标记法 var d; if(x < 200){ d =

2018-01-22

7160

WordPress 中变量$allowedposttags 添加自定义HTML属性

wordpress html php

在使用Options Framework 的时候，发现如果输入的textarea 如果是HTML 代码，一些标签的属性会被过滤（比如说date-*）属性。查看了下Options Framework 过滤的代码用了$allowedposttags 这个全局变量。 $allowedposttags 其实是WordPress 的全局变量，位于 wp-includes/kses.php 文件。那么如果我想为这个$allowedposttags 添加自定义HTML属性该如何操作，下面有一个例子： /*添加data-*

2018-01-22

1.5K0

WooCommerce 自定义商品价格显示HTML结构

html php wordpress

WooCommerce 虽然有中文本地化支持，但整个插件本身是按照欧美人的习惯去开发的，一些细节上不可能做到各个国家或地区的用户满意。下面就用一个例子抛砖引玉，自定义商品价格显示HTML结构。默认的话，WooCommerce 输出商品价格显示HTML结构是这样的（当商品本身设置了一般价格与优惠价）： <a href=""> <span class="onsale">促销中</span> <img src="xxxx.png"> <h3>商品名称</h3> <span class="price"><del>

2018-01-22

1.3K0

移动Web 开发中的一些前端知识收集汇总

ios html 网站

在开发DeveMobile 与EaseMobile 主题的时候积累了一些移动Web 开发的前端知识，本着记录总结的目的，特写这篇文章备忘一下。要说移动Web 开发与传统的PC 端开发，感觉也没什么不同，但得益于苹果对于智能机的推动，CSS3+HTML5几乎可以毫无顾忌的使用，然后浏览器端考虑webkit内核的就差不多了。 webkit内核中一些私有的meta标签 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="vi

2018-01-19

3.8K0

响应式 HTML 邮件制作之三个实例

制作HTML 邮件并不是想象中的那么简单，不仅仅要考虑到兼容各大的邮箱的问题，加之安全因素（比如图片可能是默认不打开的，javascript 没有戏了），现在又随着移动互联网时代，还要考虑到不同设备的

2018-01-19

2.5K0

Web 前端利器Emmet 的CSS 用法总结

承接上文《Web 前端利器Emmet 的HTML用法总结》，这篇主要是Emmet 的 html的好基友——CSS 的用法。原文来自tutsplus，由w3cplus 翻译，感谢所有原作者。属性 CS

2018-01-19

7020

Web 前端利器Emmet 的HTML用法总结

在tutsplus 那里看到一篇文章介绍Emmet 的用法，形象的gif图片一目了然，本来想翻译过来的（虽然翻译用法倒不是很难），但搜索发现已经有国人翻译过了，遂直接拿来转载在这里。 Emmet 简介 Emmet插件以前被称作为Zen Coding，是一个文本编辑器的插件，它可以帮助您快速编写HTML和CSS代码，从而加速Web前端开发。安装Emmet 插件 Emmet只是文本编辑器一个插件，要想让他发挥应用的功能，就得将其安装到你喜欢的文本编辑器中。到目前为止，很多流行的文本编辑器都支持Emmet插件，

2018-01-19

1.4K0

Normalize.css ——CSS Reset的友好替代品

最近才第一次接触这个Normalize.css，之前Jeff 都是采用CSS Reset的，但如今发现现在流行这个Normalize.css 了。自己也查阅了不少资料去了解，现在权当是笔记放在这里吧。 Normalize.css 简介官方网站：http://necolas.github.io/normalize.css/ 浏览器支持情况：Chrome, Firefox, Opera, Safari 6+, IE 8+ Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的

2018-01-19

2.1K0

Ionic：高级的 HTML5 移动APP（Web App）开发框架

Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的混合APP 开发框架，采用 Sass与AngularJS 开发。目前，Ionic 仍然处于临测试状态（ alpha ）。相信未来

2018-01-19

2.9K0

WordPress 编辑器快捷键——让写作来得更方便些吧！

wordpress markdown html

偶然在网络上看到的，所以转载在本站DeveWork.com 。这个是默认编辑器的快捷键，也很好记，有了这个，就能更加方便进行写作了。据说现在Markdown 语言超级流行流行的，但实在是不能割舍啊。文字加粗：Ctrl + B 文字斜体：Ctrl + I 文字删除线：Alt + Shift + D 下划线：Ctrl + U 非序号列表：Alt + Shift + U 序号式列表：Alt + Shift + O 引用文段：Alt + Shift + Q 左对齐：Alt + Shift + L 居中：Alt

2018-01-19

1K0

WordPress.com 宣布支持Markdown 语言

wordpress markdown html

WordPress.com （在天朝是木有的东西）团队19日在其官方博客中宣布WordPress 已支持Markdown ——一种轻量级标记语言。Markdown允许人们“使用易读易写的纯文本格式编写

2018-01-19

7570

在链接前面自动添加favicon 图标（jquery）

jquery wordpress api html

相信你在一些网站上看过类似的东东，就是在一个可点击外链左侧，会有一个目标链接网站的favicon 图标。这一个小小的设置可能对提升用户体验有不少帮助，一些WordPress 站点也利用这个来做“友情链接”页面。下面介绍一下实现的方法，只要是jquery 的运用+一个获取网站favicon 图标的接口（api）。演示首先还是给个demo 先：传送门教程先献上代码： html： <a href=http://Devework.com>Devework</a> <a href=http://www.

2018-01-19

1.3K0

分享本站右侧 “类Metro风格侧边栏” 的实现方法

本站DeveWork.com 右侧边栏有个“类Metro风格侧边栏”的小工具，半年前的时候微软所带来的“Metro风格”（也叫Modern 风格、Windows UI）还挺流行，因此当初在设计这个主题的时候想着运用一下。具体实现的起来也不是很难，CSS 热点+CSS Sprite 技术，纯CSS+Html。具体见下文。实现原理简介 CSS 图片热点（热区）：大概就是通过CSS 分隔整张图片为多个区域，为之热点（hotspot），不同区域链接到不同网址。 CSS Sprite：中文翻译为“CSS 雪碧、CS

2018-01-19

1K0

Web 前端性能优化相关内容解析

css javascript 缓存 http html

Web 前端性能优化相关内容，来源于《Google官方网页载入速度检测工具PageSpeed Insights 使用教程》一文中PageSpeed Insights 的相关说明。大家可以对照着去优化自己的网站或者相关项目。本文由Jeff 整理。 0.提高服务器的响应速度砸钱的东西，但却最根本；搞好这一项，甚比下面任何一项。 1.优化样式表和脚本的排列顺序正确地排列外部样式表与外部和内嵌脚本的顺序，可增加下载时同时加载的数据量，并提高浏览器显示网页的速度。将样式表放在顶部，将脚本放在底部 2.使用浏览器

2018-01-19

2K0

Google Chrome 浏览器开发者工具使用教程

css html html5 http

对于Chrome 浏览器，除了占用内存的缺点，其他都很不错。对于Chrome 浏览器的开发者工具，Jeff 除了Elements、Resources、Network、Console这四个标签页用得比较多外，其他的都甚少理解。今天偶然看到一篇Chrome 浏览器开发者工具的使用教程，感觉不错，顺便转载在这里，感谢原作者的辛苦劳动。作为一个Web开发人员，除了上面的原因以外，与我们开发相关的，就是Chrome的开发者工具。而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Firebug要好用

2018-01-19

4.6K0

WordPress 注册页面显示自定义提示信息

wordpress php html

如果你的WordPress 网站是多用户网站，那么在提供给用户注册的时候，可以自定义一些提示信息，比如说网站协议、版权声明之类的。把下面的代码放到主题的functions.php 文件中： add_action('register_form', 'register_message'); function register_message() { $html = ' <div style="margin:10px 0;border:1px solid #e5e5e5;padding:10px"

2018-01-19

8270

为 WordPress 后台管理菜单自定义排序

wordpress php .net html

在对WordPress 进行二次开发时候，可能需要对 WordPress 后台管理菜单自定义排序，后台管理菜单默认的顺序是文章-多媒体-页面-评论-外观……；还是通过添加过滤器的方法可以进行自定义菜单管理的顺序。 function custom_menu_order($menu_ord) { if (!$menu_ord) return true; return array( 'index.php', // “仪表盘”菜单 'edit-comments.php', //“评论”菜单 'upload.php'

2018-01-19

1.1K0

为WordPress 后台编辑器文本模式（HTML模式）添加按钮

wordpress html php

今天为各位带来在WordPress 后台编辑器文本模式（HTML模式）添加自定义按钮的方法，这个的话如果使用S-shortcodes 短代码插件的可能有接触，因为在最新版已经集成了。文本模式（HTML模式）添加按钮是为了更加方便地进行写作，特别是像Jeff 这种习惯在文本模式（HTML模式）下写文章的博主。之前分享过的一篇文章《WordPress自带TinyMCE编辑器相关功能增强》也大致有介绍，今天在这里则更加细致说明方法并给出多个实例。为WordPress 后台编辑器文本模式（HTML模式）添加按钮教

2018-01-19

2.3K0

删除 WordPress 导航菜单的多余 CSS 选择器（id或class）

wordpress html php

在默认情况下，WordPress 的导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成的CSS 选择器，无疑，对于一些人来说，这些选择器导致整个html 格式变得难看，看着碍眼的东西最好是将它去掉，之前Jeff 也曾有过一篇类似的文章《删除 WordPress 导航菜单的多余 CSS 选择器》，今天则介绍个通过添加过滤器来删除 WordPress 导航菜单的多余 CSS 选择器（id或class）的新方

2018-01-19

1.5K0

WordPress 路径相关函数总结（三）：插件路径相关函数

wordpress php html

上一篇文章是《WordPress 路径相关函数总结（二）：主题路径相关函数》，今天这一篇则是针对WordPress 插件的函数，对于开发WordPress 插件的开发者很有帮助；之前在更新S-shortcodes v2.1.0 版本的时候就是采用了下面其中一个函数才完美解决路径的问题。 plugins_url() 获取当前插件的目录的URI，例如一个插件位于/wp-content/plugins/myplugin下，该目录下放有插件的主文件名为myplugin.php，在myplugin.php中执行下面的

2018-01-19

7820

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态