- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue-cli 安装时切换包管理器（npm或pnpm等）安装
pnpm是一款备受关注的新的包管理器，当下载了pnpm之后，通过vue-cli脚手架生成vue项目时，你可能会看到假定我们选择了pnpm之后，下次安装新项目时直接会通过pnpm下载依赖，而不是再次询问！那怎么才能更改呢？方法一、 仅对本次创建的项目指定某包管理器vue create 命令有一些可选项，你可以通过运行以下命令进行探索：vue create --help用法：create [options] <app-name>创建一个由 `vue-cli-service` 提供
2022-02-16 23:03:42
5163
2
原创 解决百度地图JavaScript API GL v1.0版本重新加载页面
首先我们简单描述一下问题：home 和 about 点击之后可以切换路由，并且home和about都是含有百度地图的页面。再经过多次切换路由之后，页面会重新加载！在经过多次点击之后，我们打开f12发现有一个log飘过，但是再刷新之后不会保存，首先我们保存log！先点击最右边的设置，然后选择preserve log，日志就能保存啦！再切换几次路由，看看到底显示的是什么！经过保存路由之后，我们发现显示为查询了一下发现是因为大部分浏览器对单个页面能运行的WebGL上下文是有限制的，例如PC上的chrom
2021-12-19 23:13:31
2745
原创 h5点击数字莫名其妙跳出拨打电话
h5在手机端有时候点击数字，莫名其妙的跳出拨打电话界面。是因为ios有一个默认开启的功能, 会把网页中的数字自动识别为电话号码。你需要在head中加入，点击之后就不会拨打电话了。
2021-09-09 19:10:48
492
原创 elementUI中vue-infinite-scroll的值需要给一个参数
在官网中，vue-infinite-scroll是这样使用的。<template> <div class="infinite-list-wrapper" style="overflow:auto"> <ul class="list" v-infinite-scroll="load" infinite-scroll-disabled="disabled"> <li v-for="i in count" cl
2021-09-02 19:31:26
1179
4
原创 jpg或png图片居然在手机中无法显示！
有一天被告知，我的图片居然在别人的手机上无法显示？！我急忙打开手机，诶？居然是显示的。又借了几个手机之后发现，ios的手机显示不出，而安卓的手机显示的出！webp这种格式的主要优势在于高效率。他们发现，“在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%。谷歌浏览器已经支持webp格式，Opera在版本号Opera11.10后也增加了支持，然而火狐和ie暂时还不支持webp格式，可以采用flash插件来显示webp，当然这样会耗费一些性能。苹果在macOS Sierra及iOS
2021-06-24 12:01:30
4278
原创 记录npm包迁移到微信小程序的经历
我们要转化的包的地址：github地址demo// components/tagCloud/tagCloud.jsComponent({ /** * 组件的属性列表 */ properties: { texts: { type: Array, value: [] }, options: { type: Object, value: {} } }, /** * 组件的初始数据 */
2021-06-23 16:43:11
84
原创 git中的revert和reset
假如我们对之前提交的代码不满意，我们就能使用git reset 或者git revert。reset、revert都有恢复之意，在git中他们的差别是什么呢？在这之前，我们在复习一下git的基本知识。Git有三个区域：Working Tree 当前的工作区域Index/Stage 暂存区域。使用git add xx，就可以将xx添加近Stage里面Repository 提交的历史，即使用git commit提交后的结果resetgit reset 是通过移动HEAD来达到重置的目的，移动到的
2021-05-19 23:43:28
425
原创 从服务器获取字符串生成Vue组件
从服务器获取字符串生成Vue组件在一些应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块，这时候我们就需要用到异步组件。准备工作我们需要用到Vue.component(‘my-component’, { /* … */ })这个api， 在我们通常使用的vue-cli构建出的应用中，为运行时版本的vue构建版本，但是我们这种情况需要在客户端编译模板(传入一个字符串给 template 选项)，就需要加上编译器，即完整版完整版：同时包含编译器和运行时的版本。编
2021-04-16 00:04:36
3518
原创 Vue首页性能优化之gzip
首页白屏时间过长，可能是下载资源的时间过长，我们可以将项目gzip压缩，记得这种办法需要服务端支持哦 。配置webpack这里我们用到了compression-webpack-plugin首先 npm i -D compression-webpack-pluginmodule.exports = { config.plugin('compression-webpack-plugin').use('compression-webpack-plugin', [{
2020-11-06 21:17:31
363
原创 js中取一个对象的部分属性
let obj = {a: 1,b: 2,c: 3,d: 4,e: 5，…};有时候对于这样的一个对象,我们只想获得其中的部分属性，有什么好方法呢？
2020-07-07 19:17:35
15426
原创 vue组件间的循环引用
起因Vue出现报错： Unknown custom element: < xxxxx > - did you register the component correctly? For recursive components, make sure to provide the “name” option.出现这个报错，我们的第一反应是 import了吗？components里面添...
2020-03-13 16:32:42
2163
原创 vue中el-checkbox要点击两次才切换，或者点击根本不切换
问题：vue中el-checkbox要点击两次才切换，或者点击根本不切换。问题代码： <el-checkbox v-model="showFrozenAccount" @change="changeShowAccountStatus">xxxxxx</el-checkbox> changeShowAccountStatus() { this.show...
2019-11-22 11:08:37
9448
6
原创 vue后退时保存滚动条位置
在项目中遇到了vue后退时保存滚动条位置的问题，找到了三个方法来解决。一、使用vue的keep-alive属性使用<keep-alive> </keep-alive>包裹组件能使组件被缓存起来，而不是被销毁。所以当你浏览器后退时，理所应当的就会回到原来滚动条滚动的位置。keep-alive组件的include、exclude、max属性能更加轻松的完成你想要的结果。...
2019-11-18 17:40:16
1135
原创 vue第三方组件如elementUI修改css无效的问题
一、Scoped在我们写vue的css是通常会<style scoped lang="xxxx"></style>其中scope的含义是其CSS只在当前组件中生效，这是个很好的属性，让开发者之间的css不互相污染。但是当使用第三方库如elementUI时，往往不能改变其CSS。使用 scoped 后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其...
2019-09-02 11:38:21
1763
原创 双核浏览器选择内核渲染网页
一、HTML的meta标签<meta>元素可以提供页面的元信息。必要的属性为contentcontent: 定义与 http-equiv 或 name 属性相关的元信息可选属性有name等name: 把 content 属性关联到一个名称。二、双核浏览器默认选择内核渲染网页如360浏览器、猎豹浏览器都是双核浏览器。如果想让页面默认用webkit内核渲染<m...
2019-07-01 22:38:31
160
原创 把js数组的多层嵌套变成一维的（拉平）
一、把js数组中的像树结构的嵌套的对象拉平,变成一维数组。const arr = [ { id: 1, children: [ { id: 2, children: [ { id: 3, ...
2019-05-07 19:11:42
7956
2
原创 谈vuex的...mapGetters
谈vuex的...mapGetterscomputed:{ ...mapGetters(['test']),}我们在vue文件中就可以直接this.test来访问vuex中的属性了。但是…mapGetters是什么?mapGetters前用了扩展运算符"…"function fn(){ return {a: 1, b: 2};}//如mapGettersvar a = {...
2019-04-19 02:56:53
2390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人