前端节流（throttle）和防抖动（debounce）
节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应；当你首次点击后，函数会无视之后三秒的所有响应；三秒结束后，button 又恢复正常 click 响应功能，以此类推。 有什么用呢？通常，这类提交 button 的@click响应会给后端发送 api 请求，频繁的点击意味着频繁的请求（流量）
- 最新文章
- JS笔记
- CSS笔记
- PHP笔记
- Vue学习
- Docker
- Nginx
- Swoole
- Mysql
- Golang
- Linux笔记
- Redis
Vue2向Vue3过渡，持续记录
迁移指南：https://v3.cn.vuejs.org/guide/migration/introduction.html 好用的插件：https://vueuse.org/，被遗忘了的几个指令 v-pre、v-once、this.$forceUpdate()、this.nextTick() 编程总结：在setup中应该如何去规划代码？如何模块化？如何才不会一团乱？ Vue3中不再构建UMD模块
虎年年会抽奖网页源码分享
年会抽奖程序，乐呵乐呵哈。 抽奖名单在`js/member.js`里。 抽奖之后会动态更新中奖人员名单。 演示地址：year.nicen.cn 代码做了全面注释，使用到的js文件说明如下： 1. 词云插件 tagcanvas.js：https://www.goat1000.com/tagcanvas.php 2. Vue.js：https://cn.vuejs.org 3. zepto.js：功能
工作记录，使用Uniapp开发移动应用
项目需求：录制视频和语音，在app页面的上半部分实时显示。下半部分显示文字提示，提醒用户回答确认。最后将录制的视频提交到服务器保存。 安装 ：https://developer.android.google.cn/，作为开发过程中App的调试工具。（Android Studio基于IntelliJ Platform）。 插件市场搜索不到中文插件，手动下载：https://plugins.jetbr
Vue-Router学习笔记，持续记录
随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 类似于服务端路由，前端路由实现起来其实也很简单，就是匹配不同的 url 路径，进行解析，然后动态的渲染出区域 html 内容。但是这样存在一个问题，就是 url 每次变化
Element-UI、Element-Plus 使用笔记，记录问题。
原项目是基于require.js来加载模块的，增加新功能的同时想使用流行一点的组件（Element）和Vue；本身这两个库就是支持Require.js的，不多说直接开干。 一开始，是这样的： require(
【转】如何正确理解前后端分离？
资料来源：https://www.zhihu.com/question/267014376/answer/444793972 一种可以称之为是服务器端渲染，一种是叫做前后端分离。 服务器端渲染的方式，是指在服务器端就将网页直接生成，浏览器这里拿到的是一整个网页，CSS和JS的部分是在浏览器端执行的，而网页的内容部分，也就是数据，是由服务器端生成的。 这叫做服务器端渲染。 只要你的Html网页的内容
《千锋最新前端webpack5》学习笔记，持续记录
视频地址：https://www.bilibili.com/video/BV1YU4y1g745 webpack文档：https://webpack.docschina.org/concepts/ 了解一下CMD模块化规范。（module.export={}相关规范） Require.js不通过config方法配置模块路径时，也可以做require时指定完整的引入路径（require(
Web相关岗位介绍、项目团队成员分工职责
后端语言主要包括Java、Python、C++、PHP语言等。从近几年IT行业的发展来看，后端的发展前景很大，无论是B/S还是C/S，无论是WEB还是原生，或者是智能硬件，后端都会屹立不倒。咱们现在所说的程序员，大多数人都是做后端开发。后端开发也可以说是程序员中薪资最高的一批人。 UI的发展前景是很赞的，在两到三年前，甚至都有人推动让UI来代替产品经理来驱动。某种程度上来说，UI最好的发展方向是U
日常生活，记录那些有趣的话，持续记录
因为刚才 我突然看见你，我觉得有点心动，这是很久没有的感觉，我怕错过这个机会，所以我头脑一热，就上来了。 玫瑰到了花期，我很想你。 风里已经有秋天的味道了，我想你了。 狗听了都摇头 要不要买衣服？今天上街看到很多人穿得漂漂亮亮，就想到是否你也一样。 就是突然觉得这一刻很美好，忍不住想分享给你。 那输就输呗,你想想你的人生能全部赢吗。 你觉得单身是被迫的还是一种选择？选择，哪有人会被迫单身，说实话，
学习笔记，记录那些建站踩过的坑。持续记录
装的是Wordpress中文版，印象中页面显示的也确实是中文，某一天登录突然发现登录界面、文章评论界面都变成了英文。当时以为是程序版本升级导致的，还特意重新安装了一下Wordpress，无果。百度了好几种方法，也没解决这个问题，后来就不了了之了。 今天把一个优化插件关了之后，登录之后发现变回中文了。 好家伙，有原来是你的锅（WPJAM）😂。（关闭前台不加载语言包即可） 1. 腾讯云判断服务器与对象
咳咳。2021年终总结，2022年度目标
青年危机（什么是青年危机）约摸着是过去了😂。 漫漫人生路，往后的日子不敢说光明，至少有着自己的方向，能为之坚持、努力（并不是吹哦😁）。 坚持每天跑步三公里，坚持锻炼（基本达成） 坚持学习新技术，掌握新技术（基本达成） 坚持看书，记录自己的阅读心得（断断续续） 存钱，存钱，存钱（&*&%*MMP#@%） 学做菜、自己做饭（磕磕碰碰） 早睡早起，干净整洁（完成了一半：早起） 坚持写博客
Scss学习笔记，持续记录
相关文档：https://www.sass.hk/docs/ 下载Ruby：https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-3.1.0-1/rubyinstaller-3.1.0-1-x64.exe gem sources --add https://gems.ruby-china.com/ --
Vue开发、学习笔记，持续记录
Vue每天学一些，慢慢的也学下来了。记一些笔记 生命周期图：https://nicen.cn/collect/life.png Vue-Router学习：https://nicen.cn/vue-router.html Vue官网： https://vuex.vuejs.org/zh/ 基于Vue的各种UI库 Vuetify ：https://vuetifyjs.com/zh-Hans Eleme
uniapp开发笔记，持续记录
1. 字体图标引入：https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87 2. 条件编译：https://uniapp.dcloud.io/platform 3. NPM的使用：https://uniapp.dcloud.io/frame?id=npm%e6%94%af%e6%8c%81 4. 各种小程序端的类
JS的异步编程过程中的问题集锦、echarts使用记录。
为了方便维护，在JS里的把html模板和业务逻辑做了分离，在业务逻辑里向模板对象传递指定的data对象返回生成好的html，以往的数据对象是用户交互产生的，今天需要改成从接口拉取。 按照以往的逻辑，获取用户的交互数据，传递给模板。基本上是同步的，今天修改的时候为了不触碰原有的代码，把网络请求单独放在了其他对象里，业务流程变成了，调用网络请求函数产生的返回值作为数据对象传递给模板对象。 一切看似没问
微信小程序学习笔记，持续记录。
1. 小程序开发指南（入门必读）：https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000ace6c9603786b008636f2e56c0a 2. 完整开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework 3. 小程序全局配置：ht
【转/朵拉陈】致所有正在经历青年危机的人
研究生刚毕业的时候，我信心满满，手握着荣誉毕业生的奖状，头顶常春藤名校的光环。当时的我真以为自己就是“天之骄子”，未来之路四通八达。 不到一个月，现实就把我打回了原形：我坐在一个四面无窗的小隔间里，拿着行业中最低的起步工资，做着最辛苦的危机干预工作。上班八小时，不是在处理各种疑难杂症，就是在写病历报告，有时连饭都顾不上吃。更倒霉的是，因为伴侣当时还在上学，为了结束多年的异地恋爱，我只能选择生活在全
记录一下自己做过哪些菜（生活系列）
白菜豆腐 水煮白菜 包菜豆腐 玉米炒鸡胸肉 清炒藕丁 青椒小鱼仔 红萝卜丝炒肉 豆干炒肉 油豆腐炒肉 苦瓜炒蛋 火腿炒蛋 韭菜煎蛋 荷包蛋 毛豆炒肉 豆皮炒肉 香肠红萝卜 莴笋炒肉 黄瓜火腿炒蛋 油煎豆腐炒肉 香菇炒肉 按时搞卫生 东西摆放好 衣服当天就洗 敲代码记得眨眼 出门可以多带一把伞 自己做比点外卖强（就是费时间） 坚持跑步 坚持锻炼 和朋友联络感情 坚持学习 不浪费时间，时不我待 给家人
理解PHP MVC，以及NPM、YARN命令的相关说明
MVC，在我印象中最典型的、自己用的多的当属THinkPHP。 MVC包括控制器（Controller），模型（Model），视图（View）。 控制器的作用是调用模型和 视图，将模型产生的数据传递给视图，并让视图去显示 模型的作用是获取数据并处理返回数据 视图的作用是将取得的数据进行美化，并向用户终端输出 1. 浏览者 -> 调用控制器，发出指令 2. 控制器 -> 按指令选择合适的
Es6学习笔记，持续记录
解构：https://www.runoob.com/w3cnote/deconstruction-assignment.html ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); .forEach(x => s.ad
PHP允许前端跨域请求的相关请求头设置、文件下载
CORS 请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。 PHP中的 header 函数用于设置响应头。 当POST数据为JSON，必须允许请求头才能跨域访问，因为Content-type:application/json; 默认是不允许跨域的。 header('Access-Control-Allow-Origin: *');
记录一下Jquery日常使用过程中的一些经验
find()可以在所有后代元素里查找，而children()只会查找子代元素（不包括第二层级）。 not() 从匹配元素集合中删除元素。从包含所有段落的集合中删除 id 为 "selected" 的段落： $("p").not("#selected") is() 方法用于查看选择的元素是否匹配选择器。 $(selector).is(selectorElement,function(index,el
记录一次代理服务器（VPN）搭建（SSR）
都是一键安装脚本，也没技术可言。 想弄个代理IP，网上的都要注册、实名，懒得搞，免费的没几个能用的，只能自己造了。 搞普通代理IP，总感觉不踏实，那还是弄VPN吧。 本来相想搞openvpn，不知道为什么现在教程都找不到几个了，只好转向SSR。 下载好SSR客户端，开始下一步。 网上现成的一键脚本好多好多，看着都是一个人开发的。 脚本源是github，有几个链接是正常国内网络访问不了的。 国内服务
爬虫实战笔记：没有什么网站是不能爬的！
通过Chrome的开发者工具Network，筛选ws，找到websocket的连接，进行第一步 分析。 待续............ 这个都懂，咱就不说了，有些反爬验证实在是反人类哈。 这个好用确实好用：真实的浏览器环境、真实的操作........ 就是效率确实不敢恭维。 因为一切都在真实的环境和网站上进行，很多常规的爬虫操作都不用考虑，只要考虑以下几点： 如何减少内存消耗，提升效率； 如何通过
Windows操作系统安装经验总结
硬盘前面固定的存储空间存放引导程序。 开机 -> 启动引导程序-> 引导程序找到活动分区-> 启动引导管理器-> 读取BCD-> 显示引导项-> 开机 bcdedit /enum 固定的EFI分区存放引导程序、以及BCD。 开机 -> 找到EFI分区 -> 启动引导程序 -> 读取EFI分区的BCD -> 显示引导项 -> 开机。
PHP批量识别Nginx网站日志内的百度真假爬虫记录
通过分析网站日志可以统计出百度的真实抓取次数、分析抓取情况。 网站一般都有一定的反爬虫机制，但是为了正常收录会通过UA排除百度的爬虫，也就导致了很多做采集、爬虫的人冒充百度爬虫UA用以越过反爬虫机制。 逐条分析每一条日志，筛选出百度爬虫的日志，再通过exec函数执行nslookup命令反向解析IP获取解析的域名，域名中包括baiduspider关键词的就是真的百度爬虫。 下载PHP脚本（百度网盘）
css学习笔记，持续记录。
1. 通配符选择器： *{...}; 选择所有元素； 2. HTML标签选择器：p{...} 、#p{...}、.p{...}; 选择指定的所有标签，指定id，指定类的所有标签； 3. 类选择器选择有特定 class 属性的 HTML 元素，如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。选择所有具有 class="center" 的 <p> 元素：p.c
JS学习笔记，持续记录
回调函数内的this指向了dom对象本身，注意JQ的内存问题，删除dom时自定义的事件会继续存在。 $(".select li").click(function (event){ $(".select li").removeClass("current"); $(event.target).addClass("current"); }) $(".btn").click(function(e){ /
