前端
文章平均质量分 81
Evonliyo
这个作者很懒,什么都没留下…
展开
-
记录vue项目中如何引入wasm文件
在项目中需要 大地坐标和经纬度之间互相转换, 基于已有的 cpp 代码,想通过 js 直接调用cpp 的函数原创 2022-04-19 11:29:34 · 3678 阅读 · 9 评论 -
学习ES6(十):Promise的语法糖await和async
文章目录一、await和async特点二、使用方法使用async定义异步处理函数async配合Promise使用三、总结一、await和async在ES2017中,引入了async函数,来方便异步操作。特点async/await从上到下顺序执行。async/await可以传递的参数数量不受限制。参数被作为普通局部变量处理,可使用let或者const关键字定义的块级变量。同步代码和异步代码可以一起编写,只是要注意异步过程需要包装成一个Promise对象并置于await关键字后面async/aw原创 2021-06-19 16:00:57 · 2067 阅读 · 0 评论 -
学习ES6(九):Promise对象及应用
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport p原创 2021-06-19 14:46:43 · 426 阅读 · 0 评论 -
express搭建的简单在线聊天室
项目分析简单的在线聊天室:用户通过登录页面直接进入聊天室,参与文字性的交流。每当有新用户进入聊天室,系统需在聊天室中提示,新用户名不能与现有用户名重复。每当有用户从聊天室退出,系统需在聊天室中提示,退出的用户名自动回收,其他新用户可以使用。提示:采用WebSocket技术(可以采用socket.io库)和自定义事件及触发,后端采用Node.js(或基于Node.js的Web框架)。技术:这里我选择了原生JavaScript和node后端的express框架。第三方包:express,s原创 2021-06-18 14:57:21 · 550 阅读 · 0 评论 -
学习ES6(八):对象
文章目录一、对象的基本创建方式二、使用步骤1.引入库2.读入数据总结一、对象的基本创建方式示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore'原创 2021-06-18 14:09:18 · 257 阅读 · 0 评论 -
学习ES6(七):正则表达式
文章目录前言一、正则表达式的两种表示方法二、正则表达式的两种编写模式1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、正则表达式的两种表示方法使用正则表达式的字面量来定义匹配的规则。定义以字符a开头的规则let str = /^a*b/调用RegExp对象的构造函数let str原创 2021-06-07 13:57:06 · 203 阅读 · 0 评论 -
学习ES6(六):代理Proxy
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录proxy概述一、Proxy的结构二、基本使用1.将proxy设置到对象上。2.基本的拦截handler操作(get,set,apply)针对handler操作的补充proxy概述为了更好地去理解proxy代理,在此之前举个例子来解释一下何为代理。首先,从字面意思上我们更原创 2021-06-06 23:12:28 · 322 阅读 · 0 评论 -
学习ES6(五):数组9种比较常用的遍历、映射、过滤、检测、简化、搜索函数
学习内容:ECMAScript5 定义的9种数组方法来进行遍历、映射、过滤、检测、简化和搜索。forEach()方法,遍历数组中所有的元素,可以为每个元素都执行指定的函数。简单遍历输出let arr = [1,2,3,4,5] arr.forEach(item => { console.log(item) });//输出元素//1//2//3//4//5操作遍历的元素{ let arr = [1,2,3,4,5] arr.f原创 2021-05-23 12:46:10 · 500 阅读 · 0 评论 -
elementui配合的前端分页
项目场景:利用elementui中自带的分页组件来解决分页问题。其实不太建议前端来做分页.这里主要有几个原因不选用前端来做分页:如果前端一次性将后端返回的数据全部保存下来,虽然可以减少接口请求的次数。但是如果有成千上万条数据的话,前端会占用过多的带宽来做处理,导致前端页面的性能大幅度降低。现在的web开发开始向前后端分离趋势前进,前端关注于表现层和提高页面的性能。而后端注重于业务层,前端只需要做简单的请求,性能越快越好,后端只需要提供接口供前端使用就可以.如果是后端做分页处理,那么前端原创 2021-05-20 16:46:04 · 421 阅读 · 0 评论 -
简单的可编辑表格
如何实现可编辑表格:分析可编辑表格的具体设计思路。设计独立模块,将每个功能都封装成一个模块集成每个模块的功能。可编辑表格的功能:通过JSON数据生成、灵活配置可编辑列为不同可编辑列提供验证条件配置和实现数据行的可删除操作通过供选择的类名实现不同风格的表格第一步:初始化表头(thead)和表格(tbody)数据。我们这里使用的是用 let 定义的 json 对象数组,如果想调用本地的json数据,需要使用ajax请求本地json数据。json数据:let dataList =原创 2021-05-07 17:22:10 · 1215 阅读 · 0 评论 -
学习ES6(四):函数进阶(1)
函数进阶基本概念:一段javascript代码,定义一次,执行或调用任意次。函数定义会包括形参,这些参数会在函数体中类似于局部变量。函数调用会为形参提供实参值函数结构体无return语句,默认undefined除实参外,每次调用还会拥有this关键字值,即本次调用的上下文。函数的定义方式有四种:1,函数声明语法:function definition(param1,params2){ function body}2,函数表达式let functionName = fun原创 2021-04-19 19:54:16 · 89 阅读 · 0 评论 -
学习ES6(一):作用域、const和let
概述:ES5及以前版本的JavaScript采用var 声明变量,且不支持块级作用域。在javascript中,变量实际床架得治取决于如何声明该变量,ES6中新增了两个关键字let和constlet基本用法:for循环的计数器很适合使用letfor(var i=0;i<10;i++){ console.log(i)}console.log(i)和for(let i=0;i<10;i++){ console.log(i)}console.log(i)上面运行的结果原创 2021-04-07 13:18:11 · 118 阅读 · 0 评论 -
vue保持登录状态(sessionstorage配合vuex来使用)
在项目开发过程中使用的是 vue 和 vue-router,用户在登录之后,相对应的状态也要发生改变,该隐藏的就隐藏,该显示的用户信息就要显示。pc端开发简述为以下四个步骤用户登录之后,将账号和密码 提交到后台后台返回给你 token 。 将token 保存在 sessionstorage 中设置请求头,在每次向后端发送请求的时候都要携带 token,作为后端判断用户的标识。每次切换页...原创 2020-01-28 18:19:01 · 1877 阅读 · 0 评论 -
elementui分页bug的处理(使页码默认高亮)
前景提要在使用 Elementui 的分页插件的时候我有两个状态,一个是A(进行中),一个是B(已结束),然后在相应状态下的数据又分了很多页。那么我 点击 A 中的第2页的时候。他会加载A中第2页数据并且2为高亮显示,但是当我接着切换到B状态的时候,此时分页插件的高亮依然为2,但是页面加载的数据是 B 状态下的第1页,我要的效果是切换状态之后,页码高亮都是1。解决办法element...原创 2020-01-28 17:40:59 · 1325 阅读 · 0 评论 -
vue手写年月日时间三级联动
思路部分 确定年份的范围 确定月份的范围 根据年月来确定具体的天数,特别是闰年和平年的二月份 代码部分<!-- 年 --><select class="col-md-2" v-model="year"> <option selected="selected" v-for="item in yearlist" :key="item.id" ...原创 2019-12-30 23:31:22 · 1340 阅读 · 2 评论 -
vue利用formdata形式上传文件和图片 图片可以回显
一。需求用户可以选择图片,并回显出来,给按钮注册点击事件上传图片和文字参数。二。代码1.隐藏 file 输入框2.将选择图片框上的注册事件 绑定带 file 文件框上<div class="uploaditem"><p>添加图片</p><!--照片区域--><div class="picarea" v-...原创 2019-11-05 10:25:50 · 1778 阅读 · 0 评论 -
Vuex的简单理解和简单demo,小白小白,从入门到感兴趣
现在在学习vuex的过程中还是遇到了问题,先总结一下我认识到的Vuex1.Vuex--stateVuex作为一个专门为vue.js开发的状态管理模式,广泛被应用于vue单页面应用开发中,首先,state简单来说就是管理数据状态的,比如说我在普通的页面中需要引入数据,那么我们就会在vue根实例 中声明data里的键值对,然后在html文件标签中引入数据(代码如下)//部分...原创 2019-07-06 00:12:43 · 196 阅读 · 1 评论 -
打卡功能从分析到实现,地理围栏,gps定位,百度地图定位
一,需求分析从思路分析,给定一个固定的打卡地点,绑定一个事件,触发打卡。首先,你需要查阅地图,对经纬度有一定的了解,才方便以下操作。获取你自身的位置,获取固定打卡地点。地理围栏简单的理解就是判断点是否在圆圈内。 如何知道自身以及打卡地点的准确位置(误差不是很大), 对比自身位置到打卡地点的距离,进行判断。二,了解额外的知识比如上面描述的经纬度概念,其次,说起定位,肯定第一...原创 2019-08-12 19:24:07 · 2732 阅读 · 0 评论 -
vue工程化项目中如何使用vue-awesome-swiper轮播图插件,十分简单!!
下载 vue-awesome-swiper插件//下载 swiper 插件cnpm i vue-awesome-swiper --save 接着在 main.js 中引入// 引入组件块import VueAwesomeSwiper from 'vue-awesome-swiper'// 引入样式import 'swiper/dist/css/swiper.css'//...原创 2019-09-01 23:27:07 · 446 阅读 · 0 评论 -
Vue 的所有UI插件归纳、总结!!!
element:VUE2的web UI工具 mint-ui:VUE 2中的移动UI iview:VUEjs 的开源 UI 库 muse-ui:响应式 UI 库 VUECircleMenu:VUE圆环菜单 VUE-chat:聊天示例 VUE-waterfall:瀑布组件 Keen-UI:基本UI组件 Vux:基于VUE和WeUI的组件库 VUE-carbon:MD风格的移动端 V...原创 2019-09-02 09:16:42 · 411 阅读 · 0 评论 -
vue动态绑定 iconfont中引用的class类问题处理,问题描述(iconfont引用的时候会包含两个类名,类名中间有空格)
问题描述:今天在开发一个 APP的时候,想实现一个功能:先上图吧!!!看到 圈起来 的那个没。我点击那个之后,向上的箭头改变方向朝下,然后下面 整个 第三方登录 会消失,给下面部分绑定了 v-show,变成下图!看到没,箭头已经向下,并且 下面整个 第三方登录 已经隐藏起来了。然后遇到的问题是什么呢,大家 知道 vue 动态绑定 class 类名吧,我用的 iconfont 就是...原创 2019-09-04 23:31:35 · 1489 阅读 · 0 评论 -
前端面试题:请用两种以上的方法实现元素垂直水平居中!
方案一:已知元素宽高;.box { width:400px; height:400px; position:absolute;//必须 top:50%; left:50%; background:red; margin-left:200px;//元素本身宽的负一半 margin-top:200px;//元素本身高的负一半}...原创 2019-09-19 18:15:53 · 217 阅读 · 0 评论 -
最新关于Vue工程化引入axios通过API获得数据
最近由于快要开始一个使用vue开发的项目,简要分析后需要使用axios方式来请求后端提供的API,本想使用vue-resource的,但是发现没有维护,所以放弃了使用vue-resource,,,,后面发现引用axios不能像之前引用其他插件那样,需要先 npm install,然后再 Vue.use(),经过几番查找,终于让我找到了答案;话不多说,先上代码:npm下载 需要的 axios...翻译 2019-07-13 10:33:40 · 204 阅读 · 0 评论