我花了很多时间试图理解这是如何工作的，以及如何通过现代 CSS（如 :has、size container queries 和 style queries）来改进它。在本文中，我将引导您了解我的思考过程，并分享我在其中所得到的发现。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
设计理念之没有设计就是最好的设计，毕竟本质是写文章的地方，不搞什么二次元花里胡哨的影响阅读的设计，同时尽量实现较高的性能。 PageSpeed Insights 性能报告说 100 分，但是整体资源大小比较大，只能说遗憾。
网站之前一直用的kratos主题，几年的时间，经过不断的瞎折腾，从一点不懂到半知半解，通过各种查找，原主题已经被我改的面目前非，有些地方被我改坏了，也有些被我改的更好了（自以为是），非专业人员，改着改着就出现了很多冗余的代码，经常有朋友留言说网站卡，于是一直想着自己捣鼓一款主题，6月初经常在面板上看到网站负载达到100%，这个想法就更迫切了，看到BD云618搞活动，云服务器新用户只需要30多元一年，自己手中还空着一个域名，于是赶紧入手，安装宝塔面板搭建WP，中间备案耽搁了三天时间。 其实新主题也不是我自己独立完成的，前端基于Bootstrap 5框架，布局参照之前主题，核心php代码部分来自之前主题的，还有些是根据自己想到的功能在网上查找的，但不管是php代码，还是html和CSS代码，相比原来的主题，精简了非常多，当然，因为技术有限，也并非是一款完美的主题，如有大神路过勿喷，欢迎批评指教，在此先行谢过。 第一次做主题，也没想到好的主题名字，既然是6月份所作，就暂时命名June吧。主题是否有亮点大家自行寻找吧！因为是自用，所有的功能和样式都是根据自己喜好折腾的。
打开 https://ckeditor.com/cke4/builder 选择自己的样式后，下载后解压到 static 目录 （解压后有很多文件，全部都要；部署到正式环境要先 collectstatic）
肚子疼，早上不到5点就醒了，上完厕所后，肚子仍然不舒服，无限放屁，不是昨天吃坏了就是着凉了，东北现在晚上还是有点凉的。
简书地址：https://www.jianshu.com/u/40ac87350697
那么我们作为模板的作者，如果要写这部分的样式，就必须根据他的class来写样式； 但是如果我用的是前端框架，框架已经内置好了一些表单样式，我们为什么不用呢？ 因为typecho默认的结构，无法套用，所以就有了这篇文章。
前端开发市场仍然有着大量的需求。我们知道前端开发应用是很广泛的，这些公司都有前端开发岗位，并且薪资也不低。除了互联网公司，传统公司想要连接互联网，同样离不开前端工程师。而随着H5、微信小程序、各类APP的发展，对于前端的需求将一直上涨。所以总的来说，前端开发行业仍然有羹可分。并且营养丰富。
TailwindCSS 发布了 3.0， 功能也越来越好用，那么是否有与之相关的组件库呢 ？ 每个项目都有 awesome ，TailwindCSS 也有 awesome-tailwindcss, 你可以在这里找到插件、工具、 组件资源库、以及脚手架和学习资源。但上面的资源太多了，下面是我将推荐我个人认为比较好用的资源。
将 效果图片拖动 到 Adobe Fireworks 中 , 使用 切片工具 分析盒子模型 :
以前一直想换一个简洁大方不花哨的博客主题，Typecho 默认主题显得太简陋了一点。用过一段时间的 cho 的 Maupassant 和 Navy 主题，不久之后我便开始审美疲劳了，后来有一天我在 v2ex 上看到了IIssNan 分享了他的 Next 主题 ，看到它的第一眼我就喜欢上了。似乎有那么一种“这就是我要的滑板鞋”的既视感，只可惜它只能用在 Hexo 上。后来 IIssNan 发布了这个主题的另外一个样式：Mist Scheme（就是本站现在用的的这个）感觉它似乎更加地适合我。
很多人干IT这一行都冲着“收入高”这一点来的，因为只要学会一点HTML、DIV+CSS就可以做开发，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容易找到工作，收入比普通的工作还要高一些，所以成为了很多高校毕业生的选择。
Gayhub https://github.com/HelipengTony/tony 环境要求 WordPress 4.4+ WordPress REST API 非默认固定链接格式(推荐使用/%post_id%) WordPress 伪静态 安装指南 git clone git@github.com:HelipengTony/tony.git WordPress 后台「主题」栏目 -> 上传主题 -> 启用主题 WordPress Themes 文件夹新建文件夹，并上传所有文件 反馈交♂流 QQ 群：4
wxParse是将html格式的富文本内容转换成小程序可展示的内容的组件，在框架搭建那一篇文章中有提到。
使用html()相当于原生javascript的innerHtml，即可以获取元素的之间的html内容，还可以创建新的html元素。
Waline 的初始化挂载器。必须是一个有效的 CSS 选择器 或 HTMLELement 对象。
HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。
米扑博客，为了区别管理员与游客或用户的评论或评论回复，显示博主身份是必要的。 本文原文，请见米扑博客： WordPress管理员评论回复添加标注Admin印章 例如：米扑博客 - 关于 WordPre
Web开发是一个很依赖经验的领域，然而这对初学者很不友好。 知识一旦脱离了应用场景就会变得晦涩、空洞，且知识本身也满足“二八定律”，“抓大放小”是提高学习效率的关键。 下文向大家介绍了HTML和CSS之间的关系。内容选自《HTML 5与CSS 3核心技法（全彩）》一书。本书主线清晰，讲解简洁，并提供在线效果演示效果，非常适合小白上手！ 1 HTML是骨架 很难想象一个人在桌前对着一块砧板坐一夜，隔一会儿就噼里啪啦敲几下，一会儿哭一会儿笑，是一种什么景象。事实上，在猫眼中我们就是这样的。只不过我们面对的是
花了一点时间废寝忘食的把博客整理到了能看的地步，原来那样丑丑的界面已经是历史了。 然后我希望来看的同学也能少走许多弯路，这样子对大家都很好不是吗？ 所以呢，我就把这几天参考的网页罗列了一下，我会标注我页面上的哪些效果是看的哪些，以后如果闲得慌我会根据这个把它们整理成一篇关于next主题的美化教程。
在做一个对比的时候，页面限制有点窄，使用 Bootstrap table 的时候，内容超出居然不换行，全是按照一行显示
应用层的开发就是这样，要深入学习、了解技术栈中接口的主要功能及具体参数要求，了解边界在哪里，知道哪些能做，哪些不能做，这样在开发功能时才能得心应手，遇到问题时才能想到问题可能出在哪里。
1.2 单标记和双标记 1.单标记：空标记，就是没有结束标记的称之为单标记。 语法：水平线标记： 换行标记: 2.双标记：体标，就是这个标记有开始和结束 语法：和 1.3.文本控制和文本样式标记 1.段落标记和换行标记 段落标记：段落与段落之间会自动换行 2.文本样式标记内容 常用的属性： face用来描述字体的样式 Size用来描述字体的大小，最大取值为7 Color用来描述字体的颜色，取值三种形式： *用英文单词来表示：red,green,blue *使用十六进制的数据表示:#ff0000 *使用RGB三原色表示：RGB(255,255,0) 3.其他标记 标题标记：,---------- 字体样式标记:字体加粗字体倾斜字体下划线 4.图像标记： 1.图像标记：在网页上引入图片 语法： 常用的属性：src用来引入图片 width用来描述图片的宽度 height用来描述图片的高度 border用来描述图片的边框 注意：图片的路径分为绝对路径和相对路径（同级目录，上级目录，下级目录） 注释标记：<!—图像标记–>，注释标记的内容不回显示在网页上面 ****html描述网页的语言，并不是很严谨的语言，html标记通过被浏览器解析，展示特定的效果。 5.表格标记： 1.表格的作用：将数据更加有条理的显示出来；用来规划网页 2.语法：
在上一篇文章《 免插件仅代码实现WordPress评论回复邮件 》中Jeff 提供了三种回复邮件样式类型。在你将需要的类型实现后，如果去测试一下，你会发现邮件的样式不怎么好看，甚至是丑陋的。如果你的网站访客收到如此千篇一律的单调邮件，他是否有兴趣再去你的网站上踩踩呢？有没有方法可以美化一下呢？ 注意到《 免插件仅代码实现WordPress评论回复邮件 》的诸如 <div style="background-color:#eef2fa; border:1px solid #d8e3e8; color:#111
Java Web的学习是需要一定的计算机基础的，主要有前端基础和Java基础和一定的网络基础，这些基础知识还是需要掌握到一定的程度的。
最近在教授前端小白学员编写一些简单的网页。在这个过程中发现了小白们比较容易遇到的一些问题或者坏习惯，在这里对它们进行一一解释。
上一节3-9为单页应用生成HTML中只生成了一个 HTML 文件，但在实际应用中一个完整的系统不会把所有的功能都做到一个网页中，因为这会导致这个网页性能不佳。 实际的做法是按照功能模块划分成多个单页应用，每个单页应用生成一个 HTML 文件。并且随着业务的发展更多的单页应用可能会逐渐被加入到项目中去。
实现效果：当鼠标移到不同的一级菜单，会显示相应的二级菜单，鼠标移走，二级菜单消失。
├── assets │ ├── audio // 鼠标划上去的音效文件 │ ├── background // 动态背景文件 │ ├── css // 主题样式目录 │ │ └── joe.min.scss // 全局样式文件，优先PC端 │ │ └── joe.responsive.min.scss // 自适应样式文件 │ │ └── joe.setting.min.scss // 后台外观设置的样式文件 │ │ └── OwO.min.scss // 评论
本文主要讲解了如何利用Webpack构建一个单页应用程序，并通过代码示例讲解了如何配置Webpack和构建单页应用程序。同时，还介绍了如何使用AutoWebPlugin插件简化Webpack配置，以及利用插件生成单页应用程序的代码。
我一想，对吼，我咋个就没想到呢，传统的hexo博客大多采用在文末放置评论区的方式，这样如果是在阅读长文的时候，突然有个问题了，然后想在评论区提问或者在评论区找答案，那就要拉倒最底下评论完再回来继续看。或者就是全文看完了才方便提问。不管是哪一种，都会造成阅读的割裂感，这种时候，如果可以保留当前的阅读进度，同时还能打开评论区同步阅读评论，岂不美哉？
SM.MS图床外链小工具插件，是小文博客独自开发的图床插件，用于WordPress博客添加图床上传小工具以及评论框处添加上传图片按钮。
本篇文章我将介绍如何去更好的了解使用 Akina for Typecho 模板，感受它独特的灵魂和魅力。
轻量级的博客程序Typecho，还有一个很舒适的体验，那就是支持Markdown语法，不论是在文章或是评论中。这篇文章主要是说明如何在博客中使用Markdown写作以及如何在评论中使用Markdown语法。
在此之前我们已经编写了 Blog 的首页视图，并且配置了 URL 和模板，让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。不过我们仅仅在首页返回了一句话：欢迎访问我的博客。这是个 Hello World 级别的视图函数，我们需要编写真正的首页视图函数，当用户访问我们的博客首页时，他将看到我们发表的博客文章列表，就像 演示项目 里展示的这样。 首页视图函数 上一节我们阐明了 Django 的开发流程。即首先配置 URL，把 URL 和相应的视图函数绑定，一般写在 urls.py
1，required属性 – 表示字段不能为空 （注意：只有用户单击“提交”按钮提交表单的时候，浏览器才会执行验证。目前HTML5不支持指定验证的时间，而且验证消息的样式和内容各个浏览器不大一样，不能修改。） 原文:HTML5 – 表单客户端验证
Typecho主题的制作并不难，(以下称模板)只要写好了HTML和CSS，嵌套模板就非常简单了，无需了解标签的内部结构，只要会使用，就能迅速完成模板。
本节主要讲解详情页的页面布局和css样式，以及从主页面到详情页面的跳转问题。 1. 详情页面的布局 页面布局的话，我还是习惯先把静态页面做出来，确保没问题了，然后再跟后台对接。 在实际的开发过程中，静态页面一般是美工或者前端工程师负责，后台工程师主要关心如何把Java层的数据贴到静态页面。（虽然我经历的几个公司都是自己一个人全包了。。。） 之前我已经把我个人绘制静态页面的过程，还有自己的思路写出来了，所以从本节开始，我不会再写得那么详细，而是根据页面效果来简明扼要地介绍一下。 我绘制页面的一般流程，就是先在
经常在各大论坛或新闻板块详情页面下边看到评论功能，当然不单单是直接发表评论内容那么简单，可以对别人的评论进行回复，别人又可以对你的回复再次评论或回复，如此反复，理论上可以说是没有休止，从技术角度分析很容易想到运用无限级分类技术存储数据，运用递归获取评论层级结构数据，运用ajax实现评论页面交互，这里用thinkphp框架做个简单的demo练练手，为了简化流程这里第三级评论开始停止回复，当然只要在这个基础上稍作修改就可以实现无限回复功能，主要是view层样式修改较麻烦，需花些时间。
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第七章 HTML网页中的布局元素 案例 07-01 网页头部和底部的布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <
网上有不少相关的帖子，不过版本会比较旧，而不同版本可能存在代码不同的问题，不过大部分还是大同小异，本系列就不啰嗦重复了，基本只会按照本人所使用的版本以及个人所使用到的内容来进行介绍。
1、下拉刷新和上拉加载我用的是 mescroll.js (自带图像懒加载，官方网站有详细使用说明文档) 实现的思路是自定义下啦样式，当下拉的时候图像不停旋转同时向下移动,几秒后向上移动消失在顶部。
今年的七夕节马上就要来了！给女友送花送巧克力是不是太普通了呢？程序员给人的刻板印象是不懂浪漫的钢铁直男，扭转的时刻到了！用H5技术给自己的女友或心仪的人一个惊喜怎么样？手掌地图表白视频你值得拥有。先来看效果。
发布于 2018-05-19 13:42 更新于 2018-08-12 06:50
Django 的好处就是大而全，不仅内置了 ORM、表单、模板引擎、用户系统等，而且第三方应用的生态也是十分完善，开发中大部分常见的功能都能找到对应的第三方实现。在这里给大家推荐 10 个十分优秀的 Django 第三方库（GitHub 星星数基本都在 1000 以上，而且都在持续维护与更新中）。虽然这些库很适合用于社交网站的开发，但也有很大一部分是通用的，可以用于任何用 Django 开发的项目。使用这些库将大大提高开发效率和生产力。 django-model-utils 简介：Django model
之前换了主题以后，重新给文章增加了点赞功能。 那么又如何给每一条评论都增加点赞功能呢？参考了以下两篇文章后，重新做了调整。增加cookie，防止重复点赞。
一个多月没有写博客了，最近也弄一个基于JQ的树状菜单控件，在此分享给大家。另外呢，通过这个例子分享一下怎么写JQ控件的。
入职实习的这个公司，第一天就分配了任务。从零開始写一个网页。之前尽管了解一些前端知识。但从头开写还是遇到了非常多问题，互联网公司讲求效率，有deadline还是比較有紧迫感的，与在实验室放羊状态有了鲜明的对照。mentor、产品经理、组里的boss、实习生同事都给我提供了非常多的帮助。此篇总结为独立完毕的第一个项目的项目总结。
有时候,我们想让我们的网站博客更加顺畅,用户体验更好,可以结合一些第三方的插件,开箱即用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
