自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue3.0 reactive

vue3.0 reactive变量声明vue3.0声明变量和以前是完全不一样的我们需要先导入vue的一个函数 reactiveimport { reactive } from 'vue'然后在setup中声明该变量例如说我们声明一个声明一个非引用数据类型let age=reactive(10)声明一个引用数据类型 let age=reactive(10) let person=reactive({ age:10, name:"红红"

2020-12-23 11:44:49 257

原创 vue3.0 setup

vue3.0 setupsetup是啥?setup是vue3.0 组件的一个方法,该方法会在beforecreate 和 create之前调用,我们需要重写他setup可以干嘛vue3.0 的data,watch,computed等等以后可以都放在setup里面,大大的提升了开发效率setup的this是什么undefind,vue3.0将少量使用this,之后会详解为什么setup测试<template><div>1</div></tem

2020-12-23 11:23:12 233

原创 vue3.0 main.js

main.js 改变//vue 3.0import { createApp } from 'vue'import App from './App.vue'createApp(App).mount('#app')//vue2.0import vue from "./vue"new vue( ......)我们发现,创建vue实例由类变成了对象createApp是vue3提供的方法,只需要传入组件,即可生成vue实例启动项目看看吧!cmd <===> np

2020-12-23 11:14:22 1490

原创 vue3.0新项目目录结构

新目录结构//src和以前没什么大的变化

2020-12-23 11:08:00 442

原创 创建vue3.0 项目

创建vue3.0 项目安装nodejs,并确保有npm工具npm -v安装vue/cli工具,如果有升级到最新版npm install @vue/cli -g3.创建项目vue create 项目名选择第二个,回车,创建最新版本的vue3项目4.等待创建完成...

2020-12-23 11:03:59 125

原创 vue 3.0 简介

vue 3.0 简介亮点性能优化vue3 打包时将会删除工程(nodu_modules)所有未使用的包全新的语法糖,改变了vue2的大部分声明其余的不一一介绍,可以自行百度课程本套课程主要会通过代码解释 vue 3.0和 vue2的差别...

2020-12-20 01:48:26 219 3

原创 babylonJs 水材质

babylonJs 水材质babylonjs 3.0(及以上提供了水材质),我们可以通过代码实现特别好看的水材质.需要单独导入特殊材质文件,materials.js(最后会提供源代码)<script src="./babylon.js"></script><script src="./babylonjs.materials.js"></script>2.js...

2020-11-22 12:08:48 1210

原创 javascript 读取markdown文件

前端读取markdown文件引入mark.js 文件 <script type="text/javascript" src="mark.js"></script>创建markdown显示区域 <div id="markdownContent"></div>css设置markdown大小 *{ padding: 0;margin: 0; } #markdownContent{ width:100vw;heig

2020-11-21 22:59:45 1366

原创 javascript single mode

js实现单例模式懒汉式class User{ age name static instance static getInstance(){ if(this.instance==null){ this.instance=new User() } return this.instan..

2020-11-20 11:06:14 104

原创 javascript 实现迭代器

Array.prototype.iterator = function () { let index = 0 let _this = this return { hasNext () { return index != _this.length }, next () { let val = _this[index] index++

2020-11-20 10:54:23 236

原创 javascript 实现对象属性私有化

实现类似于java的变量封装刚接触js,没有在js中找到对象变量的私有化,最近发现可以通过构造函数实现function Person(age,name){ this.getAge=function(){ return age } this.setAge=function(val){ age=val } this.getName=function(){ return name } t

2020-11-20 10:10:22 268

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除