Node.js 初入门？持续记录
教程：https://www.runoob.com/nodejs/nodejs-tutorial.html 事件循环：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop 版本列表：https://nodejs.org/dist/，下载并解压： xz -d node-v17.2.0-linux-x64.tar.xz ta
HTML DOM的各种宽高、偏移位置的属性总结
兼容性：All； 指的是元素的可视部分宽度和高度，即padding+content，如果没有滚动条，即为元素设定的高度和宽度，如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来宽高减去滚动条的宽高，包含内边距，但不包括水平滚动条、边框和外边距。 测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽
Ant Design Vue使用记录，持续记录
好些问题，每次解决了，下次遇到了又要重新翻文档，干脆就自己记录一下。 Form.create(options) | this.$form.createForm(this, options) ，通过JFX方式去定义一个Form组件的各种属性。经 Form.create() 包装过的组件会自带 this.form 属性，如果使用 template 语法，可以使用 this.$form.createFo
SortableJS / vue.draggable.next 使用笔记，持续记录
东西确实是好东西，奈何一开始文档没捋清，费了一番时间好好琢磨了一下。 Github：https://github.com/SortableJS/vue.draggable.next，完整代码如下： <draggable v-model=\"myArray\" group=\"people\" @start=\"drag=true\" @end=\"drag=false\" :move=\"move\" hand
JS定时器清除之后，已经开始但是没有运行完的函数还会继续运行吗？
最近使用定时器的时候遇到这样一种情况，定时器清除了，功能仍然在跑（遍历数组，同步定时网络请求）。 排查了一下代码，发现逻辑确实没问题。后来一想，是不是函数没运行完，仍然在跑，于是上代码测试了一下： let timer = setInterval(async () => { console.log(\"开始\") await new Promise((resolve) => { setTim
Vue-Router多级路由时，父组件重复加载的问题。
代码中使用了两层路由，并且每层路由都使用了keep-alive，App.vue内初始代码如下： <router-view v-slot=\"{Component}\"> <keep-alive> <component :is=\"Component\" :key=\"$route.name\"/> </keep-alive> </router-view&g
前端Mockjs学习笔记，持续记录
相比于自己写一个模拟数据返回的后端接口，好像还是这个来的更加方便。 让前端攻城师独立于后端进行开发。不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 基于对window的xhr对象的二次封装，增加了用于拦截的逻辑。 npm install mockjs Mock.setup({ timeout: 400 }) M
前端自适应方案总结，前端最佳自适应方案
我们看到的每个屏幕都是由一颗颗我们肉眼难以看到的小颗粒（物理像素）组成的。 是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)。一个CSS像素对应多少个设备像素是根据当前的缩放比例 12px对应36px，缩放0.5，12px对应18px。扩大2.0,12px对应72px。 它的数值体现了物理像素和逻辑像素之间的关系，用公式可以计算出该设备的DPR的大小： DPR
Uniapp、Html5plus、Native.js开发记录
获取应用主Activity实例对象，什么是Activity (活动)？ Android的四大组件之一的Activity(活动)：Activity是一个应用程序的组件，他在屏幕上提供了一个区域，允许用户在上面做一些交互性的操作， 比如打电话，照相，发送邮件，或者显示一个地图！Activity可以理解成一个绘制用户界面的窗口， 而这个窗口可以填满整个屏幕，也可能比屏幕小或者浮动在其他窗口的上方！ 作用
WebRTC开发经验总结，持续记录
volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小，采样的位数 echoCancellation: 回音消除 autoGaincontrol： 增加音量 noiseSuppression: 降噪 latency ： 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId: 同一个物理设备，是一个分组，
Vuex3.x、Vuex4.x状态管理器学习笔记
Vuex：https://v3.vuex.vuejs.org/zh 什么是状态管理器？方便调试，方便维护数据。https://vuex.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E2%80%9C%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86%E6%A8%A1%E5%BC%8F%E2%80%9D%EF%BC%9F import Vu
Vue Ant Admin学习笔记，持续记录
Vue Ant Admin基于Vue2.x的中后台管理系统：https://iczer.gitee.io/vue-antd-admin-docs/ 比较漂亮的，可以借鉴的：https://vue-admin-beautiful.com/admin-pro Ant Design of Vue： https://antdv.com/docs/vue/introduce-cn/（V2及以上版本为Vue
前端节流（throttle）和防抖动（debounce）
节流指的都是某个函数在一定时间间隔内只执行第一次回调。举个常见的节流案例：我们把某个表单的提交按钮——button 设成每三秒内最多执行一次 click 响应；当你首次点击后，函数会无视之后三秒的所有响应；三秒结束后，button 又恢复正常 click 响应功能，以此类推。 有什么用呢？通常，这类提交 button 的@click响应会给后端发送 api 请求，频繁的点击意味着频繁的请求（流量）
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模块
工作记录，使用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(
《千锋最新前端webpack5》学习笔记，持续记录
视频地址：https://www.bilibili.com/video/BV1YU4y1g745 webpack文档：https://webpack.docschina.org/concepts/ 了解一下CMD模块化规范。（module.export={}相关规范） Require.js不通过config方法配置模块路径时，也可以做require时指定完整的引入路径（require(
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
Es6学习笔记，持续记录
解构：https://www.runoob.com/w3cnote/deconstruction-assignment.html ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); .forEach(x => s.ad
记录一下Jquery日常使用过程中的一些经验
find()可以在所有后代元素里查找，而children()只会查找子代元素（不包括第二层级）。 not() 从匹配元素集合中删除元素。从包含所有段落的集合中删除 id 为 \"selected\" 的段落： $(\"p\").not(\"#selected\") is() 方法用于查看选择的元素是否匹配选择器。 $(selector).is(selectorElement,function(index,el
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){ /
Layui学习笔记，一起加油！
Layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。 全局对象 layui，一切从它开始。 建立模块入口，并通过 layui.use() 方式来加载该入口文件，加载指定目录下的index.js文件内的模块。 <script> layui.config({ base: \'/res
JS模块化编程以及AMD、CMD规范、Webpack
先想一想，为什么模块很重要？ 随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的
记录一些以前没见过的JS语法
《ES6标准入门 第3版 .pdf》看了一遍，时间长了没怎么用，也没记住多少，嗯，那只好在实践中学习。 1. js中函数的两种命名方式，即表达式和声明式。 ：函数的声明式写法为：function foo(){/*...*/}，这种写法会导致函数提升，所有function关键字都会被解释器优先编译，不管是声明在什么位置，都可以调用它，但是它本身不会被执行，定义只是让解释器知道其存在，只有在被调用的时
