3d旋转图：主要用css3中transform属性中的rotate,translate;以及用来做舞台效果的 perspective: 800px;(景深)和使立方体呈3d效果展示的transform-style：preserve-3d来实现；全屏的雪花飘落用原生js来实现(随机的大小，透明度的变化等)，有详细注释；html5主要是实现背景音乐和头部的字体卷动效果。< audio sr...

前面的话Vue每日一练，巩固基础，不打烊！！！解答参照尤大大的回答，小柒总结一下：mutations里的同步意义在于，每个mutation执行完毕之后，可以得到对应的状态，使用devtools可以跟踪状态的变化如果是异步的，就没法知道状态是什么时候更新的，才有了actions。actions用来专门处理异步，里面触发mutations，就可以很清楚的看到mutation是何...

在平时工作中，为减少开发成本，一般都会使用脚手架来进行开发，比如。脚手架都会帮我们配置好了 webpack，但如果想自己搭建 webpack 项目要怎么做呢？

●save()与restore()context对象提供了保存于恢复canvas的状态函数1：save() ：将当前canvas中的所有状态信息保存入堆2：restore(): 该方法用于弹出并开始使用堆最上面保存的状态信息●translate()平移context.translate(x,y);x: 将坐标原点向左或右移动多少个单位y: 将坐标原点向下或上移动多少个单位案例 1：...

前言一般我们接触的包管理工具有 npm、yarn 以及pnpm，小柒在工作中基本上新项目都采用了pnpm 来作为包管理工具，那我们就来聊一聊换成 pnpm 的好处。npmnpm 从 v1 -v3- v5 版本的迭代都有重大的改变，一起来下看吧~。npm v1 嵌套npm 在 v3 之前 node_modules 里的包都是嵌套的。node_modules├── A@1.0.0│└── node_m

前面的话最近通过 《深入浅出webpack》学习webpack的使用，由于这本书编写的时候webpack还是3的版本，但现在webpack以及升级到4了，有些插件以及废弃了，又或者需要配合其他插件使用，这里将学习过程中遇到的问题记录下来。vue-loader的使用vue-loader的作用是解析和转换.vue文件，提取出其中的逻辑代码script，样式代码style以及HTML模板tem...

前面的话Vue每日一练，巩固基础，不打烊！！！解答参照尤大大的回答，小柒总结一下：mutations里的同步意义在于，每个mutation执行完毕之后，可以得到对应的状态，使用devtools可以跟踪状态的变化如果是异步的，就没法知道状态是什么时候更新的，才有了actions。actions用来专门处理异步，里面触发mutations，就可以很清楚的看到mutation是何...

前面的话现在的一些主流项目中（如Vue）的devDependencies,会发现不少的插件（如 TypeScript、babel、webpack、vue-cli 这些插件在开发中都充当着重要的角色，而这些插件都基于AST进行开发的的。定义AST : 全称为 Abstract Syntax Tree，意为抽象语法树，他是源代码语法结构的一种抽象表示demo1看一个简单例子：const ...

前面的话以前使用vue-cli，vue init webpack project-name一行命令就可以初始化一个我们自己的项目,小柒觉得好神奇，之后研究啦一下vue-cli,其实就是一个高级版的克隆。然后就决定自己实现一套属于自己的脚手架（xq-cli），目前xq-cli脚手架已经实现了有一段时间了，决定拿出来分享。xq-cli脚手架功能创建项目询问用户：询问用户新建项目的基本信息下...

每日一练 /2.16vue为什么要求组件模板只能有一个根元素?我们在使用单文件组件时，一般这样写：<template><div class='component'></div></template>为什么template下必须有一个根元素？首先看一看template这个标签，这个标签是html5的新标签，有三个特性：隐藏性：不...