- 博客(13)
- 收藏
- 关注
RSS订阅原创 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
398
原创 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
377
原创 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
133
原创 关于布局
节流和防抖防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（信我，你看完肯定就懂了）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scro
2021-03-29 16:24:23
132
原创 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
144
原创 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
174
原创 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
781
原创 查看ssh公钥
直接输入命令 ：cat ~/.ssh/id_rsa.pub如果找不到 就要生成公钥：ssh-keygen接着会确认存放公钥的地址，默认就是上面说的路径，直接enter键确认接着会要求输入密码和确认密码，如果不想设置密码直接不输入内容 按enter键...
2021-03-29 16:19:41
326
原创 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
666
转载 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
2872
原创 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
174
原创 自定义组件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
965
原创 js原型链
一开始没有东西只有一个null然后无中生有产生了一个模板（No1）然后根据模板创建一个对象 Object 所以Object.prototype === No1 所以Object.prototype.proto === null.使用这个对象(机器)Object可以生产各种的对象，只需要通过new但是有一天，因为Object什么都可以生产，生产的对象太杂，为了实现物以类聚，使用特定的机器生产特定...
2020-04-05 10:56:10
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人