- 博客(26)
- 收藏
- 关注
RSS订阅原创 cesium 问题合集
路径不对 因为cesium加载时需要读取这些静态资源，所以此处需要把node_modules中cesium下面的文件复制到public下面的libs中。解析：在 Vue 项目中使用 Cesium需要在 index.html 文件中引入 Cesium。再在main.js中引入此路径。
2024-02-18 15:34:15
781
1
转载 vue 编码但不渲染的标签 vue-fragment
用fragment这个技术的原因,主要是为了把fragment当成根节点然后循环template标签。因为vue默认的template不能在根节点循环但我又不想再去渲染多余的标签。这个问题我是在循环elementNavMenu导航菜单时发现的。vue下载包npmi-svue-fragment。在main.js里添加代码。...
2022-08-02 15:34:14
1362
原创 【无标题】杂七杂八随手一记
1、调用组件方法 以及组件传参的方法 <searchMap ref="map" :traceData="traceData"></searchMap> import searchMap from '@/components/map/searchMap.vue' deletTraceDiv(){ this.showTrace=2 this.showTrace0=false this.$refs.map.clearMap() },
2022-03-02 15:31:15
190
原创 react基础 学习笔记 持续更新...
文章目录一、react入口文件分析、jsx语法初识一、react入口文件分析、jsx语法初识src下面的index.js为入口文件import React from 'react'import ReactDOM from 'react-dom'import App from './App' ReactDOM.render( //render代表渲染挂载到某处。App组件挂载到ID为root的节点下面 <App/>,document.getElementById('root')
2021-05-12 11:45:28
233
转载 前端相关开源组件库
前端相关开源组件库地址：https://github.com/opendigg/awesome-github-vue博客链接地址：https://blog.youkuaiyun.com/sinat_17775997/article/details/60580683
2021-03-09 16:22:55
265
转载 css3中的变形（transform）、过渡(transtion)、动画(animation)
css3中的变形（transform）、过渡(transtion)、动画(animation)Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。是构成transtion和animation的
2021-03-04 16:20:50
898
1
原创 异步请求组件suspense
例子：一、接口请求组件 <template> <h1>{{result}}</h1></template><script lang='ts'>export default { setup(){ return new Promise ((resolve,reject)=>{ setTimeout(()=>{ return resolve({result:'新年快乐'})
2021-01-18 14:47:46
165
原创 TypeScript学习笔记（一）
文章目录前言一、typescript的静态类型？二、typescript的基础静态类型和对象静态类型1.基础静态类型2.对象静态类型三、类型注解和类型推断1.类型注解 和 类型推断四、函数参数和返回值的注解1.函数参数注解 和.函数返回值注解五、数组类型注解总结前言提示：typescript最主要的特点是可以定义静态类型一、typescript的静态类型？静态类型：变量的类型必须先声明，即在创建时就确认好变量类型。使用时只能将这一指定类型的数据赋值给变量，如果强行将不相干的类型数据赋值给它就会.
2020-12-25 18:26:24
154
原创 ES6学习 笔记（二）、Set（），Map（），Promise对象，模块化操作...
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、Set数据结构（里面放的都是数组，主要用于去重）1、数组的 Set2、对象的WeakSet二、Map数据类型总结提示：以下是本篇文章正文内容，下面案例可供参考一、Set数据结构（里面放的都是数组，主要用于去重）里面放的都是数组，主要用于去重1、数组的 Set // 声明 let arr = ['ysq','999','今天是冬至','1',1] let setArr = new Set(arr) //
2020-12-22 11:57:50
285
原创 ES6学习 笔记（一）、数组、对象、字符串...
ES6学习 笔记ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）。日常场合，这两个词是可以互换的。文章目录ES6学习 笔记前言一、新的声明方式二、变量的解构赋值三、扩展运算符，rest扩展运算符（...）四、字符串模板1、``${}`添加变量2、判断是否出现某字符串（字符串查找）3、字符串复制五、ES6数字操作①、十进制②、二进制（一个字节八个位 补齐时首位0为正，
2020-12-15 18:02:45
352
原创 vue3.0学习心得（三）生命周期
一、什么是生命周期-----钩子函数//伴随着生命周期，给用户使用的函数，控制生命周期主要是控制钩子函数。vue3.0的写法是在setup里面1、setup（） //创建data、methode 和挂在前，先于 beforeCreate、createdbeforeCreate、created2、onBeforeMount（）、、挂载前3、onMounted（）、、挂载完成时4、onBeforeUpdate（）5、onUpdated（）6、onBeforeUnmount（）、、组件销毁前7
2020-12-09 16:41:27
751
原创 vue3.0学习心得（二）ref()，reactive()，setup()，toRefs()，watch（）
一、ref()，reactive()二、setup（）三、toRefs( )四、watch（）1、ref（），reactive（） //定义vue2.0中data和method方法2、setup（） //代替data和method返回数据和方法，在beforeCreate、created之前执行3、toRefs（） //使用拓展用算符...的方法返回数据data const data: DataProps = reactive({ namePie:['狼人','平民','预言家
2020-12-09 16:21:23
2201
原创 vue3.0学习心得（一）项目搭建
vue3.0 官网地址：https://v3.vuejs.org/vue3.0新特性：vue3.0采用渐进式开发，向下兼容性能提升打包大小减少41%初次渲染块55%更新快133%内存使用减少54%composition API 集合（解决vue2组件开发问题）新的 APIteleprot瞬移组件suspense解决异步加载组件问题更好的typescript支持项目的搭建项目的搭建和vue2.0相似，vue/cli 最好是更新到4.5.6以上版本一、1、npm instal
2020-12-09 15:56:06
925
原创 js防抖事件实践
方法一、封装vue 防抖节流函数——组件封装防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。节流（throttle）所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率。就相当于，一个水龙头在滴水，可能一次性会滴很多滴，但是我们只希望它每隔 500ms 滴一滴水，保持这个频率。即我们希望函数在以一个可以接受的频率重复调用。vue 封装utils.js复制代码const d
2020-10-26 18:12:17
579
1
原创 vue 主题更换 elemeny-ui下动态切换主题色
vue 主题更换 elemeny-ui下动态切换主题色一、文章学习来源https://www.cnblogs.com/rogerwu/p/9542165.html二、在这里插入代码片<template> <el-color-picker class="theme-picker" popper-class="theme-picker-dropdown" v-model="theme"></el-color-picker></tem
2020-10-14 17:35:17
573
原创 前端将后台的数字转换成yyyy-MM-dd hh:mm格式
一、命名一个文件叫 date.jsvar dateFormat = { padLeftZero: function (str) { return ('00' + str).substr(str.length) }, formatDate: function (date, fmt) { if (/(y+)/.test(fmt)) { fmt ...
2020-04-29 09:55:29
894
原创 js将图片转换成base64格式
一、根据后台需要的字段需求前端需要将图片格式传给后台这里有一个快速解决办法// 图片转换base64 getFile (file, fileList) { this.getBase64(file.raw).then(res => { this.base64Image = res }) },...
2020-04-29 09:45:29
2318
原创 element-ui以及原生 input type='number' 不显示上下箭头
<div class="similar"><el-input type="number" v-model="similarInput" placeholder="相似度"></el-input>%</div> // 处理input type = number的上下箭头input::-webkit-outer-spin-button,input...
2020-04-23 11:00:52
2121
原创 let 和 var 和const的区别
let 和 var 和const的区别变量提升（var允许 let和const不允许）变量提升，即变量可以在声明之前使用，值为undefinedconsole.log(a) // 正常运行，打印出 undefinedvar a = 1------------------------console.log(b) // 报错，Uncaught ReferenceError: b is no...
2020-03-20 18:18:51
1561
原创 面试经典计算题汇总
关于闭包什么是闭包简单的说 闭包就是一个函数（有权访问另一个函数作用域变量的函数）1、结果是：function（）{i++; console.log(i)}function（）{i++; console.log(i)}232参考此链接个人分析：开始的时候 foo函数无法访问内部函数 ，于是加上return之后变成闭包 内部函数变量可以被外部函数访问 于是var a=...
2020-03-20 18:18:16
978
原创 this指向问题以及变量提升问题
一、this指向非箭头函数的this指向箭头函数的this指向一、非箭头函数1、普通函数作用于window var name='window' ,age=20 function hello(){ //函数作用于Windows 此时this指向window var name='函数hello' consol...
2020-03-13 17:35:46
425
原创 js-原型与原型链浅析
一、什么叫做构造函数一般规则调用方法举个例子1、一般规则构造函数都应该以 一个大写字母开头，eg: function Person(){…}而非构造函数则应该以一个小写字母开头，eg: function person(){…} 2、调用方法 任何函数，只要通过 new 操作符来调用，那它就可以作为构造函数 ； 任何函数，如果不通过 n...
2020-03-12 15:49:29
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人