笔记
运动程序员
无论前端、后端、大数据等都是一种工具,就像数理化,或者撩妹技巧,都是你完成事业或者实现价值的工具,人生是一个繁杂的工程项目,技术只是一组依赖、插件,在你的安装与卸载之间游离,其发挥多大作用由你的思想决定
展开
-
v8引擎工作与“寄存器”的关系
但,但,但是,渲染进程的js线程会启动parser解释器,这玩意把源码转成AST语法树,这个过程我简单了解了一下,也看了一下parser在别的宿主环境下的运行过程,它应该有一个“寄存器”的概念,不是计算机组成里的寄存器,是转成AST过程中暂存变量或者资源的空间,用以完成概念上的pv操作吧我认为。寄存器是cpu为了提高性能开辟的一块存储空间,是个部件,可以理解为寄存器=有存储功能的触发器,存储高频使用的二进制数据,高频使用吗,我认为可以是操作系统常开启的进程的高利用信息,比如经常用到的指针指向内存的地址。..原创 2022-08-09 12:30:55 · 189 阅读 · 0 评论 -
npm 智能化纠错
打错“install”可以看到pnpm会报错,npm依然执行,npm可以自己帮你纠正正确写法,没有深入调查npm的源码,但可以猜到npm使用正则来判断是否输入的install,你有什么看法?原创 2022-07-30 11:59:36 · 185 阅读 · 0 评论 -
关于使用其他规范编码被ESlint报错标红的处理方法
把'pluginnode/recomended'这句注释掉,node语法编写的代码就不再提示了。附上eslint的语法规范表,表的出处是。原创 2022-07-15 18:09:05 · 911 阅读 · 0 评论 -
关于CSRF攻击
这个话题十几年前就提出过,简单说就是登录过的用户又访问一个危险网站,危险网站窃取cooike获取登录身份信息,利用这些信息伪装用户操作。同期还有sql漏洞攻击(让系统报错暴露sql语句,从而获取数据库信息),xxs跨站脚本(通过表单输入方式植入木马等程序),这些当时都做了对应的策略:1、CSRF:通过服务端验证HTTP Referer,排除非本站的访问,我们常用的token验证方法就是防范CSRF的,在http头增加属性来验证,这样阻止CSRF。2、sql注入:在程序中定义sql语句要通过对象来装载sql语原创 2022-07-10 14:42:32 · 171 阅读 · 0 评论 -
关于二次封装element组件的一种方式
翻出了前几年的一个项目,在element-admin的基础上添加了离线缓存开关和二次封装element-table的功能,因项目要求所有功能table的功能比较多,例如编辑列、多条件检索、固定列、列缓存、选单行,多行,操作栏弹窗等,所以需要二次封装element-table,感觉当时的admin框架功能都比较多,想自己做一个较为纯净的东西,关于离线缓存部分可以参考:关于vue前端离线(无接口)场景下开发或展示_运动程序员的博客-CSDN博客,这里简述二次封装element的大概方式,感兴趣的话具体可以看代码原创 2022-06-30 17:41:42 · 1033 阅读 · 0 评论 -
关于vue前端离线(无接口)场景下开发或展示
前几年有一个项目需要在还没有开发接口的情况下,需要前端独立开发,review,或者给客户展示demo,都需要模拟有接口可进行操作的环境,可以使用mock来完成,考虑换种方式完成就自己构建json模拟数据,模拟api.js,这里对mock的方式不做阐述,以登录功能为例说明: 具体部署如下:一、模拟接口返回数据需要用到vuex,安装:npm i vuex -S or yarn add vuex -S二、模拟api接口并构造返回数据1、模拟api,首先需要用到axios,安装axiosnpm i ax原创 2022-06-29 17:22:22 · 1290 阅读 · 0 评论 -
js深拷贝方法
有的场景直接赋值后,修改一个变量另一个也改了,这不符合需求,可以考虑使用深拷贝原创 2022-06-19 17:56:46 · 112 阅读 · 0 评论 -
关于vue-cli3.x/4.x静态入口页面index.html根据开发 、测试、生产环境内容变化的处理(2020.3)
本篇介绍或者说记录一下2020年3月用到的一个知识,index.html根据不用环境变化内容。场景:外部插件只能在index.html中引入,且开发、测试环境引入的地址与生产环境不一样处理:1、检查环境的配置:src\config\的环境配置,例如env.js,代码如下:2、打开public/index.html,在需要切换内容的地方处理,例如:这种方法可以引用vue工程本身的环境配置,而且编码简单,易用。...原创 2022-06-10 13:26:54 · 751 阅读 · 0 评论 -
关于xml和json区别的个人理解
突然想到的知识点就记录一下原创 2022-04-03 12:04:37 · 454 阅读 · 0 评论 -
修改avue的bug
avue的upload上传非图片类型文件一直加载中问题,首先去项目确认avue.js的版本,search gitee avue对应版本源码:git cloneyarn installyarn run dev修改upload.js部分yarn run build拷贝avue.js文件覆盖到项目中,做好严格的测试...原创 2022-01-04 17:10:18 · 577 阅读 · 0 评论 -
亲测win10安装mac虚拟机+网络配置完整过程
由于需要调试系统在mac端chrame浏览器显示有局部错乱的问题,周围又没有苹果电脑使用,所以跑一个虚拟机运行mac。具体过程如下:一.安装准备工作1.下载VMwareWorkstationPro(我下载版本是16)2.macos 10.13下载下载链接:点击下载提取码:spc4 (出自 https://www.jianshu.com/p/5f10473f9047)3....原创 2021-06-28 08:45:36 · 2072 阅读 · 0 评论 -
前端的图片压缩image-compressor(可在图片上传前实现图片压缩)
image-compressor一个简单的JavaScript图像压缩器。使用浏览器的原生canvas.toBlob API做的压缩工作。一般使用此压缩是在客户端图像文件上传之前。实例模板:Websitegithub:image-compressorGetting started(新手入门)Install(npm 安装)npminstallimage-compressor.js//注意是image-compressor.js不是image-compressor那是另...转载 2021-06-22 14:21:21 · 6139 阅读 · 0 评论 -
sass使用css /deep/ 无法解析
node-sass 迁移到 sass 后,/deep/ 深度选择符无法成功解析,可以使用::v-deep 貌似是vue-loader 提供的支持原创 2021-06-09 08:54:46 · 858 阅读 · 0 评论 -
2021-05-29关于mvvm的数据驱动概念举例理解
场景:点击菜单切换内容事件驱动:在菜单的tab上面添加click事件控制内容的显示和隐藏,达到点击不同tab切换不同内容的目的。数据驱动:以vue为例原创 2021-05-29 17:15:06 · 184 阅读 · 0 评论 -
关于css的/deep/,可以解释为啥修改vant的nav-bar组件的title颜色不生效
1./deep/解释为深度选择器2.在vue中为了不受父类的影响在<style>里会加scope属性,这样可以保证样式应用于子组件范围,规定作用域,这样系统自动给原创 2021-05-28 11:32:52 · 1167 阅读 · 0 评论 -
vue和js的几个问题的简单描述
1.new vue初始化哪些2.vue挂载过程3.router实现原理在router/index.js定义跳转组件的路径,在点击router-link的时候,根据定义的路径检索组件(组件名与路径/后面的名称对应)将router-view标签内部的html替换为该组件的html,然后执行history方法在浏览器记录里查找有没有这个路径,如果有就不重新请求浏览器加载跳转链接,如果没有就在历史记录的栈顶添加这个路径记录,并跳转这个路径链接。以上为我个人的理解。...原创 2020-12-23 17:21:03 · 89 阅读 · 0 评论