- 博客(12)
- 收藏
- 关注
原创 使用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组件名称跟自身的name相关联 --> <comment :list="item.children" v-if="item.children">
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人