个人笔记
关注
分享
扫一扫
文章平均质量分 62
深海蓝山的博客
没有最好的时刻，最好的时刻就是现在……
展开
-
《野史未必假》王磊
王磊的《野史未必假》是一部聚焦中国历史上自三皇五帝至明清时期的22个著名野史传闻的著作。该书通过史料分析、逻辑推理和情景再现，试图揭示这些传闻背后的历史真相，带领读者深入了解中国古代历史的复杂性和多面性。原创 2025-04-06 23:34:28 · 578 阅读 · 0 评论 -
乡土中国--农村和城市生态的区别
费孝通在《乡土中国》中提出的核心概念（如“差序格局”“礼治秩序”“熟人社会”等），深刻揭示了中国传统农村社会的运行逻辑。与之相比，现代城市生态则呈现出截然不同的特征。这种差异的形成既受经济基础影响，也与社会结构、文化传统变迁密切相关。原创 2025-03-30 14:30:35 · 950 阅读 · 0 评论 -
好书推荐--《强者思维》作者：陈宇
什么是“强者思维”？所谓强者思维，并非让我们用“努力”去对抗这个世界，而是发现并且遵循这个世界的客观规律，顺应趋势，借势而起。 本书引导读者不断逼近问题的本质，清醒地解决所有问题： 如何应对焦虑和痛苦，活得更通透；如何读懂人心，洞悉人性；如何理解财富的真相，用强大的思维能力实现轻松变现…… 重塑底层思维模式，拥有更强大的人生。原创 2025-03-02 11:25:20 · 973 阅读 · 0 评论 -
向上管理的必要性
向上管理的核心理念是通过主动沟通、信息分享、明确期望、提供解决方案等方式，来获取上级的支持与信任，从而更好地完成工作任务，推动职业发展。原创 2025-02-02 11:53:38 · 414 阅读 · 0 评论 -
2025乙巳年农历初一，随感
有的人走着走着就散了，虽着年龄的增长，联系的人越来越少了。简单回顾了一下24年，今年的闲余时间主要在花在了得道、微信读书和京东读书上，有收获也有遗憾。2025年春节因事留京过年，今年难得把春晚看完了，也许是因为人少的原因，但更多是今年的节目形式确实有别于往年，所以感觉很不错。一路从走来，不同的阶段，认识了不同的人，从远到近，又从近到远。原创 2025-01-29 19:53:30 · 218 阅读 · 0 评论 -
好书推荐《被讨厌的勇气》
《被讨厌的勇气》讲的是奥地利精神病学家阿尔弗雷德·阿德勒的思想，一般称为阿德勒心理学，电子书归类上也划分到了心理学，但是单从《被被讨厌的勇气》这本书来看，阿德勒的学说应该属于哲学。《被讨厌的勇气》是一本对话录，书中用一个青年和一个哲人之间的对话来一步步的阐述和展开作者的思想观。我们从书中两个主人公的称谓上也可以看出来有别于其他心理学术，书中使用“哲人”，而非“心理医生”或“导师”。原创 2024-08-04 21:28:07 · 1251 阅读 · 0 评论 -
幸福的人，一生被童年治愈。不幸的人，一生都在治愈童年。
刚读完《蛤蟆先生去看心理医生》，看介绍是一部心理学著作，而且推荐度偏高。读完才发现，是关于童年和内心成长的探索。之前看到一句话“幸福的人，一生被童年治愈。不幸的人，一生都在治愈童年”。可见童年对一个的影响是巨大的，虽然我们不能决定自己的童年，但幸运的是，我们可以改变孩子的童年，最大程度上让孩子度过一个快乐有爱的童年。原创 2024-06-08 22:34:22 · 758 阅读 · 0 评论 -
在不确定的环境中，把自己变成确定性
如何在不确定的环境中，把自己变成确定性？你知道一定会发生的，叫确定性。确定性，让人感觉安全。不一定会发生，但你知道概率的，叫风险。风险，让人感觉焦虑。连概率都不知道的，才叫不确定性。不确定性，让人感觉失控。原创 2024-05-26 02:17:56 · 940 阅读 · 0 评论 -
《生命的礼物》欧文·亚隆和玛丽莲·亚隆
《生命的礼物》深刻探讨了生命、死亡、爱与存在的意义，欧文·亚隆在书中提到，一个人只有直面死亡，才能找到人生的意义。他通过自己和妻子的经历，告诉读者唯有活得充实，才能死得坦然。原创 2024-05-21 23:11:16 · 354 阅读 · 0 评论 -
《二把手》与职场之道
《二把手》是一部由唐达天创作的官场小说，虽然当成小说看，但里面有很多富有哲理的句子，对于我们在工作中处理上下级、同级的关系，也有一定的适用道理。原创 2024-05-19 21:26:45 · 336 阅读 · 0 评论 -
《认知觉醒》阅读记录
《认知觉醒》是一本关于个人成长和自我提升的书籍，通过“大脑构造、潜意识、元认知”等思维规律，帮助读者真正看清自己，并通过“深度学习、关联、反馈”等事物规律。原创 2024-05-12 20:06:40 · 1188 阅读 · 1 评论 -
vue中 process.env与process.VUE_CLI_SERVICE
vue环境变更的设置与使用原创 2023-05-19 16:23:49 · 723 阅读 · 0 评论 -
通过ppt制作圆形图标及自定义形状图形制作
通过ppt制作各种形状的图版或图标原创 2023-04-26 15:28:06 · 1854 阅读 · 0 评论 -
用el-input实现金额编辑组件
用el-input实现金额编辑组件，支持格式化、自定义前缀、后缀、千分位设置，结合sync修饰符，实现自定义组件的v-model效果原创 2022-03-01 23:27:27 · 2383 阅读 · 1 评论 -
2022年1月苏州之行
城市的区别变得微弱，到了苏州市，除了时不时的河流和大大小小的桥，让我感觉到是在苏州外，高高低低的楼式建筑反而看不出和北京的区别原创 2022-01-12 16:15:39 · 223 阅读 · 0 评论 -
前端基础知识点梳理
最近在招聘前端web开发人员，第一面电话面试，然后进行复试及人力资源的相关流程。所以第一面电话面试其实很关键，直接决定着候选人是否可以进行复试及后续流程，前端知识很广很泛，从基础知识css、js、jquery到框架Vue/React，以及前端工程化、性能优化等知识面太宽。那么问题来了，如何才能在短短的30分钟左右，高效而又客观的了解应聘人是否和要招聘的岗位和技术相匹配。无论前端框架如何发展，其核心都脱离不了前端基础知识的范畴，扎实的基础知识是成为高级前端的必备基础，也是后期深入提升和看源码的知识支撑，只原创 2021-03-25 23:17:59 · 231 阅读 · 0 评论 -
用setTimeout模拟setInterval定时器
1.setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器var timerId = setTimeout(func|code, delay);clearTimeout(timerId);//取消定时器setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码，第二个参数delay是推迟执行的毫秒数2.setInterval()setInt原创 2020-10-14 18:07:28 · 2328 阅读 · 0 评论 -
在浏览器的标签页显示网站标志图标
一、在浏览器的标签页显示网站标志图标我们通常希望将浏览器里的Tab选项卡的图标换成自己网站的logo图片，这样看起来更真实和有信任感，可以在<head></head>中添加linkrel="shortcuticon"为网页标题添加标志图标，<head> 1：<link rel="shortcut icon" href="图片地址" />2：<link rel="icon" href="图片地址" type="image/gif" /&g..原创 2021-01-20 11:57:17 · 3267 阅读 · 0 评论 -
HTML5 拖放（Drag 和 Drop）示例
拖放（Drag 和 drop）是 HTML5 标准的组成部分拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放注意：为了让元素可拖动，需要使用 HTML5draggable属性。提示：链接和图片默认是可拖动的，不需要 draggable 属性。在拖放的过程中会触发以下事件：在拖动目标上触发事件(源元素): ondragstart- 用户开始拖动元素时触发 ondrag- 元素正在拖动时触发 ...原创 2020-11-17 10:34:34 · 474 阅读 · 0 评论 -
图片裁剪cropper 示例
头像上传时需要进行裁剪上传，可使用<inputtype="file">进行图片选择，然后结合cropper进行裁剪，裁剪结果是图片的base64格式，然后把结果上传到服务器就可以了详情参数可参考：https://github.com/fengyuanchen/cropperjs需求引入相关js和CSS：https://cdn.bootcdn.net/ajax/libs/cropperjs/1.5.9/cropper.min.csshttps://cdn.bootcdn.net/.原创 2020-11-09 16:27:12 · 528 阅读 · 0 评论 -
Promise对象与宏任务、微任务
Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。setTimeout(function() { console.log(1);}, 0);new Promise(function (resolve...原创 2020-10-16 11:16:06 · 7833 阅读 · 0 评论 -
outline和box-shadow实现外轮廓圆角高光效果
outline的属性和border很相似，可以实现元素高光或外轮廓透亮效果，但是没有圆角效果，可以使用box-shadow模拟outline的圆角效果outline定义和用法outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。注释：轮廓线不会占据空间，也不一定是矩形。outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-color outline-style outline-widthbox.原创 2020-09-01 10:34:33 · 1323 阅读 · 0 评论 -
iframe嵌套其它网站页面 全屏设置
今天在使用iframe时，发现嵌套页面中有个【全屏】功能，不好使，查了一下，发现iframe还有1个属性allowfullscreen设置，可以设置是否支持全屏，默认是false，现在把iframe的基础属性整理一下。iframe基本属性通常我们使用iframe主要设置src,宽、高，是否滚动，其实有一些不常用的属性<iframe src="https://www.baidu.com" frameborder="0" width="80%" height="500px"><.原创 2020-08-31 18:08:18 · 13905 阅读 · 1 评论 -
npm的nexus私服 E401 E500错误处理记录
用nexus搭建的npm本地仓库，在发布时报 npmERR!codeE401,原因是没有基础权限，需要登录，用帐号登录时又报E500错误，从网上查了一下，资源比较少，而且基本重复，现把问题记录一下，以方便后期有相同问题的伙伴作参考npm E401npm publish时，错误详情如下：npm ERR! code E401npm ERR! Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manag...原创 2020-07-16 16:33:21 · 14346 阅读 · 4 评论 -
前端在线文档整理
前端常用文档及CSSSASS：https://www.sass.hk/JS工具npm中文文档：https://www.npmjs.cn/变更命名：https://unbug.github.io/codelf/前端笔记前端入门与进阶：https://github.com/qianguyihao/WebES6概述：https://juejin.im/po...原创 2020-03-31 14:30:51 · 815 阅读 · 0 评论 -
CSS-浮动、清除浮动、margin塌陷
CSS基础行内元素和块级元素的区别：行内元素：与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。块级元素：霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。行内元素和块级元素的分类：在以前的HTML知识中，我们已经将标签分过类，当时分为了：文本级、容器级。从HTML的角度来讲，标签分为：文本级标签...原创 2019-11-01 09:44:54 · 757 阅读 · 0 评论 -
css层的定位position、absolute、relative层叠加的五条叠加法则
原创地址：http://www.cnblogs.com/joe235/archive/2011/03/03/1970006.html推荐此文章，感谢原作者。css层的定位position、absolute、relative层叠加的五条叠加法则貌似很多同学对为什么这个div在上层，那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终，致使不敢...转载 2019-11-01 08:51:08 · 1960 阅读 · 1 评论 -
ECMAScript 6 入门笔记
推荐阅读：https://www.cnblogs.com/eco-just/p/8461769.html(ES6（阮一峰）学习总结)1.LetES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效For循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。for (let i = ...原创 2019-06-25 18:44:02 · 271 阅读 · 0 评论 -
ES6编码规范
无论我们做什么，只要开始做就离不开规范，像写字，写作文，开车，没有规范无法启动，或即使启动必然后期出现问题。写代码更是如此。编码规范尤其要从学习一门语文开始时首要学习的，这可以养成良好的习惯。为什么要有规范，规范就是形成统一的风格，避免混乱，方便团队协作，降低维护成本(具统计软件80%时间都处于维护状态)。最近开始前端知识的学习，现将看到的知识整理作个笔记，方便自己记忆。一、ES6...转载 2019-06-27 19:35:27 · 1198 阅读 · 0 评论 -
2019规模化敏捷春季峰会 --之不断增长的技术债
2019年3月30日，有幸参加了光环国际举办的219规模化敏捷春季峰会，一共13个主题，我选择了吴言(隆正信息敏捷总教练)老师带领的第三个主题---不断增长的技术债。话题进行流程：1.问题 2.原则 3.问题澄清 4.议程 5.问题重构 6.会议目标 7.解决方案1.问题不断增长的技术债2.原则自组织 不诡辨3.问题澄清首先，什么是技术债？技术债首先是一个债...原创 2019-04-03 22:37:49 · 328 阅读 · 0 评论 -
敏捷笔记【三】——《敏捷估计与规划》
估计和规划是重要的，但也是困难的和容易出错的。我们不能仅仅由于它很困难就不去做这些事。规划的目的是找到一个最佳答案，用于回答“要构架什么”这一产品开发的总体问题。这一答案综合了功能、资源和进度。优秀计划应该足够可靠，可以用作对该产品和项目进行决策的基础。敏捷规划更关注规划过程而不只是建立一个计划。它鼓励修改、产生易于修改的计划，并且延续到整个项目过程。1.规划的目的估计和规划并不仅仅是...原创 2019-03-21 20:49:01 · 846 阅读 · 0 评论 -
敏捷笔记【四】——《敏捷回顾：团队从优秀到卓越之道》
回顾检视会有助于团队不断提高，不论是采用敏捷方法还是传统方法的项目管理，都不影响回顾会的效果。回顾会是一个承前启后的关键节点，是总结经验教训，检视调整，并对下一个项目调整优化和精进的过程。1 帮助团队检视与调整1.1预设会议基调 预设会议基调能帮助团队成员关注手上现有的工作，这一步向团队重申召开此次回顾检视会议的目标，这样可营造一种便于讨论问题的和谐气氛。...原创 2019-06-05 16:02:54 · 1424 阅读 · 0 评论 -
敏捷学习笔记【二】——《看板和Scrum相得益彰》
1 什么是Scrum,什么是看板？Scrum简介我们不是靠一个庞大的团队，花大量时间造出庞然大物；而是用小团队在短时间内做出小块的东西来，在有规律的集成中组装出全貌看板将流程可视化 限制 WIP（在制品，work in progress）──明确限制流程中每个状态上最多同时进行的任务数。 度量生产周期（完成一件任务的平均时间，又称循环周期），对流程进行调优，尽可能缩短...原创 2019-02-12 11:35:02 · 1027 阅读 · 0 评论 -
宣化回北京途记
坐早上六点的的火车从宣化回北京，在早晨初升阳光照射下，沿途的一切变得很是壮美。村庄里错落的屋舍，在刚刚升起的太阳那柔和的光照下，显得比平时更为平静和安祥。远处那高低起伏的山脉，随着列车的移动和视线的变换，时高时低，时多时少，不由得想起小学时的一首诗句"横看成林侧成峰，远近高低各不同",山涧那断断续续的流水被冰覆盖着泛着白光，延伸到远处。遥想古人，一人一驴一书童，外带文房四宝，数卷诗书，穿梭...原创 2019-07-04 09:19:22 · 408 阅读 · 0 评论 -
《敏控创变》--收益是项目的最终目标
传统的项目关注项目输出胜过项目成果和项目收益的实现，随着移动互联时代的深入，产品迭代速度越来越快，项目的变革性也越来越迫切。项目经理，作为项目组织中关键的创变角色，其理念、视角、方法、路径和坚守都是项目成功的关键影响因素。现在的企业逐渐把项目的关注度由交付转移到收益上。任何一个项目，都存在三方利益1.业务利益：关注项目收益的发起人利益2.用户利益：使用项目交付物从而实现收益的使用者...原创 2019-07-09 19:56:15 · 475 阅读 · 0 评论 -
CSS实现水平居中和垂直居中
只要涉及到CSS就绕不开定位问题，尤其是盒子居中。居中又分为水平居中和垂直居中，水平方向相对简单，垂直方向就相对复杂一点，有多种实现方式。一、水平居中可以通过margin: 0 auto;实现水平方向的居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-07-05 13:23:26 · 2081 阅读 · 0 评论 -
JS中的prototype、__proto__与constructor
推荐阅读：https://blog.youkuaiyun.com/cc18868876837/article/details/81211729，作者：码飞_CC，讲的很详情，而且有图解总结一下：我们需要牢记两点：①__proto__和constructor属性是对象所独有的；②prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。...转载 2019-07-15 13:01:29 · 363 阅读 · 0 评论 -
浏览器监控事件-关闭、离开、可见性(visibilitychange,onbeforeunload,onunload)
上次做项目需要监控浏览器是否处于激活状态，以及是否刷新和关闭，根据不同的状态进行不同的操作，这里整理一下这几个相差事件。事件说明：window.onload：加载事件在页面内容加载完成之后立即执行相应的函数window.onbeforeunload：即将离开页面（刷新或关闭）时触发window.onunload：用户离开页面时触发visibilitychange：事件判断页面可...原创 2019-07-15 19:39:25 · 4608 阅读 · 3 评论 -
JS 实现图片下载
download 属性是HTML5中新增的 <a> 标签属性，但在IE低版本浏览器中不识别此属性，需要区分浏览器并针对性处理，还有就是如果动态的更新图片下载地址，浏览器的安全机制会阻止触发点击事件。下面来看示例定义和用法download 属性定义了下载链接的地址。href 属性必须在 <a> 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值，...原创 2019-07-23 10:58:38 · 12881 阅读 · 0 评论 -
孙子兵法与三十六计
摘自《华杉讲透孙子兵法》我们常常把《孙子兵法》和三十六计并列，甚至并为一本书。不过，《孙子兵法》和三十六计不是一回事。《孙子兵法》的是作者是春秋时期孙武所作，而《三十六计》是指中国古代三十六个兵法策略，语源于南北朝，成书于明清，比《孙子兵法》要晚很多。我们读《孙子兵法》，往往第一个字就读偏了，偏的很深刻，是价值观的偏差。这第一个字就是“计”。三十六计的“计”，是奇谋巧计，阴谋诡计；《孙...原创 2019-02-05 20:46:27 · 3537 阅读 · 0 评论