搜索结果
查询Tags标签： vue.js，共有 2385条记录-
12个优秀GUI Git客户端，程序员必备！
尽管许多用户可以从命令行轻松地使用Git，但有多种GUI客户端可以大大加快你的工作流程，尤其是在你不熟悉平台的情况下。 如果你正在寻找理想的客户端来管理你的Mac上的仓库，本文列出了适用于Mac OS X或Windows系统的最佳GUI Git客户端。 1. GitHub Desktophttps://deskt…
2020/5/25 14:26:24 人评论 次浏览 -
前端常用60余种工具方法
1.邮箱 export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = (s) => {return /^1[0-9]{10}$/.test(s) } 3.电话号码 export const isPhone = (s) => {retu…
2020/5/25 14:26:21 人评论 次浏览 -
总结Vue组件的通信
写在前面 总结是一种学习方式，取长补短是一种学习态度。 全文总结了6种Vue组件间的通信方式，如有误区，欢迎指正！ 1、props/$emit 最常用的一种父子间传递数据的方式。 描述： 父组件通过绑定属性来向子组件传递数据，子组件通过 props 属性来获取对应的数据；子组件通…
2020/5/25 11:56:44 人评论 次浏览 -
基于 Vue SSR 的微架构在 FOLLOWME5.0 实践
2020年5月22日FOLLOWME5.0的第一个版本终于上线了，这也是公司内部基于 Genesis 上线的第二个项目。首页是老项目经历了最原始的那种 Vue SSR，后来在年初的时候，迁移到了 Nuxt.js 下，再到现在迁移到了 Genesis，可谓是一波三折。 首次实践在2019年的上半年，我们在和 A…
2020/5/25 11:56:20 人评论 次浏览 -
框架 DOM 渲染问题探究
引言 使用NG初始化一个简单的Hello World!的Sample。渲染完成后的DOM如下所示： <app-root _nghost-ifx-c0="" ng-version="8.2.14"><app-hello-world _ngcontent-ifx-c0="" _nghost-ifx-c1=""><p _ngcontent-ifx…
2020/5/24 14:26:26 人评论 次浏览 -
36 * N 个工作中常用的 JavaScript 函数片段
最近在思否看到一个文章36个工作中常用的JavaScript函数片段。 身为坑爹面试官（▄█▀█●），怎么能只有一个答案呢？ 数组 Array 数组去重 方案一：Set + ...function noRepeat(arr) {return [...new Set(arr)]; } noRepeat([1,2,3,1,2,3]) 方案二：Set + Array.fromfu…
2020/5/24 14:26:24 人评论 次浏览 -
前端培训-中级阶段（36）- vue 2.x 组件定义和使用、组件间的通信
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 Vue 组件 组件开发在 Vue 使用中很常见，好处有…
2020/5/23 14:26:21 人评论 次浏览 -
vue3.x结合typescript初体验
一、Vue3.0 的设计目标更小\更快 - Vue 3.0大小大概减少一半，只有10kB 加强TypeScript支持 加强API设计一致性 - 易读 提高自身可维护性 开放更多底层功能vue3.x 采用Function-based API 形式组织代码，使其更容易压缩代码且压缩效率也更高,由于 修改了组件的声明方式，以…
2020/5/23 11:26:32 人评论 次浏览 -
记一次vue3.0技术分享会
记一次vue3.0技术分享会 记录了组内技术分享会, 有同样需求的同学可以参考一下 分享全程下来时间大约1小时 一. 版本 当前还处于 beta版本, 想要正式使用在项目里还需要一段的时间, 但是结构与api变化应该不大了. 这里列出的并不全, 但是够用了 1. alpha 内测版本 2. beta…
2020/5/23 5:26:22 人评论 次浏览 -
[前端进阶课] 构建自己的 webpack 知识体系
webpack webpack 最出色的功能之一就是，除了 JavaScript，还可以通过 loader 引入任何其他类型的文件。 Webpack 核心概念：Entry（入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。Output（出口）：指示 webpack 如何去输出、以及在哪里输出Module（模…
2020/5/22 14:26:28 人评论 次浏览 -
CSS中的混合模式，制作高级特效的必备技巧
作者： Ahmad Shaeed译者：前端小智来源：css-tricks点赞再看，养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。什么是…
2020/5/22 14:26:27 人评论 次浏览 -
前端上传前预览文件 image、text、json、video、audio
前天有个需求，上传前需要校验视频长度，然后让我出个 Demo。 其实预览功能实现上都差不多，所以今天我们都来实现一下咯。 选择文件一般来说上传常见的操作就三种，单击、拖拽、粘贴。下面我们分别来说一下。 input 选择文件 我们无法获取用户本地的内容，需要通过 <i…
2020/5/22 14:26:23 人评论 次浏览 -
高德地图+vue实现页面点击绘制多边形及多边形切割拆分
最终效果技术栈 项目中使用到的技术 高德基于vue的vue-amap，组件使用的element，算法是用的turf.js 配置步骤划分 1.创建vue文件，项目中引入vue-amap 官方有两种引入方式，一种npm 安装，一种是cdn引入，这里我选择的是npm安卓的 官方文档:vue-amap 2.根据文档的步骤，在…
2020/5/22 11:27:36 人评论 次浏览 -
Vue render函数
前戏 在了解vue render函数之前, 需要先了解下Vue的整体流程(如上图) 通过上图, 应该可以理解一个Vue组件是如何运行起来的.模板通过编译生成AST树 AST树生成Vue的render渲染函数 render渲染函数结合数据生成vNode(Virtual DOM Node)树 Diff和Patch后生新的UI界面(真实DOM…
2020/5/22 11:27:24 人评论 次浏览 -
前端输入框校验限制不能输入中文
记录自己工作遇到的小小问题 一般我们在做表单的时候都会有表单校验,通常都是用element提供的表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。如下面这样 rules: {name: [{ required: true, message: 请…
2020/5/22 11:27:21 人评论 次浏览
