- 博客(24)
- 收藏
- 关注
RSS订阅原创 构建mono-repo风格的脚手架库
我们搭建了一个mono-repo风格的工程；包含了一个zy-cli脚手架工程，和demos-app的测试工程；zy-cli实现了用户交互式的命令行，命令行参数获取，文件拷贝，动态文件生成，自动安装依赖；我们将zy-cli推送到了npm私有仓库上，并另开了一个工程，切换私库源，成功安装并且运行；
2023-11-03 19:09:36
750
2
原创 【EventLoop】问题一次搞定
📍 JS的事件循环机制恐怕是大多数前端开发者头顶上的一座大山之一，最近通过拜读两篇文档，对eventloop进行了深刻的理解；通过这篇文档对要点进行总结；波神的这篇eventLoop文章适合反复重温，写的很透彻，比其他解读事件机制的文章更加清晰透彻这一篇从同步异步，微任务宏任务来详细解读。
2023-10-13 11:18:58
144
原创 mac使⽤nginx
详细配置说明：https://juejin.cn/post/7042663735156015140。在 docker-compose ⽂件的⽬录下运⾏： docker-compose up -d。3. config⽂件⽬录/usr/local/etc/nginx/nginx.conf。1. nginx安装⽂件⽬录/usr/local/Cellar/nginx。2. nginx配置⽂件⽬录/usr/local/etc/nginx。4. 系统hosts位置/private/etc/hosts。
2023-10-10 16:56:41
319
原创 Nginx部署history路由模式的vue项⽬
因此，这⾥需要将所有请求都重定向到 /vdp/index.html ，以便 vue-router 能够正确地处理路由，此处的 /vdp/index.html 是当前上下⽂中的路径；总结：我理解的是当⽤户输⼊ www.xxx.com/vdp/home 的时候，浏览器⾸先请求nginx服务器资源，当匹配到 /vdp/ 的时候，服务器返回了 alias ⾥⾯的资源，并在浏览器端创建了。会向服务器请求资源，所以最后会加载 try_files 中设置的 vdp ⽬录下的 index.htm。
2023-10-10 16:52:46
306
原创 ⾃动⽣成element依赖⽂件
最近在优化前端⼯程的时候，想把element改成按需引⼊，但是由于项⽬组件⾮常庞⼤复杂，不确定哪些组件有被使⽤到。受到最近在看的element-theme库的影响，想试着⽤脚本去帮我们处理，最好能⾃动⽣成element.js⽂件。
2023-10-10 16:45:39
64
原创 Nuxtjs在linux环境下部署笔记
nuxt.config.js文件中的server选项 与 package.json文件中的config.nuxt选项这两种配置的优先级是相同的，但是nuxt.config.js文件中的server选项更加灵活，可以配置更多的服务器选项。0.0.0.0是一个特殊的IP地址，代表的是本机所有IP地址，不管你有多少个网口，多少个IP，如果监听本机的0.0.0.0上的端口，就等于监听机器上的所有IP端口。如果在server.js文件中定义了服务器设置，则它将覆盖nuxt.config.js中的server选项。
2023-09-11 14:45:35
338
原创 this问题一次搞定
举个例子：react中定义一个防抖函数，传入一个用箭头函数定义的类组件的方法，this指向类组件的实力对象；箭头函数没有自己的this指向，申明的时候就指定了，他只能指向上一级作用域（其所在上下文）的this；this指向问题分为两方面，一个是普通函数的this指向，还有一个就是es6中的箭头函数this指向。4：call和apply会立即执行，bind会返回一个新的函数，传参方式类似call；2：apply第二个参数接收一个数组作为方法调用传递的参数；再拓展：call，apply bind的实现原理。
2023-09-11 14:43:14
99
原创 闭包问题一次搞定
我的理解：函数内部返回一个函数，这个函数可以将内部作用域和外部作用域连接起来，使得函数能够访问外部作用域的变量，并且这些变量会一直存在于内存中；js模块化封装 - 自执行函数，工厂函数 （不污染全局变量，私有变量不被外部直接访问）防抖函数的封装要点：1：首次要立即执行；2. 使用闭包如果不及时的将这些变量置空，可能会导致内存占用过多；节流函数要点：1：是否首次执行；节流防抖函数，使用闭包就是为了保存上一次的定时器信息；MDN：能够访问函数作用域之外变量的函数。红宝书：有权访问另一个函数变量的内部函数。
2023-09-11 14:41:40
104
原创 前端音频文件流
前端H5语音插件demo，语音二进制流转成audio可播放格式https://blog.csdn.net/qq_37568942/article/details/89470340blob语音流 前端播放https://blog.csdn.net/Beth__hui/article/details/101442681前端H5中JS用FileReader对象读取blob对象二进制数据，文件传输https://www.cnblogs.com/dongxixi/p/11005607...
2021-01-12 10:37:58
2996
原创 vue项目keep-alive动态缓存页面的几种方式
keep-alive 的使用业务中经常遇到一种需求 , 项目中使用了tab_bar管理打开的页面 , 切换过程中希望能缓存下来页面状态 , 关闭标签页 , 再从左侧菜单栏打开页面会重新加载 .以下是几种常见的解决方案 , 以及优缺点和局限性keep-alive的官方文档:https://cn.vuejs.org/v2/api/#keep-alive1: 使用router-view 配合 v-if :适用 : 原本的router关联的组件存在匿名组件(没有设置name属性)优点 : 改造成本低
2020-06-08 14:17:02
2743
原创 vue-cli3多环境配置方案
前端项目上线的时候 , 不可避免的会考虑到不同的运行环境需要前端请求不同服务地址的问题方案一 :一般的情况下 , 可以使用vue-cli-service环境变量进行分环境打包 ;开发环境 , 继续使用proxy代理 ;需要编译的环境 , 通过设置环境变量去控制打包过程 , 最终生成适用于不同环境的前端资源 ;有关vue-cli-service环境变量的具体解释在另一篇文章...
2019-06-21 16:33:25
3576
原创 cordova+vue搭建app实践笔记
实现对原生物理返回键的监听:var exitAppTicker = 0; document.addEventListener("deviceready",function(){ document.addEventListener("backbutton", function(){ var pageUrl = window.location.href; ...
2019-03-06 17:06:33
207
原创 vue-cli3环境变量与分环境打包
第一步 : 了解环境变量概念我们可以根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略环境变量文件...
2019-02-15 11:56:55
10128
2
原创 微信小程序云开发实践--搭建一个管理小程序
概述 :开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。目前提供三大基础能力支持：云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码...
2019-02-12 11:14:38
9534
6
原创 移动端代码片段
(function (win) { var doc = win.document var docEl = doc.documentElement var tid function refreshRem () { var width = docEl.getBoundingClientRect().width if (width > 750) { // 最大宽度...
2018-12-10 15:02:19
276
原创 vue-cli 2.9.1 关于如何设置外部访问项目和浏览器自动打开
vue-cli 2.9.1 vue-cli 2.9.1 使用了webpack 3.6.0 版本 , 老版本的vue-cli 配置文件写法有点不同 . 在wenpack.dev.conf.js 里面 devservey 对象使用的参数 写在 config/index.js 里面 修改config/index.js 里面的 dev对象的 host 参数 为 '0.0.0.0' 可以...
2018-12-10 14:53:34
1144
原创 vue-cli2.x 和 3.x 的全局安装与本地安装
一 ：vue-cli全局安装 vue-cli 2.x 全局安装 npm install -g vue-cli vue-cli 3 全局安装（安装之前需要全局卸载vue-cli2） npm install -g @vue/cli 使用 vue create + 项目名 来创建一个项目（后续略）二 : vue-cli 本地安装（忽略全局安装的vue...
2018-12-10 14:49:28
5900
原创 linux服务器后台运行nodeJS项目
最近在部署nodeJS项目的时候 , 遇到了一些问题 , 整理了一下 .希望能解决大家的一些困扰.1:关于连接服务器nodeJS的server.js文件里面 ,app.listen(8080,'172.17.1.93', () => { console.log('server is running...')})注意 , nodeJS配置的ip地址不是服务器地址 , 而是私有地
2017-08-17 14:46:40
10187
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人