- 博客(20)
- 收藏
- 关注
原创 angular 中 ElementRef、TemplateRef、ViewContainerRef
angular 中 TemplateRef、ElementRef、ViewContainerRef
2022-10-31 11:13:46
893
原创 Echarts 入门学习
开始使用echarts引入 echarts准备一个呈现图表的盒子初始化echarts实例对象准备配置项将配置项设置给echarts图表// 1.引入 echarts// main.js中import echarts from 'echarts';Vue.prototype.$echarts = echarts;<template> <div> <!-- 2.准备一个呈现图表的盒子 --> <div
2022-08-29 22:58:19
1134
原创 关于 Tree-Shaking
Tree-Shaking 是什么项目中,我们需要依赖于某些包进行开发时,并不一定用到了这个包里所有的api,因此在进行打包的时候,并不希望将这些没有用到的api打包到最终的包里去。要做到这种,有两种方式:在项目中按需引入(推荐)使用一些工具帮我们做tree-shaking就是这样一种工具,它是对 静态代码 进行分析后,shaking掉没有用到的那些api相关代码,像webpack等打包工具早已开始支持注意上面提到,是对静态代码 进行分析,这也注定了它具有的局限性:只对import 语句起作用
2022-08-29 22:52:47
201
原创 鼠标框选/ctrl+单击选中多个元素拖拽,缩放单个元素
1. 鼠标框选或ctrl+单击选中多个元素进行拖拽2. 基于vue-drag-resize实现单个元素的大小缩放<template> <div class="body"> <div class="left"> <div> 上移: <el-input-number v-model="toTop" controls-position="right"
2021-09-21 12:32:24
2286
原创 canvas制作小球碰撞效果(带连线功能)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { pa
2021-01-31 00:34:33
311
原创 canvas制作点击/鼠标移动炫彩小球效果
Document <script> const canvas = document.getElementById('myCanvas') canvas.setAttribute('width', document.body.clientWidth) canvas.setAttribute('height', document.body.clientHeight) const ctx = canva...
2021-01-31 00:32:32
376
原创 canvas学习笔记
canvas简介以前,web上的动画都是由flash制作的,例如动画广告、游戏等。但是flash由许多缺点:要安装flash插件,漏洞多,卡顿、不流畅等…h5提出的canvas标签,使得制作动画等变得轻量级canvas基本使用在页面中使用canvas,只需要在页面上添加一个canvas标签即可<canvas></canvas>。canvas标签有两个属性:width和height,注意canvas的宽和高不要用css控制,负责会造成图片失真。使用js绘制canvas步骤
2021-01-29 00:29:23
215
原创 js中的对象
创建对象的几种方式对象属性的特征(特性)对象属性的特性主要有两种,数据属性和访问器属性数据属性[[Configurable]]:默认为true,该属性是否可被delete后重新定义[[Enumerable]]:默认为true,该属性是否可使用for-in遍历到[[Wirtable]]:默认为true,该属性值是否可写[[Value]]:属性值,默认为undefine要修改数据属性,必须使用Object.defineProperty()方法,该方法有如下三个参数:属性所在的对象属性
2020-09-24 12:53:00
99
原创 vue-router自定义路由回退
我是在这篇博客vue router路由自定义后退事件的基础之上,经过自己的一些修改做出来的// 相当于一个页面栈window.routerList = [];router.afterEach((to, from) => { window.back = function() { window.router.isBack = true; if (window.routerList.length == 0) { window.router.isBac.
2020-09-23 15:59:54
1806
原创 加载图片时显示默认图片和默认文字
今天要实现一个功能,移动端上拉加载时,图片未加载出来时显示默认图片和默认文字…将实现思路做一个分享1.显示默认背景图这个就真的超简单了,直接给图片设置一个背景色或者背景图就完事了,感觉都不用什么js,反正我这么做实现效果了。图片展示出来会自动覆盖住背景的<div class="content-img"> <img class="image_bg" :src="item.url" /></div>.image_bg { backgro
2020-09-22 16:13:03
1088
原创 js的数据类型、js基本类型与引用类型的存储方式(深拷贝、浅拷贝原理)
我们先来讨论一下js的数据类型js的数据类型js的数据类型主要可以分为两大组:基本类型和引用类型。基本类型:null、undefine、string、number、boolean、symbol(es6)新增引用类型:object基本上来说,引用类型都是直接操作值,而引用类型是操作其引用。在java等一些语言中,string其实是object的子类(这种说法可能不准确,姑且先这么说吧),每当string类型的变量值改变,都会重新开辟一块空间存储新的string值。但是在js中摒弃了这种基本类.
2020-09-08 10:16:58
563
原创 浅析<script>
async 是否异步下载脚本,即在下载脚本的同时,不影响其他脚本的执行。只对外部脚本有效<html> <head> <!--async会告诉浏览器,页面无需等待这两个js文件下载并解析完成后才进行其他操作,无法保证这两个js脚本的执行顺序,因此这两个js脚本之间最好不要有依赖关系,也建议不要在这两个脚本中操作DOM--> <script src="1.js" async></script> <script src=.
2020-09-07 13:02:26
320
原创 双飞翼布局(中间自由伸缩,两边固定布局)
所谓的双飞翼布局,所有两侧元素固定宽高,中间部分根据页面宽度自由伸缩方式一:flex布局1.父盒子设置display:flex;2.左右盒子设置固定宽高,中间部分设置flex:1方式二:定位1.左右盒子设置绝对定位2.中间盒子使用标准流,且给左右相应的margin方式三:浮动1.左右使用浮动,一个左浮动,一个右浮动2.中间部分宽度使用计算属性,calc(100%-左右宽度之和)...
2019-07-08 16:55:55
467
原创 vue中组件之间传值
vue中组件之间传值组件的创建全局组件的创建方式一:使用Vue.extend()方式二 使用Vue.component()局部组件(私有组件)的创建组件之间传值子项父传父项子传非父子传组件的创建首先说一下vue中组件的几种创建方式吧全局组件的创建方式一:使用Vue.extend()//=======================================》方式一 ...
2019-06-23 21:43:29
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人