伊乆-CSDN博客

原创使用postcss-px-to-viewport适配vue

使用postcss-px-to-viewport适配写移动端（H5）可以将px自动转换为vw安装指令 npm install postcss-px-to-viewport --save-dev然后再根目录创建postcss.config.js文件，并且配置。 module.exports = { plugins: { 'postcss-px-to-viewport': { viewportWidth: 375, //设计稿标准

2021-06-07 10:06:17 283

原创 git是什么它的用法

今日内容git常见的命令总结git clone 远程仓库的地址本地要创建的文件夹的名字 //把远程的仓库代码克隆到本地git init 初始化仓库自动生成 .git文件夹git status 查看状态git add filename / . 把工作区的文件提交到暂存区git commit -m “提交的信息”git push origin 本地的分支名:线上分支名git push origin master 把本地master分支，推到线上master

2021-05-31 11:37:49 121

原创 Vue3语法

中文网地址https://v3.cn.vuejs.org/生命周期beforeCreate。created。beforeMount。mounted。beforeUpdate。updated。beforeUnmount。unmounted。计算属性可以有get和set。组件语法Use class-style component syntax$parent $refs子操作父可以用this.$parent。父操作子可以用：this.$refs.子组件ref.数据=插槽v-s

2021-05-21 20:54:02 1527

原创留言里面还有留言渲染数据

数据组件<template> <div style="padding-left:100px"> <div v-for="(item, index) in list" :key="index"> {{ item.content }}  <comment :list="item.children" v-if="item.children"&gt

2021-05-20 00:20:59 108

原创数组去重

var arr = [1,2,3,4,4,2,99,99,1,1,2,1,2];第一种：new Set()展示：new Set()代码片 var box = Array.from(new Set(arr)); var box = [...new Set(arr)]; console.log(box);第二种：indexOf()展示：indexOf()代码片。var box = [];for(var i = 0;i < arr.length;i++){ if(box.indexOf

2021-05-17 23:01:14 53

原创斐波那契数列

斐波那契数列数列就是从第3项开始，每一项都等于前两项之和：0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89。使用递归实现一个斐波那契数列：传入一个参数，为递归次数。斐波那契数列码片。function feibo(count, current = 1, prev = 0) { if (count === 0) { console.log(current); return; } feibo(count - 1, current + prev, current);

2021-05-16 19:47:48 203

原创深拷贝和浅拷贝

浅拷贝：浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。深拷贝：深拷贝复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象。浅拷贝的码片。 function extend(target,source){ target = target || {}; // 判断是否是对象

2021-05-16 19:43:20 103

原创小程序

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序开发前准备：申请账号安装开发工具账号申请：进入小程序注册页根据指引填写信息和提交相应的资料，就可以有自己的小程序帐号网址：https://mp.weixin.qq.com获取APPID由于后期调⽤微信⼩程序的接⼝等功能，需要索取开发者的⼩程序中的 APPID ，所以在注册成功后，可登录，然后获取APPID。登录，成功后可看到如下界⾯ ,然后复制你的APPID,第⼀个微信⼩程序

2021-05-14 00:44:42 76

原创 vuex持久化存储下载插件

问题Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是，Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据，只要一刷新页面，数据就丢失了。引入vuex-persist 插件，它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ，而是直接将状态保存至 cookie 或者 localStorage 中。具体用法如下：安装命令cnpm install vuex-persist --save引入内联代码片段

2021-05-12 23:27:16 309

原创移动端

移动端布局移动web开发流式布局1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Web

2021-05-11 23:37:58 58

原创节流防抖是什么

防抖所谓防抖，就是指触发事件后在 n秒内函数只能执行一次，如果在 n秒内再去触发这个事件，则会被重新计算函数执行时间代码//定义一个input<input type="text" id="input"> <script> // 将会包装事件的 debounce 函数 function debounce(fn, delay) { // 利用闭包保存定时器 let timer = null;

2021-05-11 08:01:36 300

原创 uni-app是什么

这里写自定义目录标题uni-app是什么uni-app的优点uni-app是什么uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、开发者可以放心选择uni-app的优点跨平台发行真正做到"一套代码、多端发行"条件编译：优雅的在一个项目

2021-05-06 23:32:16 317

weixin_48392117的博客