2020年05月_jingjinglove-

原创 js如何动态添加div，动态添加class并且为该div绑定点击事件

动态添加div知识点：appendChild（）方法appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。具体的用法可以参考W3C1、首先用createElement创建一个div里面的××必须是一样的。 var ×× = document.createElement("div"); //创建一个div2、给div添加样式 ××.style.cssText = "样式";3、给div添加class和id ××.className = "class名"; //给

2020-05-27 11:49:55 12057 3

原创你不得不知道的vue移动端开源框架，让你能够快速完成开发的利器。

名称简介官网vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。vuxvux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档Mint UIMint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。中文文档...

2020-05-22 13:01:04 1048

原创 vue项目如何做切换按钮，在网页同一区域显示不同的内容

点击按钮你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本

2020-05-19 19:06:49 15415 8

原创 vue中使用swiper页面不滑动，swiper中的js不生效的问题解决

如何在vue中使用swiper插件1、前言今天用vue3.0写项目的时候，想要用swiper插件做轮播。其实之前我也用过，也遇到这个问题，但是我记性不好，就把这个关键的问题又忘记啦，今天又遇到这个坑，所以打算记录一下，以免自己以后又忘记。我们在vue中使用swiper的时候，一定要用setTimeout来初始化swiper组件。这也是我们经常遇到的一个坑。如果用的轮播比较简单，其实elementUI里面自带的走马灯也是不错的选择。2 、安装方法// 使用指令安装npm i swiper@3.4.

2020-05-19 12:07:49 3530 6

原创 error: 'XXX' is defined but never used (no-unused-vars）报错的解决方案

错误原因我的项目安装了eslint规范，ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误解决方案一、在package.json文件内加入如下代码：然后保存重启项目。"rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whit

2020-05-12 16:59:39 53451 8

原创移动端rem布局方式：vue cli3.0 px转rem

移动端开发，px转remrem的简介其实rem布局的本质是等比缩放，一般是基于宽度，如果想要页面元素随着屏幕宽度等比变化，那么使用css3里里面的rem是非常适合的。我用的是vue3.0的脚手架，安装插件就可以自动把px转换成rem。废话不多说啦。直接上点干货吧首先安装amfe-flexible插件npm i amfe-flexible在main.js里引入如图：import 'amfe-flexible'安装postcss-px2rem插件postcss-px2rem这个插

2020-05-11 17:54:51 642

原创 npm ERR! cb() never called!报错和npm ERR! Response timeout while trying to fetch https://registry.npmjs

问题描述在安装vue3.03.0脚手架的时候，怎么都安装不成功，每次install的都特别慢。等好久之后，会抛出几个错。就是下图的错误。错误原因网上找的各种解决办法都不管用，什么打开cmd清除你的npm缓存,在我这里通通都不好使，但是网上搜到的大多数都是因为我没有使用淘宝镜像。我也不知道npm为什么要用淘宝镜像。但是确实将npm源切换成淘宝问题就解决啦解决方法// 查看可用的npm源nrm ls切换npm源为taobao这样就可以愉快的安装3.0脚手架啦...

2020-05-11 15:47:23 4589 1

原创 errors potentially fixable with the `--fix` option报错

errors potentially fixable with the --fix option.报错如何解决问题描述在用vue-cli3搭建的项目开始进行开发时候，在项目搭建完成之后，每次启动服务时都会弹出编译错误，我就是简单的新建一个index.vue，写了几个标签，发现初次npm run serve不会报错，在浏览器上访问可以显示正常的内容，但只要每次修改保存之后就会报错，根据提示去查看代码，怎么也没看出问题出现在哪里。虽然报错了，但是服务还是正常启动了。出错原因根据系统提示找到错误“12 e

2020-05-11 13:55:13 20850 1

原创 vue-cli3.0如何从零搭建项目

如何搭建vue3.0项目vue3.0的优点是更快更小，它重新审视了 vdom，更改了自身对于 vdom的对比算法。vdom从之前的每次更新，都进行一次完整遍历对比，改为了切分区块树，来进行动态内容更新。也就是只更新 vdom的绑定了动态数据的部分，把速度提高了6倍；把 definePerproty改为了 proxy，对于 JavaScript引擎更加友好，响应更加高效。加强了 typescrip...

2020-05-08 18:00:43 1861 2

吴文静的博客