前端
文章平均质量分 51
Aster_.
前端、游戏客户端
展开
-
文件打包为zip下载(filesaver\ StreamSaver)
文件打包为zip下载(filesaver\StreamSaver)在react项目中使用的,仅展示核心方法,其他的结构没写,使用时记得自己修改规范之类的1,使用filesaver.js需安装axios 、 filesaver 、 jszipimport axios from 'axios';import JSZip from 'jszip';import FileSaver from 'file-saver';// axios请求文件getFile = url => new Prom原创 2021-11-22 20:47:28 · 2839 阅读 · 7 评论 -
vscode上直接运行typescript
学习ts的时候,如果想直接在vscode上使用codeRunner运行ts文件可以进行如下尝试npm install -g typescriptnpm install -g ts-nodenpm install -D tslib @types/node之后就可以直接运行ts文件eg:原创 2021-07-28 17:56:45 · 680 阅读 · 0 评论 -
※前端面试--中一些含义对比(汇总中)
1.截断字符串方法substrsubstr(start,length)://指定截取的字符串的头和截取的长度(第二个参数选填,不填默认截取到尾部)substringsubstring(start,stop):指定头尾进行截取,含头不含尾(第二个参数选填,不填就是默认截取到尾部,如果start比stop大会交换两个数)与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。若强行传递负数,在执行时会被当成0处理sliceslice(sta...原创 2021-05-17 18:06:26 · 274 阅读 · 1 评论 -
※前端面试--数组去重的问题(js)
Set去重 Array.from(new Set(arr)) 或者 [...new Set(arr)] 对象去不掉function unique(arr){ return [...new Set(arr)]}用双重循环的方式 对比 一样的不放入新的数组中,或者原地操作splice 对于NaN和对象都不能去重function unique(arr){ for(let i=0;i<arr.length;i++){ for(let j=i+1;原创 2021-05-17 17:38:01 · 143 阅读 · 0 评论 -
vue中threeBSP使用 替代方案
vue项目中使用threejs进行项目开发的时候需要使用threeBSP但是安装threeBSP的包之后出现了很多错误现在有一个替代方案 就是使用 three-js-csg1.首先装包2.引入import * as THREE from 'three'const ThreeBSP = require('three-js-csg')(THREE)3.使用let Bsp=new ThreeBSP(Object);若上述使用中出现如下错误应该是threejs版本的问题,我使用的是107原创 2021-05-17 17:11:23 · 1718 阅读 · 0 评论 -
Blockly-2
块的渲染core\block_render_svg.js工程中的块都是一开始规定好样式的,且是有限个数的,没有提供可以自定义形状的功能首先需要掌握svg绘制的命令符号使用 主要是path路径命令含义M绘制点移动到 moveTo (一段路径的绘制必须是先moveTo才可以lineTo) M x yL点移动到 lineTo L x yH水平移动点 偏移 绘制平行线V垂直移动点 偏移 绘制垂直线C曲线点移动 三次贝塞尔 c原创 2021-04-22 18:06:00 · 171 阅读 · 0 评论 -
1.Blockly Loop循环
Blockblockly是google发布的可视化编程工具,基于web技术构建。用户通过拖拽模块构建代码逻辑Loop源码阅读源码项目中 blockly\demos\code\index.html 页面是最基础,且比较全面的Blockly初级界面。主要关注的是循环这一部分界面上共有五个不同类型的循环块,其定义在blockly\blocks\loops.js中具体核心代码如下Blockly.defineBlocksWithJsonArray([ // BEGIN JSON EXTRACT原创 2021-04-15 15:45:11 · 407 阅读 · 0 评论 -
antd vue中formModal多个输入框一行显示及验证
antd vue中的formModal在制作表单的时候非常实用,但是实例一般都是一行一个控件展示,但是在实际的表单设计中也会遇到一行显示多个控件 ,且还需要进行验证的i情况直接上代码实际上就是在formModalItem里面再嵌套formModalItem 然后样式的设置inline-block必须加上<a-form-model-item v-bind="formItemLayout" required label="深度"> <a-form-model-item prop原创 2020-10-14 16:21:50 · 10229 阅读 · 3 评论 -
※前端面试--js编程--数值转换为中文
随机生成一个 1至100000的整数,并把数值转换为中文数字/* /* 随机生成一个 1至100000的整数,并把数值转换为中文数字。例: 99999 = 九万九千九百九十九*/ function generateNum(){ return Math.floor((Math.random()*(100000-1)+1))}// console.log(generateNum())const num2char = ['零','一','二','三','四','五','六','七','八','原创 2020-08-10 11:15:12 · 352 阅读 · 0 评论 -
※前端面试--js编程---动态渲染表格并实现点击头部排序
题目:请用原生js将如下数据结构转化为对应table,渲染在div.container中数据结构为:let tableData = { thead: ['头部1','头部2'], tbody: [ [10,10], [9,5], [8,10], [7,10] ]}希望渲染成下图的结构,并且点击头部,将对应列的数据进行排序显示(升序,降序依次交替)代码实现如下:<script> let tableData = { th原创 2020-06-23 21:28:59 · 359 阅读 · 0 评论 -
※前端面试--知识总结
–前端面试知识总结1.http/浏览器部分1.1 http和https概念http:超文本传输协议,是一种客户端和服务端请求应答的标准,用于从www服务端传输超文本到本地浏览器的传输协议。https:以安全为目标的http,在http下又加上了SSL层,确保数据的传输和网站的真实性。区别:http是超文本传输协议,信息是明文传输的,没有加密。https是具有安全性的ssl加密传输协议。http协议的端口是80,https是443http的连接很简单,是无状态的;https协议是由s原创 2020-06-02 22:08:18 · 2559 阅读 · 0 评论 -
React项目中使用axios
React项目中使用axios1.项目中安装axiosnpm isntall axios --save2.server.js文件 在index.js文件的同级目录下新建server.js。import axios from 'axios'import qs from 'qs'axios.defaults.baseURL = 'http://127.0.0.1:8888/xxxx/...原创 2020-04-13 23:14:30 · 1450 阅读 · 0 评论 -
vue-cli创建的项目中使用百度地图
vue-cli创建的项目中使用百度地图记录下,vue-cli创建的vue项目中使用百度地图一开始我尝试了很多的方法,比如说直接在index.html上加上使用百度地图api的外链,然后查到的相关博文指导说的是在webpack.config.js文件中加上bmap。但是我是使用的vue-cli的图形化界面直接创建的vue项目,这个文件被隐藏了,不过可以自己新建一个vue.config.js文件,...原创 2020-04-13 22:49:33 · 1079 阅读 · 1 评论 -
MUI JQuery控制开关状态
MUI JQuery控制开关状态<li class="mui-table-view-cell" style="clear:both;"> 背景辅助线--<span></span> <div class="mui-switch mui-switch-blue mui-switch-mini mui-active" id="bgTooltip...原创 2020-01-16 15:32:36 · 279 阅读 · 0 评论 -
React绑定事件方式与传参
1 在构造函数中绑定thisexport default class BindEvent extends React.Component{ constructor(){ super(); this.state={} this.myclickhandler=this.myclickhandler.bind(this); } m...原创 2019-12-30 11:34:17 · 554 阅读 · 0 评论 -
layer.js中父子页面传值的用法
layer父子页面传值layer是一款web弹层组件,好用的地方先不说了,用了就会知道。这里只要是记录下自己使用layer插件实现父子页面互相传值的代码。父页面–>子页面主要代码就是在success:function(){}里面当弹出页面成功打开的时候执行的。layer.open({ type: 2, title: '编辑确认', maxmin: ...原创 2019-12-23 21:30:36 · 692 阅读 · 0 评论 -
zRender 曲线点击事件
zRender 曲线点击事件代码实现:使用zRender绘制曲线,并给每条曲线都添加上对应的点击事件学习,查询zrender相关信息时候,拜读到了一篇介绍zrender的博客,给了我很大的启发。博客链接 https://blog.csdn.net/cc_fys/article/details/78854741首先是初次绘制曲线,绘制的时候就给每个曲线加上相应的点击事件。var poly...原创 2019-12-23 20:54:53 · 1773 阅读 · 0 评论 -
我的React笔记(1)
React:facebook团队开源学习前提:js掌握,es6/7掌握学习:React是最流行的,维护好,vue是最火的。1.React中的核心概念虚拟domdom的本质:浏览器中的概念,用js对象来表示页面上的元素,提供操作dom的的api虚拟dom:框架中的概念,是程序员用js对象来模拟页面上的dom和dom嵌套(也就是虚拟手动模拟虚拟的dom树)var div = ...原创 2019-12-23 20:01:57 · 203 阅读 · 1 评论 -
Vue 移除严格模式,使用mui.js实现滑动功能
使用vue做项目的时候,导入mui.min.js实现滚动条:但是报错:Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode functions or the arguments objects for calls to them因为m...原创 2019-11-08 16:17:07 · 427 阅读 · 1 评论 -
※前端面试--基本题
1.var a = 100;function fn() { alert(a); var a = 200; alert(a);}fn(); //undefined 200alert(a); //100var a;alert(a);//100var a = 300;alert(a);//300主要难点是fn()输出的值,fn()里面的var a在作...原创 2019-09-23 10:50:53 · 282 阅读 · 0 评论