拥抱生活，拥抱快乐
生活在后现代的今天，很多人都有一种虚无感，认为人生没有意义。但是，人生不可能没有意义，因为当你认为没有意义的时候，一定有一个与之相对应的概念叫有意义。 当你怀疑人生没有意义时，难道怀疑本身不值得怀疑吗？ 不要任由你内心的虚无感蔓延，我们需要去拥抱真实的生活。 所有真实的快乐，都离不开艰辛的努力，无论是金榜题名的快乐，还是事业成功的喜悦，甚至包括洞房花烛的激动。所有真实的快乐，都需要长久的铺垫与努力，没有辛勤的汗水，快乐也就不再真实。 如果快乐触手可及，这种廉价的快乐也就不值得珍惜，随时都可能抛弃。因此，对于年轻人而言，一个重要的功课就是学会去节制欲望。 所有通过捷径所带来的快乐，都是廉价的，以至于所有追求都变得毫无意义，人生就了无生趣。我们需要在每天真实的努力中去拥抱生活，追寻真实的快乐。 文章摘录自:B站视频《罗翔说刑法》，链接https://b23.tv/K8ulrE 来源：本文导入自 xugaoyi/vuepress-theme-vdoing 的 docs/_posts/随笔/拥抱生活，拥抱快乐.md。原作者：xugaoyi。许可证：MIT。
搜索引擎使用技巧
搜索引擎相信大家经常在使用，但是有时候想搜某个信息时却搜出来一大堆不相关的（百度：你们都在看我干什么？）。下面我们来介绍几种搜索技巧，可以提升搜索效率，助你快速查资料，妈妈再也不担心我的学习了（’妈~我真的是在找学习资料’） 技巧1：排除干扰项方式：关键词1+空格+减号+关键词2，即 关键词1 -关键词2 功能：排除一些不想要的关键词 示例： 1锤子 -锤子手机 示例中将在搜索结果排除与锤子手机相关的，只显示锤子本来的样子。 经过百度搜索的测试，有的关键词能排除掉，有的并不好使 技巧2：精确搜索方式：给关键词加双引号，"关键词" 功能：只搜索引号里的字，少一个字或者把字拆开都不行 示例： 1"达拉不崩吧" 注意是英文的双引号 技巧3：指定网站内搜索方式：site:域名 关键词 功能：只搜索指定域名的内容 示例： 1site:zhihu.com 前端 有一些站内自带的搜索并不好用，可以尝试这个搜索技巧。 技巧4：指定文件格式方式：filetype:文件格式 关键词 示例： 1filetype:avi 你懂的 常见文件格式有doc、pd...
比typeof运算符更准确的类型判断
比typeof运算符更准确的类型判断不同数据类型的Object.prototype.toString方法返回值如下。 数值：返回[object Number]。 字符串：返回[object String]。 布尔值：返回[object Boolean]。 undefined：返回[object Undefined]。 null：返回[object Null]。 数组：返回[object Array]。 arguments 对象：返回[object Arguments]。 函数：返回[object Function]。 Error 对象：返回[object Error]。 Date 对象：返回[object Date]。 RegExp 对象：返回[object RegExp]。 其他对象：返回[object Object]。 这就是说，Object.prototype.toString可以看出一个值到底是什么类型。 12345678Object.prototype.toString.call(2) // "[object Number]"Object.pro...
npm packageJson属性详解
npm package.json属性详解 本文转自https://www.cnblogs.com/tzyy/p/5193811.html，作者：TZYY 概述package.json必须是一个严格的json文件，而不仅仅是js里边的一个对象。其中很多属性可以通过npm-config来生成 namepackage.json中最重要的属性是name和version两个属性，这两个属性是必须要有的，否则模块就无法被安装，这两个属性一起形成了一个npm模块的唯一标识符。模块中内容变更的同时，模块版本也应该一起变化。name属性就是你的模块名称，下面是一些命名规则: name必须小于等于214个字节，包括前缀名称在内（如 xxx/xxxmodule）。 name不能以”_”或”.”开头 不能含有大写字母 name会成为url的一部分，不能含有url非法字符 下面是官网文档的一些建议： 不要使用和node核心模块一样的名称 name中不要含有”js”和”node”。 It’s assumed that it’s js, since you’re writing a...
如何根据系统主题自动响应CSS深色模式
如何根据系统主题自动响应CSS深色模式 很多人喜欢选择APP或网站中的深色模式，也许他们更喜欢这样的外观，或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式，根据访客的系统主题来自动响应。 CSS 深色模式 (Dark Mode)在:root根元素中定义变量来设置主题的颜色。我建议你也这样做，因为这样会使这个过程容易得多。我定义的变量如下: 12345:root { --bg: #fff; --textColor: #004050; --borderColor: rgba(0,0,0,.15);} :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 <html>元素，除了优先级更高之外，与 html 选择器相同。 如果希望在样式表中使用这些变量，可以这样做 123body { color: var(--bg);} 这样，如果你想改变你的主题颜色，所需要做的就是修改你定义的变量，所有使用这个变量的样式都会被更新。 现在我们需要...
JS获取和修改url参数
JS获取和修改url参数获取url参数123456789101112/** * 获取url里的参数 * @param arg 参数名 * @returns */function getURLString(arg) { var reg = new RegExp("(^|&)" + arg + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;} 修改url参数12345678910111213141516171819202122/** * url地址修改 * @param url 待修改url * @param arg 修改的参数名 * @param arg_val 修改的具体值 * @returns {String} ...
从box-sizing属性入手，了解盒子模型
从box-sizing属性入手，了解盒子模型背景先声明一下运用的场景，假如项目布局使用的是自适应的布局方式，div给出的宽度是百分比的形式，即占窗口宽度的100%，但边框border和内边距padding是用像素来表示的，此时就会造成一个问题是div总宽度超过窗口宽度。为了避免这种问题，可以使用属性box-sizing:border-box来把 标准盒模型 变成 代替(IE)盒模型 ，从而使div的总宽度依然是100% 什么是CSS 盒模型?页面布局中，一个元素的外边距（margin）、 边框（border）、内边距（padding）、内容（content）组成一个盒模型。盒模型可分为标准盒模型 和 代替（IE）盒模型。 标准盒模型在标准模型中，如果你给盒设置 width 和 height，实际设置的是内容区域( content box)的宽高。 padding 和 border 再加上设置的宽高一起决定整个盒子的大小。 示例： 1234567.box { width: 100px; height: 50px; margin: 10px; padding: 2...
文字在一行或多行时超出显示省略号
文字在一行或多行时超出显示省略号一行超出显示省略123overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 123456789101112131415```html<html> <div class="box-42b6">演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字演示文字</div></html><style> .box-42b6{ border: 1px solid #999; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }</style> 12345678910## 两行（多行）超出显示省略号```cssoverf...
「布局技巧」图片未加载前自动撑开元素高度
「布局技巧」图片未加载前自动撑开元素高度在移动端开发中，有一些元素是根据图片高度来自动撑开的 ，高度不能写死（如轮播图的外层元素）。在网络较慢的情况下，图片加载需要一些时间，此时该元素的高度没有被撑开，在网页布局上会有一些不想看到的效果。 这种情况我们可以设置如下样式来设置该元素的高度： 123456.wrapper overflow hidden width 100% height 0 padding-bottom 26.66% // 这个数值是图片的高宽比，即 高/宽 background #eee 上面代码中，padding-bottom 的取值是图片的高宽比（即，高/宽），它会根据 width值的26.66%计算，最终元素的高度会和图片加载完成后的高度一致。 也可以使用vw的方法，但在一些浏览器可能有兼容性问题： 1234.wrapper width 100% height 26.66vw background #eee vw，viewpoint width，视窗宽度，1vw=视窗宽度的1% vh，viewpoint heigh...
常用meta整理
常用meta整理<meta> 元素概要meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部。 name author / description / keywords / generator / revised / others 把 content 属性关联到一个name。 content some text 定义用于翻译 content 属性值的格式。 网页相关 申明编码 1<meta charset='utf-8&...
