Learning Path
浏览 开发笔记 相关教程与章节。
社区笔记、经验文章、测验题库与零散教程入口。
教程
1237
以下是一个简单的 CSS 日历代码： HTML 代码： [mycode3 type='html'] CSS 日历 ❮ ❯ August 2016 Mo Tu We Th Fr Sa Su 1 2 3 4 5 6 7 8 9 10 11 ..
1. word-break:break-all; 只对英文起作用，以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用，强制换行 4. white-space:nowrap; 强制不换行，都起作用 5. white-space:nowrap; overflow:hidden; text-overflow:ell..
本章节我们将学习如何使用 CSS 创建导航栏图标。 图标资源用的是 Font Awesome4.7 版本的图标。 Font Awesome 图标教程可以参考：Font Awesome 图标 可以直接引入第三方 CDN 库： 基础 HTML 代码 [mycode3 type='html'] [/mycode3] 水平方向导航栏 实例 [mycode3 type='..
p 标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用 ajax 加载数据之后，p 标签内的内容没有换行，导致布局错乱，于是尝试着使用换行样式，虽然解决了问题，但是并没有发现本质原因，本质在于，我当时获取的数据是一长串的数字，浏览器应该是对数字和英文单词处理方式相近，不会截断。 先给出各种方式，再具体介绍每一个属性。 强制不换行: p { white-space:nowrap; } 自动换..
CSS支持多种单位形式，如百分比、px、pt、rem等，百分比和px是常用的单位，随着移动端和响应式的流行，rem、vh、vw也开始普遍使用。 今天在SegmentFault社区碰到了两个关于百分比计算的问题，一个是在translate中使用百分比的时候，是相对于哪个DOM元素的大小计算的；另外一个是在padding、margin等中使用百分比时，百分比又是怎么转为px的呢？ 对于第一个，移动距离是根据自身元素的大小来计算的： ..
一、position 的四个值：static、relative、absolute、fixed。 绝对定位：absolute 和 fixed 统称为绝对定位 相对定位：relative 默认值：static 二、relative定位与absolute定位的区别 实例： HTML代码： css代码： 初始效果： 1、relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他..
本文为大家介绍如何使用 CSS 创建一个带搜索的导航栏。 以下实例均是响应式的。 可以先看下效果图： 创建一个搜索栏 HTML 代码 [mycode3 type='html'] 主页 关于 联系我们 [/mycode3] CSS 代码 [mycode3 type='css'] /* 在顶部导航栏中添加黑色背景颜色 */ .topnav { overfl..
本章节我们将学习如何使用 CSS 创建搜索框。 图标资源用的是 Font Awesome4.7 版本的图标。 Font Awesome 图标教程可以参考：Font Awesome 图标 可以直接引入第三方 CDN 库： 基础 HTML 代码 搜索表单 HTML 代码 [mycode4 type='html'] [/mycode4] 搜索框 CSS 代码 实例 [mycode3 ty..
当创建的样式表越来越复杂时，一个标签的样式将会受到越来越多的影响，这种影响可能来自周围的标签，也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。 CSS 的继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下面的 HTML 结构： 如果 <div> 有个属性 color: red，则这个属性将被 <p> 继承，即..
在 ChatGPT 问世之前，我们的编码方式很多时候都是面向搜索引擎编码，需要不断地进行搜索，然后复制粘贴，俗称复制粘贴工程师。 但是，随着ChatGPT的出现，这一切将彻底改变。 ChatGPT 是一种基于人工智能的自然语言处理模型，可以根据上下文理解人类语言并生成相应的回复。在编码方面，ChatGPT可以提供准确而详尽的帮助和提示，甚至可以自动生成代码。这种新的编码方式将彻底颠覆以往的编码方式，大大提高编码的效率和准确性，让编码..
所有应用软件之中，数据库可能是最复杂的。 MySQL的手册有3000多页，PostgreSQL的手册有2000多页，Oracle的手册更是比它们相加还要厚。 但是，自己写一个最简单的数据库，做起来并不难。Reddit上面有一个帖子，只用了几百个字，就把原理讲清楚了。下面是我根据这个帖子整理的内容。 一、数据以文本形式保存 第一步，就是将所要保存的数据，写入文本文件。这个文本文件就是你的数据库。 为了方便读取，数据必须分成记录，每一条..
以下使用 PHP 正则表达式来匹配日期格式 'YYYY-MM-DD'： function checkDateFormat($date) { //匹配日期格式 if (preg_match ('/^([0-9]{4})-([0-9]{2})-([0-9]{2})$/', $date, $parts)) { //检测是否为日期 if(check..
随着互联网应用的广泛普及，海量数据的存储和访问成为了系统设计的瓶颈问题。对于一个大型的互联网应用，每天百万级甚至上亿的PV无疑对数据库造成了相当高的负载。对于系统的稳定性和扩展性造成了极大的问题。 一、负载均衡技术 负载均衡集群是由一组相互独立的计算机系统构成，通过常规网络或专用网络进行连接，由路由器衔接在一起，各节点相互协作、共同负载、均衡压力，对客户端来说，整个群集可以视为一台具有超高性能的独立服务器。 1、实现原理 实现数据库的负..
大脑有着无穷无尽的能源，它是如此的迷人，既复杂又强大，大脑有着很多很多的未知数。它好比电脑的CPU指挥着我们做各种各样的事情。本文我们并不是为了解剖大脑，而是通过七大“误区”来解析程序员的大脑是如何编码。 1. Dopamine（多巴胺，一种治脑神经病的药物）一种愉悦的化学物质，能激发大脑修复Bug 误区：Dopamine跟心情愉悦有着莫大的关系，比如是否酗酒、吸毒、赌博或者编码。 事实：Dopamine的作用与报酬的期望值..
一、二进制数转换成十进制数 由二进制数转换成十进制数的基本做法是，把二进制数首先写成加权系数展开式，然后按十进制加法规则求和。这种做法称为'按权相加'法。 例如把二进制数 110.11 转换成十进制数。 二、十进制数转换为二进制数 十进制数转换为二进制数时，由于整数和小数的转换方法不同，所以先将十进制数的整数部分和小数部分分别转换后，再加以合并。 1. 十进制整数转换为二进制整数 十进制整数转换为二进制整数..
概述 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 解构模型 在解构中，有下面两部分参与： 解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 数组模型的解构（Array） 基本 [mycode3 type='js'] let [a, b, c] = [..
委托模式是软件设计模式中的一项基本技巧。在委托模式中，有两个对象参与处理同一个请求，接受请求的对象将请求委托给另一个对象来处理。委托模式是一项基本技巧，许多其他的模式，如状态模式、策略模式、访问者模式本质上是在更特殊的场合采用了委托模式。委托模式使得我们可以用聚合来替代继承，它还使我们可以模拟mixin。 简单的Java例子 在这个例子里，类模拟打印机Printer拥有针式打印机RealPrinter的实例，Printer拥有的方法pr..
今天给大家分享一篇很有趣的文章，原作者是 Medium 上一个国外设计师，介绍了设计师应该如何优雅的装逼！别说，有的方法还真蛮实用！来看看你装过木有，内容还配上了漫画，很有趣。 第一：活用「愉悦」这个词 别人嫌弃你的设计太花哨？动效太繁琐？直接把「愉悦」这个词丢他脸上，还不行就再丢一张马斯洛需求层次的图，妥妥滴！ 第二：能说鸟语就不说人话 虽然设计师的责任是把东西做得易于理解，但是在给客户推销你的设计的时候尽量丢一些专业词汇..
据国外媒体报道，70年后地球上的城市将变成什么模样，法国的艺术家已经开始勾勒未来的城市面貌，在他描绘的情景中城市拥有高耸的摩天大楼，空中有飞行汽车，工业化在未来城市中体现得淋漓尽致。在法国艺术家的想象中，巴黎和纽约已经失去了各种美丽的花园、林荫大道，取而代之的是高大而灰色的摩天大楼，工业化是未来城市的集中体现。 图中显示了工业文明发展到极致的情景，巨大的金属世界“笼罩”着纽约时代广场，似乎未来并不是这样的，但艺术家认为随着工业文明的..
菜鸟教程-桌面进化史：1980——2014..
本章节主要为大家介绍如何判断 JavaScript 对象是否为空？ 我们在进行异步 ( Ajax ) 请求时，有时候会返回一个空对象，如下： var a = {}; 那么我们如何去判断返回到对象是否为空呢？ 方法如下： 实例 [mycode4 type='js'] function isEmpty(obj) { return Object.keys(obj).length === 0; } [/mycode..
我们再次回顾一下在软件开发的发展中非常有名的技术“PHP”（Hypertext Pre-Processor），它是由Rasmus Lerdorf在1995年发明的。开始阶段，PHP只是一个简单的脚本语言，不包含任何的框架，但是随着时间的发展，开发者们加入了很多令人印象深刻的特性，同时开发了许多的框架，也正是由于这些，你可以不必担忧地做出任何网站。下面我们就来具体看看让开发者和组织机构愿意使用PHP开发的真正原因。 容易使用框架编..
菜鸟教程-软件开发全过程，描述得不能再准确了..
项目名: Dify -- 零门槛打造专属 AI 应用 Github 开源地址： https://github.com/nashsu/FreeAskInternet 官方地址：https://dify.ai/zh 中文文档：https://docs.dify.ai/zh-hans 在线使用：https://cloud.dify.ai/ AI 应用..