rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到r
作者：OmniDebug基于Vue.js开发移动端工程时，一些特定的问题和场景下，只能在移动端运行工程复现、追踪问题（比如在微信端内，在App容器内），桌面端的Devtools就没法用了。数次安装Electron版本devtools后，觉得调试起来太麻烦了，所以我决定把devtools搬进vConsole里如果不知道什么是vConsole，可以看这里vConsole Readme最终效
大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码/知识点，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。 一直在整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习。 最近超喜欢这个框架-Vue.js 的 Material 组件框架 Vuetify。 推荐指数：star:
研究组件的注册//组件注册// ASSET_TYPES = ['component','filter','directive'] ASSET_TYPES.forEach(type => { // 声明静态的方法： Vue.component = function(){} // 平时声明的组件是Vue ...
转载
2021-10-26 14:47:00
297阅读
2评论
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
Vue 学习1 vue 核心1.1 什么是 vue？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1.2 vue 的特点采
转载
2024-05-23 21:15:19
27阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
三. 组件化开发
原创
2022-09-13 12:16:53
339阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
另外2种自适应方式请阅读 前端简单实现移动端，web端自适应的写法1，安装 flexible和 postcss-px2rem（命令行安装）npm install lib-flexible --savenpm install postcss-px2rem --save简要介绍这两个包的用途：例如在Galaxy S III:例如在iphone6/7/8:flexible会为页面根据屏幕自动添
转载
2023-08-27 10:57:12
438阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
第九节9.1组件命名当注册组件(或者prop)时,可以使用kabab-case(短横线分割命名)、camelCase(驼峰式命名)或PascalCase(单词首字母大写命令)9.2组件中的data组件中的data选项必须是一个函数，返回一个数据对象。为什么需要是一个函数，而不可以像Vue实例是一个对象呢，首先因为组件会被多次复用，而对
原创
2022-02-21 14:32:51
369阅读
vue项目路由跳转和防止动态路由组件复用<vue-link>标签实现新窗口打开编程式导航完整代码this.$router.push({name: 'abc'})防止动态路由组件复用 标签实现新窗口打开官方文档中说 v-link 指令被 组件指令替代，且 不支持 target=“_blank” 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target=“_
# Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先，我们需要安装Vue
原创
2023-12-05 09:13:21
198阅读
