前端开发
文章平均质量分 63
舰行天下
有些bug,多照照镜子,也就这回事!
展开
-
使用gitlab搭建npm的依赖库,并在项目中使用
使用gitlab搭建npm的依赖库,并在项目中使用 1, 在多个项目中都有个公共的库包,又不想发布到npm2, 一些开源的库,修改了一些定制化的东西,又不想推送代码到开源仓库(不一定会合并你的代码)原创 2024-02-29 17:00:28 · 793 阅读 · 0 评论 -
nextTick的原理以及为什么nextTick优先promise
简单来说将nextTik函数的回调放到全局事件循环队列中去,等待下一次事件循环去调用它原创 2023-02-18 19:23:15 · 584 阅读 · 0 评论 -
使用svelte+webpack 打包成umd形式的js库
使用svelte+webpack 打包成umd形式的js库原创 2022-03-08 10:46:55 · 1930 阅读 · 0 评论 -
重新认识JSON.stringfiy
前言用了那么多JSON.stringfiy这个方法,一直把这个方法当成一个参数的方法。今天翻了下javascript 权威指南,才发现这个方法还有两个参数,顺便查阅了一下MDN Web Docs, 发现这个方法有点东西,特此记录下概念先来看下**JSON.stringify() ** 方法将一个 JavaScript 对象或值转换为 JSON 字符串,如果指定了一个 replacer 函数,则可以选择性地替换值,或者指定的 replacer 是数组,则可选择性地仅包含数组指定的属性。平常用的基原创 2021-01-01 14:01:29 · 319 阅读 · 0 评论 -
vue3.0的event hub替换方案- mitt 实操及mitt源码窥探
js在 2.x 中,Vue 实例可用于触发通过事件触发 API 强制附加的处理程序 ($on,$off 和 $once),这用于创建 event hub,以创建在整个应用程序中使用的全局事件侦听器:然而我们整个从实例中移除了 $on,$off 和 $once 方法,$emit 仍然是现有 API 的一部分,因为它用于触发由父组件以声明方式附加的事件处理程序因实际项目中 都是用 event hub例如下面业务代码bus.$on('refrestatus' + this.data.oort_u.原创 2020-09-23 16:57:06 · 5184 阅读 · 1 评论 -
chrome 调试 本地时间的注意点
需求: 获取服务器时间然后展示,若获取失败,则new Date()讲道理这个很简单的需求,接口拿到数据就展示,拿不到就展示本地时间的。问题出现在调试阶段: 接口没有拿到数据, 改变电脑的时间,发现展示的时间是正确的? 连在 console 面板 直接 new Date() 也是正确的时间思考: 应该需要重新开一个tab 浏览窗口, 果然 在重新打开的浏览器窗口 时间就 对, 和改动的时...原创 2020-03-05 20:43:33 · 1063 阅读 · 0 评论 -
vue3.0 多页面指定打包文件夹或者修改默认打包public 文件夹
vue3.0 多页面指定打包文件夹或者修改默认打包public 文件夹起因在一个多页面项目中, 有pc端和移动端的单页面, 移动端会用到vconsole 和cordova.js 这样的库,而在pc 端却不需要所以想着,打包或者开发中,运行时,框架自动识别时pc端的项目还是 移动端的项目而且还可以根据环境变量等的配置的找到entry的入口。解决方案根据环境变量和vue3.0的mode 配置...原创 2019-12-14 14:25:57 · 4881 阅读 · 0 评论 -
vue 递归组件之树形 tree通讯录 的简单封装
最近, 做一个h5项目遇到了需要在一个通讯录的接口中选人的界面的需求,大概就是下面这样接口数据时这样的格式 { 'code': 200, 'data': { 'dept': [{ 'deptcode': '120100000000', 'deptname': '所有部门' }], 'user': [{ ...原创 2019-11-24 12:56:47 · 1396 阅读 · 0 评论 -
vue 图片加载中默认图片的封装组件
这几天做项目,老遇到<img> 标签 ,加载失败需要显示默认图标的需求, 如下<img :src= "baseImage + item. id"/>data(){ return { baseImage: 'http://192.168.110.15/imgs?id=' }}类似上面的代码, 图片的服务为地址 + Id 的形式, 按照以前的写法,我是这样...原创 2019-11-22 23:24:53 · 806 阅读 · 0 评论 -
移动端使用类似 picker组件时,input聚焦不触发键盘的操作
场景移动端使用picker组件,示例中用的时 mint-ui 的picker ,但本文的操作与mint-ui的picker 没有太多关系示例代码 <input v-model="editBasicData.BirthDay" :disabled="status == 1" placeholder="请选择出生年月" @focus="birthDayVisisble = true" ...原创 2019-10-08 17:09:35 · 647 阅读 · 0 评论 -
React 中的五种组件形式
[转]原文链接目前的前端开发主流技术都已经往组件化方向发展了,而每学一种新的框架的时候,最基础的部分一定是学习其组件的编写方式。这就好像学习一门新的编程语言的时候,总是要从hello world开始一样。而在React中,我们常用的组件编写方式又有哪些呢?或者说各种不同的组件又可以分为几类呢?无状态组件无状态组件(Stateless Component)是最基础的组件形式,由于没有状态的影响...转载 2019-02-18 22:48:00 · 2300 阅读 · 0 评论 -
[转载]react 的一些理解
个人感悟做React需要会什么?react的功能其实很单一,主要负责渲染的功能,现有的框架,比如angular是一个大而全的框架,用了angular几乎就不需要用其他工具辅助配合,但是react不一样,他只负责ui渲染,想要做好一个项目,往往需要其他库和工具的配合,比如用redux来管理数据,react-router管理路由,react已经全面拥抱es6,所以es6也得掌握,webpack就算...转载 2019-02-17 10:06:09 · 227 阅读 · 0 评论 -
NeteaseCloudMusicApi 开源 网易云nodeapi 源码分析
这篇文章,分享下网易云开源的一个api,通过伪造请求来获取网易云的歌曲,评论和电台等信息。 首先,大致描述项目里用到的一些知识点涉及到的知识点apicache 缓存中间件,可以用于redis,项目中的作用在于,避免频繁的请求网易云后台文件操作 项目中通过获取router文件加下的文件名来动态加载路由,一个文件名就是一个接口crypto 加密模块,因为网易云网页api基本都是...原创 2018-08-15 08:10:11 · 1542 阅读 · 0 评论 -
关于vConsole 源码的理解分享(vConsole一个移动端调试控制台工具)(2)
终于可来搞一搞日志模块的源码了,其实代码都很简单(哈哈哈),我开了一下git的日志,想来我们现在看到的代码,都是之前迭代的代码,不是一开始,一个函数就很多行代码的,所以要理清条路,理解为什么这样加代码,当然能一开始就分清楚函数定义多少个,后面好加代码,扩展的 这个思路架构也是我们要瞻仰,学习的。...原创 2018-07-13 22:10:58 · 2430 阅读 · 0 评论 -
http的协议的跨域cors 和 options请求的一些理解
首先,这篇文章只是对http跨域阐述和options请求即预检查机制的一些理解,那么我们应该先了解什么事跨域,以及http的一些基础知识。 出于安全原因,浏览器限制从脚本内发起的跨源HTTP请求。当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。摘自http访问控制在前端开发中,特别是现在都是前后端分离,那么跨域问题应该在日常开发中经常遇到...原创 2018-07-19 00:06:04 · 16797 阅读 · 0 评论 -
关于vConsole 源码的理解分享(vConsole一个移动端调试控制台工具)(1)
一个轻量、可拓展、针对手机网页的前端开发者调试面板。特性查看 console 日志查看网络请求查看页面 element 结构查看 Cookies 和 localStorage手动执行 JS 命令行自定义插件这是github的readme介绍,对于调试移动端以及上线后出现的一些问题确实是一个很好的工具!! 为腾讯开源点个赞。 使用方法请参考:腾讯开源vConsle...原创 2018-06-24 19:37:25 · 8068 阅读 · 0 评论 -
如何打包node镜像
node 打镜像1,打包文件夹的要求 example 示例文件夹 blogservice –node_modules 文件夹 –public 前端代码文件,静态文件夹 –app.js 启动简单的node 服务器 里面设置访问端口 (在dockerfile中需要填写 谨记一点要正确,不然白打) 2,dockerfile 文件原创 2018-02-01 15:37:56 · 904 阅读 · 0 评论 -
flex布局详解
flex 布局 详解转载 2017-10-17 09:53:12 · 4377 阅读 · 0 评论