记录
qq_40919692
这个作者很懒,什么都没留下…
展开
-
vue项目中移动端的图片预览
首先我试过三种方式分别是wc-view、vant中的upload组件、v-viewer插件(也可用于pc端)。这三种的差别在于wc-view:只可以放大预览,不可以手动放大图片。vant中的upload组件:可以放大预览,也可以手动放大,但是它不可以无限放大。v-viewer:是既可以放大预览,也可以手动放大,最终我选择了这一钟1、wc-view插件的方式首先安装依赖npm i wc-view --save-dev在main.js中引入文件import wcView from 'wc-v原创 2021-04-08 10:24:49 · 625 阅读 · 2 评论 -
遍历对象的方法
Object.keys()let meals = { mealA: 'Breakfast', mealB: 'Lunch', mealC: 'Dinner'};for (let key of Object.keys(meals)) { let mealName = meals[key]; // ... do something with mealName console.log(mealName);}// 'Breakfast' 'Lunch' 'Dinner'Object.val原创 2021-04-01 17:08:31 · 144 阅读 · 0 评论 -
vue移动端适配
vant组件库中的进阶用法推荐postcss-pxtorem和lib-flexibleVant 默认使用 px 作为样式单位,如果需要使用 viewport 单位 (vw, vh, vmin, vmax),推荐使用 postcss-px-to-viewport 进行转换。postcss-px-to-viewport 是一款 PostCSS 插件,用于将 px 单位转化为 vw/vh 单位。其中的rootValue:37.5 不建议修改。注意,若使用37.5则设计稿也建议使用375为标准的,尝试过使用7原创 2021-04-01 15:40:30 · 95 阅读 · 0 评论 -
学习:grid布局
说实话,能支持我看完的,真的是觉得非常有用,哈哈哈哈哈。。。。。一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid转载 2020-05-21 15:12:43 · 246 阅读 · 0 评论 -
学习:关于色彩理论
1. Color Wheel所谓Color Wheel,就是将一系列颜色,有次序地通过一个圆盘的形式,展现出来。它的产生方式是,首先列出三原色(PRIMARY COLORS):红、黄、蓝。然后,二二混合,产生二级颜色(SECONDARY COLORS):绿、橙、紫。接着,继续二二混合,又产生6种三级颜色(TERTIARY COLORS):黄橙、红橙、红紫、蓝紫、黄绿、蓝紫。通过不断混合相邻颜色,产生新的颜色,最终形成一个全域的Color Wheel。2. 类似色和互补色12色的Color转载 2020-05-21 11:15:14 · 625 阅读 · 0 评论 -
css:判断从盒子的上下左右哪个位置进入盒子
html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> body { padding: 2em; text-align: center; } .box { position:原创 2020-05-19 10:29:38 · 178 阅读 · 0 评论 -
css:实现斑马条纹背景
效果代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .container { display: flex; flex-wrap: wrap; justify-content: space-around; align-content: space-aroun转载 2020-05-18 16:04:02 · 551 阅读 · 0 评论 -
学习cookie
什么是cookie?Cookie(复数形态Cookies),类型为「小型文本文件」,一般不超过 4KB 的小型文本数据,指某些网站为了辨别用户身份而储存在用户本地终端(访问页面的设备,比如:手机、电脑)上的数据。它由一个名称(Name)、一个值(Value)和其它几个用于控制 Cookie 有效期、安全性、使用范围的可选属性组成。如何查看cookie?可以在浏览器的开发者工具中查看到当在这里插入图片描述前页面的 Cookie:如何设置cookie?1、客户端发送 HTTP 请求到服务器。2、原创 2020-05-17 09:47:37 · 211 阅读 · 0 评论 -
js:记录函数、构造函数、原型以及原型链的学习。
函数每个函数都有其属性和方法。属性1、length属性。2、prototype属性:每个函数都有一个prototype属性,这个对象指向原型对象(下面会讲到什么是原型对象);每个函数都包含不同的原型对象;当将函数用作构造函数的时候,新创建的对象会从原型对象上“继承”属性。方法1、call()。2、apply()。3、bind()。4、toString()。构造函数专门用来生成实例对象的函数。它就是对象的模板,描述对象的基本信息;构造函数就是一个普通的函数。为了和普通函数区别,构造函数名原创 2020-05-15 17:08:59 · 130 阅读 · 0 评论