- 博客(14)
- 收藏
- 关注
转载 做前端时个人常用的辅助网站,工具分享给大家,以便快速开发
6丶chrome插件,用于检查不同网页的样式信息。27丶快速开发工具Form Generator。26丶快速开发工具-vue-Layout。5丶快速生成对应不同元素的一套字体。11丶ui框架ant design。12丶移动端开发框架zepto。16丶uTools工具官方文档。28丶又好用的我会及时补充!3丶帮助设定页面元素字体大小。7丶帮助生成有趣的拟人化头像。19丶CSS颜色配色选择网址。14丶基于安卓快速开发功能。25丶element-ui。23丶阿里巴巴矢量图标库。10丶淘宝npm镜像。
2022-10-21 14:16:56
481
原创 在npm组件库上发布npm组件
一、初始化项目打开cmd窗口,执行vue create 项目名称。二、组件项目目录初始化完成之后,我们需要创建一个packages目录,存放开源的组件,如果有需求需要展示的文档界面,那么我们可以把src目录改成example。在vue.config.js同级目录创建一个index.js文件,index.js是把packages目录下的组件文件暴露出去的出口。三、组件库关键代码1.编写组件首先我们在packages下创建相对于组件的文件夹,然后创建index.vue文件,编写组件,如果有公共的样式的话,在项目
2022-06-08 17:49:41
1154
转载 vue脚手架安装
Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cn.vuejs.org/index.html使用步骤1.安装 3.x 版本的 Vue 脚手架npm install -g @vue/cli12.基于 3.x 版本的脚手架创建vue项目基于 交互式命令行 的方式,创建 新版 vue 项目vue create vuedemo1基于 图形化界面 的方式,创建 新版 vue 项目...
2022-03-16 17:34:11
210
原创 前端(vue面试题总结)
1. Vue 实例的 data 属性,可以在哪些生命周期中获取到?A. beforeCreate B. created C. beforeMount D. mounted(b,c,d)2. 下列对 Vue 原理的叙述,哪些是正确的?A. Vue 中的数组变更通知,通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数,渲染函数执行后将得到 VNode 树C. 组件内 data 发生变化时会通知其对应 watcher,执行异步更新D. patching 算法首先进行同层级比较,可
2022-03-16 11:37:38
7171
原创 verdaccio 搭建npm私有仓库(见下)
3. 如何搭建一个私有的npm仓库呢?搭建npm仓库一般有如下基本方法:(需要付费的这边先不写出来哦):1. 使用 Sinopia2. 使用cnpmjs.org这边先不讲 第二种使用cnpmjs.org,因为它要搭建数据库比较麻烦,有兴趣的童靴可以自己去研究一下。那我们使用第一种哦,那为什么我们现在不用Sinopia呢?而使用 verdaccio 来搭建呢?那是因为 Sinopia 库作者两年前就已经停止了更新了,所以之后就出来了verdaccio(查看github地址https://...
2022-03-14 15:50:52
995
原创 前端面试题
10、Vue2.x和Vue3.x渲染器的diff算法分别说一下简单来说,diff算法有以下过程1、同级比较,再比较子节点2、先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点,将旧的子节点移除)3、比较都有子节点的情况(核心diff)4、递归比较子节点正常Diff两个树的时间复杂度是O(n^3),但实际情况下我们很少会进行跨层级的移动DOM,所以Vue将Diff进行了优化,从O(n^3) -> O(n),只有当新旧children都为多个子节点时...
2022-03-03 22:50:54
1897
原创 git合并分支/拉取远程分支,并创建本地分支/删除分支(一看就懂)
假如我们现在在dev分支上,刚开发完项目,执行了下列命令:git add .git commit -m '提交的备注信息'git push -u origin dev想将dev分支合并到master分支,操作如下:1、首先切换到master分支上git checkout master2、如果是多人开发的话 需要把远程master上的代码pull下来git pull origin master//如果是自己一个开发就没有必要了,为了保险期间还是pull
2022-02-23 09:54:29
1782
原创 git如何新建分支
1) 切换到基础分支,如主干git checkout master2)创建并切换到新分支git checkout -b staginggit branch可以看到已经在panda分支上3)更新分支代码并提交git add *git commit -m "init staging"git push origin staging4)在git代码管理界面经可以看到panda分支了,成功~~...
2022-02-21 14:27:03
720
转载 vue项目使用Export2Excel导出Excel表格详细步骤
在前端项目中导出Excel表格,Vue.js确实可以实现,亲测具体实现步骤为:1.安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader.导入两个jsBlob.js和Export2Excel.js,在src目录下新建Excel文件夹,里面放入Blob.js和Export2Excel.js两个JS文件(感谢大佬已经给我们提供好了!)3.main.js 引入文件i..
2022-02-21 13:59:45
3306
2
原创 Vue 项目中引入 tinymce 富文本编辑器
在 Vue 项目中引入 tinymce 富文本编辑器项目中原本使用的富文本编辑器是wangEditor,这是一个很轻量、简洁编辑器但是公司的业务升级,想要一个功能更全面的编辑器,我找了好久,目前常见的编辑器有这些:UEditor:百度前端的开源项目,功能强大,基于 jQuery,但已经没有再维护,而且限定了后端代码,修改起来比较费劲bootstrap-wysiwyg:微型,易用,小而美,只是 Bootstrap + jQuery...kindEditor:功能强大,代码简洁,需要配置后.
2022-02-21 11:00:09
14689
6
转载 url 的正则表达式:path-to-regexp
概述该工具库用来处理 url 中地址与参数,能够很方便得到我们想要的数据。js 中有 RegExp 方法做正则表达式校验,而 path-to-regexp 可以看成是 url 字符串的正则表达式。使用第三方库,使用前先进行安装:$ npm install path-to-regexp在 js 中使用:const pathToRegexp = require('path-to-regexp');API 介绍1. pathToRegexp()作用:这里这个方法可以
2022-01-17 19:50:32
1350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人