自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 cordova+ vue-cli3 开发app (android)

cordova+ vue-cli3 开发app (android)前期需要安装javajdk androidSDK gradle 这三个东西以及环境变量配置,详细自己网上查阅文档然后全局安装cordovanpm install -g cordova检查安装是否完善 (会检查前面说的这4个东西是否安装完全)cordova requirements然后创建项目cd到你想要创建项目的文件夹,cordova create是创建项目的命令,hello为本地文件夹名称,com.example.he

2021-03-30 08:53:14 80

原创 vue-cli3中使用svg

vue-cli3中使用svg打开vue ui 安装 vue-cli-plugin-svg-sprite然后会自动安装 svgo svgo-loader vue-cli-plugin-svg-sprite然后再vue.config.js 配置 //svg配置 chainWebpack: config => { config.module .rule('svg-sprite') .use('svgo-loader') .loader('

2021-03-30 08:52:36 47

原创 pc端开发的网址放在移动端那些事

pc端开发的网址放在移动端那些事有时候需要让pc端的网站在移动端也能看的,需要怎么做?把index.html上的 给注释了//2.保持手机端视图html, body { min-width: 1200px;}苹果真机 会出现 在 高度不足 的情况下出现滚动条的问题这是因为设置了min-width: 1200px 之后高度还是100vh但是这个100vh 不是 实际的100%高度, 如何解决 需要这样://解决内容高度不足出现滚动条问题@media screen and

2021-03-29 16:25:02 13

原创 关于布局

节流和防抖防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。(信我,你看完肯定就懂了)从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件,返回当前滚条与顶部的距离这个需求很简单,直接写:function showTop () { var scro

2021-03-29 16:24:23 15

原创 js数组扁平化

数组扁平化一、 什么是数组扁平化1.扁平化,顾名思义就是减少复杂性装饰,使其事物本身更简洁、简单,突出主题。2.数组扁平化,对着上面意思套也知道了,就是将一个复杂的嵌套多层的数组,一层一层的转化为层级较少或者只有一层的数组。Ps: flatten 可以使数组扁平化,效果就会如下const arr = [1, [2, [3, 4]]];console.log(flatten(arr)); // [1, 2, 3, 4]从中可以看出,使用 flatten 处理后的数组只有一层,下面我们来试着实现

2021-03-29 16:22:34 11

原创 JavaScript数组去重多种姿势

解锁多种JavaScript数组去重姿势JavaScript数组去重,一个老生常谈的问题了,但这次是解锁多种JavaScript数组去重姿势。对以下所有的实现算法,都使用以下代码进行粗略测试:const arr = [];// 生成[0, 100000]之间的随机数for (let i = 0; i < 100000; i++) { arr.push(0 + Math.floor((100000 - 0 + 1) * Math.random()))}// ...实现算法cons

2021-03-29 16:22:03 11

原创 vue开发移动端app苹果手机的bug脱坑

vue开发移动端app 网页打包 苹果app的坑总结列表设置overflow:auto 后,滚动效果不流畅的问题//可以在列表设置flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch; //在iOS中出现滚动卡顿问题上诉解决方法还会出现一个问题,就是会导致在列表中如果有弹窗(position: fixed)会导致弹窗被覆盖或者覆盖不完全的问题,为此需要将弹窗放在列表外,下面为代码例子: <div class="q

2021-03-29 16:21:10 114

原创 查看ssh公钥

直接输入命令 :cat ~/.ssh/id_rsa.pub如果找不到 就要生成公钥:ssh-keygen接着会确认存放公钥的地址,默认就是上面说的路径,直接enter键确认接着会要求输入密码和确认密码,如果不想设置密码直接不输入内容 按enter键...

2021-03-29 16:19:41 34

原创 vue使用postcss-pxtorem适配移动端

postcss-pxtorem适配移动端vant设计稿使用的是375px首先下载yarn add postcss-pxtoremlib-flexible然后再vue.config.js配置 css: { loaderOptions: { postcss: { plugins: [ require('postcss-pxtorem')({ rootValue: 37.5, //这个37.5就是当做750p

2021-03-29 16:18:59 136

转载 vue使用viewport适配

使用viewport适配之前做移动端适配时,基本上是采用rem方案,现在发现了一个新的方案,就是用viewport单位,现在viewport单位越来越受到众多浏览器的支持postcss-px-to-viewport,将px单位自动转换成viewport单位,用起来超级简单,postcss-px-to-viewport 文档安装npm install postcss-px-to-viewport --save-dev在vue.config.js中:const autoprefix

2021-03-29 16:18:17 838

原创 vue中使用富文本编辑器tinymce

vue中使用富文本编辑器tinymce第一步<!-- 安装 切记版本要对--->yarn add @tinymce/tinymce-vue@3.2.2 tinymce@5.3.1 第二步找到node_modules中的tinymce文件夹下的skins文件夹,然后在项目中的public下新建static文件夹下再新建tinymce文件夹,然后将刚刚找到的整个skins文件夹拷贝到public的static文件夹下tinymce目录下。接着去官网下载语言包,解压,将langs文件夹

2021-03-29 16:15:36 17

原创 自定义组件v-model的使用

自定义组件v-model的使用首先 v-model是语法糖 他的实际意义是这样的<input :value="value" @input="value= $event.target.value" />然后 等价于<input v-model="value"/>由此我们可以想 我们是不是也可以在自定义组件中使用v-model呢?是的, 接下来我们演示一下父组件中<template> <div class="s_process_line_tw

2021-03-29 16:14:47 25

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除