logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

three.js的基本使用

three.js的基本使用基本使用步骤1 创建一个场景scene=new THREE.Scene()2 设置灯光一、环境光AmbientLight没有特定方向的光源,均匀整体改变物体表面的明暗效果const ambient = new THREE.AmbientLight(0x666666)scene.add(ambient)二、点光源PointLight光线沿着发光核心向外发散,光源照亮面对着光

#3d#前端
在beforeDestroy中销毁localStorage中的值无效

目的:在关闭窗口时删除localStorage中的数据方法1:beforeDestroy中删除想要在组件销毁的时候删除localStorage中的变量,结果发现无效beforeDestroy在页面刷新的时候不会执行,但是在页面跳转的时候会执行(this.router.push,this.router.push,this.router.push,this.router.replace),但是关闭窗口

#前端#javascript
xhr简单封装ajax

xhr简单封装ajax// 设置默认值const defaults = {type: "get",url: "",async: true,data: {},header: {​"Content-Type": "application/x-www-form-urlencoded",},success: function () {},error: function () {},};function d

#前端#http
vue-cli搭建项目及一些打包配置

如何使用vue-cli快速搭建项目,怎么配置环境变量及打包路径,构建单页面与多页面

文章图片
#vue.js#前端
a-modal

a-modal的样式调整a-modal宽和高的设置主要是通过a-modal自带的width和bodyStyle来设置注意:a-modal的父盒子是body// 现在我要点击按钮,弹出对话框,对话框展示的是文本信息,我们也可以添加下载文本功能<template><div id="hello"><div style="margin-top:50px"><but

#前端
prop更新不及时问题

问题:父组件通过props传递给子组件的值不是最新的场景:父组件通过props向子组件传递了一个数组info,父组发请求后更改数组info,此时通过this.$refs.childName来操作子组件的数组info的值并非最新的值代码详情:父组件:通过props向子组件传递了一个数组info当我点击父组件的按钮时,发请求获取了数据并赋值给了info数组,点击事件代码在下面(解决修改代码过程)子组件

#前端#javascript#vue.js
前端下载文件流

这种方式不能在下载时名命文件,需要后端设置文件名二、a标签下载a标签的download属性,ie浏览器是不支持的请求的时候记得加responseType为blob,不然下载后点开是空白文件前端可以对文件名命如果我们要使用后端返回的文件名(一般都在content-disposition中)blob、MIME相关补充基本语法blob表示二进制大对象(binary larget object),是js对

#前端#javascript#开发语言
a-table及相关组件的使用

a-table及相关组件的使用基础的渲染<a-table :dataSource="tableList" :columns="tableColumns"></a-table>参数名类型说明dataSource数组数据来源,数组中的每一个对象都是一行的数据columns数组用来指定每一列的标题(表头)bordered布尔值是否显示表格边框,默认为竖向的边框pagination

#前端
页面卡顿的原因及排查

页面卡顿的原因、排查及解决方案一、渲染不及时,页面掉帧1》网络请求太多,请求返回的数据比较慢接口返回慢的话,后端做些优化;前端适当做些缓存,减少不必要的重复的请求可以从调试工具中的Network查看请求情况2》回流和重绘多减少dom的操作,适当使用keep-alive,v-show等平时要养成良好的编码习惯3》dom节点太多,渲染的比较慢如果是数据确实太大的话,可能要从业务上调整一下,展示可能要改

#前端
vue-router路由跳转与打开新窗口

vue-router打开新窗口的方法及跳转方式对比打开新窗口方法1:const routeUrl = this.$router.resolve({path: "/targetUrl",query: { id: 96 },});window.open(routeUrl.href, "_blank");},方法2:<router-link target="_blank" :to="{ pat

#vue.js#前端
    共 11 条
  • 1
  • 2
  • 请选择