描述 有时发现用一些第三方的组件库时,例如一个封装好的button按钮<el-butten>,绑定点击事件却没有任何作用,这时便需要加 .native 原因: v-on 是对 Vue 的事件体系封装后的 API 接口,官方文档中指出Vue 使用的是一套自己的事件传递机制,如 @click 等事件是经过 Vue 封装的.所以在一些实际上处理 DOM 原生事件的场合需要添加额外的标识符. 解决 而.native就是给组件绑定原生事件采用的方法…
背景 在项目使用lib-flexible还有postcss-px2rem实现移动端适配,当我们引入第三方的样式组件库,发现一个问题.那些组件库的样式都变小了. 问题原因 变小的主要原因是第三库 css一依据 data-dpr="1" 时写的尺寸 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.…
一.Angular  UI组件库  ------------ionic 1. 官网:https://ionicframework.com 文档:https://ionicframework.com/docs 概述:是一个移动端UI组件库,可以与Angular/Vue/React组合应用,也可以单独使用(SCRIPT直接引入) 可以使用lonic的步骤: 1.下载并安装全局的脚手架工具 npm     i     -g    ionic 默认安装在c:/users/用户名/appdata/roam…
网上流传了太多关于合并lib库的方法,自己也尝试过,但大多失败.有感于这种急于解决问题,经过百般尝试后依旧无果的无奈心情,小翁在这里用一个实例来完整阐述如何在mac中合并lib静态库. 这里以移动广告平台多盟的三个lib库为例子,之所以以此为例子,是因为我也遇到了库冲突的问题,所以才有了本文的内容. 本文的目标:合并libDomobOfferWallSDK.a.libDomobAdWallCoreSDK+UI.a.libDomobAdSDK.a Let`s begin! 1.依次查看所有需要合并…
首先说明Nuget是什么呢?它的官方是:https://www.nuget.org/ 官方主页的介绍如下: What is NuGet? NuGet is the package manager for .NET. The NuGet client tools provide the ability to produce and consume packages. The NuGet Gallery is the central package repository used by all pa…
1 为什么会发生延迟300毫秒的问题 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击.为了能够立即响应用户的点击事件,才有了FastClick.这个问题在较新的安卓机上已经没有了,但是在ios一样恶心的存在.为什么不用touchend?举个一个例子 当存在一个滑动列表,而列表中的元素又可以点击的时候,你就知道有多爽了. 言归正传,其实fastclick的使用很简单,都是创建fastclick实列后,将其包裹目标dom.然后目标dom及do…
最近在开发一个基于Vue的后台管理系统,其中使用了element-ui第三方ui组件库.使用过组件库的人都知道,第三方组件往往会有一些默认的样式,而有些又是我们想要改变的. 一.基础(了解 <style></style> 的 scoped 属性) 在编写Vue代码过程中,为了不让父组件相同样选择器名称设置的样式影响到子组件,我们往往会给 <style></style> 标签设置 scoped 属性.但是如果设置了scoped属性,在该组件内的 Css 就只能…
介绍 beeshell 是一个 React Native 应用的基础组件库,基于 0.53.3 版本,提供一整套开箱即用的高质量组件,包含 JavaScript(以下简称 JS)组件和复合组件(包含 Native 代码),涉及前端(FE).iOS.Android 三端技术,兼顾通用性和定制化,支持自定义主题,用于开发和服务企业级移动应用.现在已经在 GitHub 上开源,地址:https://github.com/meituan/beeshell 截止目前,beeshell 中的组件已经在美团外…
作者:凹凸曼 - JJ Taro 是一款多端开发框架.开发者只需编写一份代码,即可生成各小程序端.H5 以及 React Native 的应用. Taro Next 近期已发布 beta 版本,全面完善对小程序以及 H5 的支持,欢迎体验! 背景 Taro Next 将支持使用多框架开发 过去的 Taro 1 与 Taro 2 只能使用 React 语法进行开发,但下一代的 Taro 框架对整体架构进行了升级,支持使用 React.Vue.Nerv 等框架开发多端应用. 为了支持使用多框架进行开…
vue-cli 版本:2.9.6   webpack 版本:3.6.0 1. vue-cli 安装好之后,不是自动打开默认浏览器 在 config文件夹 ---> dev选项中,有个 autoOpenBrowser .把它置为 true 即可. 2. 使用less(或者sass)全局变量 起因: 因为想定义一些常用的工具样式.类似:超过一行隐藏字体并用省略号显示,清除浮动,主题颜色等.就考虑不用每个页面都引入,能直接使用定义的工具样式. 第一步: 安装  npm install sass-res…