07 2021 档案
摘要：Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/rele
阅读全文
摘要：Vue2.0快速上手 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── compo
阅读全文
摘要：效果演示 <div class="box"> <div class="button"> 按钮 </div> </div> <div class="box1"> 哈哈 <span></span> <span></span> <span></span> <span></span> </div> <div
阅读全文
摘要：/* 可以设置不同的进入和离开动画 */ /* 设置持续时间和动画函数 */ .fade-enter-active, .fade-leave-active { transition: opacity 2s } .fade-enter, .fade-leave-to /* .fade-leave-ac
阅读全文
摘要：create 创建一个对象 const obj = Object.create({a:1}, {b: {value: 2}}) 第一个参数为对象，对象为函数调用之后返回新对象的原型对象，第二个参数为对象本身的实例方法（默认不能修改,不能枚举） obj.__proto__.a 1 // true ob
阅读全文
摘要：代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全屏</title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ width: 100%;
阅读全文
摘要：知识点罗列 简介 首先需要介绍一下滚动条的组成部分。滚动条包含 track 和 thumb track是滚动条的基础，其中的 thumb是用户拖动支页面或章节内的滚动 还有一件重要的事情要记住，滚动条可以水平或垂直地工作，这取决于设计。另外，在一个多语言网站上工作时，这一点也会发生变化，该网站在从左
阅读全文
摘要：1.利用对象的属性 使用对象属性不重名的特性。 var arr = ['qiang','ming','tao','li','liang','you','qiang','tao']; console.time("nonredundant1"); var nonredundant1 = Object.g
阅读全文
摘要：导航栏下划线动画在网页设计中是非常常见的交互 在线展示 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css菜单效果</title> <style type="text/css"> p { text-align: cen
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ overflow: hidden; list-style: none; } li{ float: left
阅读全文
摘要：呼吸灯效果 核心 @keyframes breath { from { opacity: 0.1; } /* 动画开始时的不透明度 */ 50% { opacity: 1; } /* 动画50% 时的不透明度 */ to { opacity: 0.1; } /* 动画结束时的不透明度 */ } 源码
阅读全文
摘要：SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。 一、下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test） sass test.scss 如果要将显示结果保存成文件，后面再跟一个.css文件名。 sass
阅读全文
摘要：安装 // 安装 vue-i18n npm install --save vue-i18n // 安装 js-cookie npm install --save js-cookie // 安装 vuex npm install --save vuex i18n 封装 将i18n引入与注册实例封装在了
阅读全文
摘要：写在 data 初始化的时候拿到这些被国际化的值，并不能响应变化。 官方的解决办法是，建议我们将表达式写到computed属性里，不要写到data中使用 <div>{{$t('k.state')}}</div> // 可以动态改变 data() { return { dyh: this.$t('k.
阅读全文
摘要：for 循环 for 循环是 js 中最常用的一个循环工具，经常用于数组的循环遍历。 let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) } for in 循环 *vue var obj = {'0':
阅读全文
摘要：#include<stdio.h> #include<string.h> void main() {char a[]="Programming"; char t; int i,j=0,k; k=strlen(a); for(i=0;i<k;i++) for(j=i+1;j<k;j++) if(a[i
阅读全文
摘要：基础使用 <style> .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; widt
阅读全文
摘要：解读 1 为啥手机网页效果图宽度是要640或者750的？ 老实说当然可以，不过为了规范，640或者750是相对合适的。 拿Iphone 5s 举例，它的css像素宽度是320px，由于它的dpr=2，所以它的物理像素宽度为320 × 2 = 640px，这也就是为什么，你在5s上截了一张图，在电脑上
阅读全文
摘要：移动端页面适配，rem和vw适配方案 基础点：rem相对根节点字体的大小。所以不用px; 根字体：字体的大小px; px：你就当成cm(厘米)这样的东西吧； 基准：750设计稿（一般UI设计师给的都是750的设计稿）； 工具 vue-cli:使用脚手架来搭建vue前端项目 postcss:就是pos
阅读全文
摘要：在项目的main文件中添加如下代码 const isDebug_mode = process.env.NODE_ENV !== 'production'; Vue.config.debug = isDebug_mode; Vue.config.devtools = isDebug_mode; Vue
阅读全文
