标签: Javascript

Element日历Calendar组件上月、今天、下月、日历块点击事件及模板源码

首先展示一些模板效果图:这个项目的详细介绍可以下辰小白的这篇文章:后端开发的福音,VueElement实现的Vue-Element-Admin前台框架,开箱即用下面是日历模板首页源码{{data.day.split('-').slice(1).join('-')}}排班详情新增2020-06-199...

JavaScript 2021-05-27 194 0 0 阅读全文

15 分钟掌握Vue-Next函数式Api(小结)

写在前面在分享vue-next各个子模块的实现之前,我觉的有必要比较全面的整理下vue-next中提出的函数式api,了解这些的话,无论是对于源码的阅读,还是当正式版发布时开始学习,应该都会有起到一定的辅助作用。类似的东西在网上有很多,只是会比较零碎,同时有些也相对过时了,当然当前整理的这些也有可能...

JavaScript 2021-05-06 95 0 0 阅读全文

JQuery 跨域访问解决原理案例详解

转自:http://blog.csdn.net/jiunizhuai/article/details/5657566浏览器端跨域访问一直是个问题,多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼。记得很久以前使用iframe加scriptdomain声明、yahoo...

JavaScript 2021-05-11 94 0 0 阅读全文

Element中Slider滑块的具体使用

组件-Element—Slider(滑块)组件—滑块基础用法默认自定义初始值隐藏Tooltip格式化Tooltip禁用exportdefault{data(){return{value1:0,value2:50,value3:36,value4:48,value5:42}},methods:{for...

JavaScript 2021-05-27 158 0 0 阅读全文

Vscode中使用Npm安装Babel的方法

上篇介绍了nodejs的安装配置,这篇来介绍一下在VScode里面怎么使用bable。bable是一个广泛使用的ES6转换器,可以将ES6代码转为ES5代码一、检查是否已经安装了npm在cmd中输入npm-v得到版本号,现在新版的nodejs在安装的时候已经自动安装了npm。还是那句话,最好还是以管...

JavaScript 2021-08-02 75 0 0 阅读全文

Js数组扁平化实现方法代码总汇

题目:请写出一个数组拍平函数。效果如下:vararr=['a',['b','c'],2,['d','e','f'],'g',3,4];flat(arr)//a,b,c,2,d,e,f,g,3,4方法一:使用toString方法先将arr转换为一个字符串,再以split分割为数组,再将数组里面的元素转...

JavaScript 2021-04-14 111 0 0 阅读全文

JavaScript跨域调用基于JSON的RESTful API

版权声明:本博客欢迎转载,转载时请以超链接形式标明文章原始出处!谢谢!博客地址:JavaScript跨域调用基于JSON的RESTfulAPI1.基本术语AJAX(AsynchronousJavaScriptAndXML,异步JavaScript和XML):AJAX是一种用于创建快速动态网页的技术,...

JavaScript 2021-05-11 123 0 0 阅读全文

Vue-Next/Runtime-Core 源码阅读指南详解

写在前面最近又抽时间把vue-next/runtime-core的源码陆陆续续地看完了,期间整理了很多笔记,但都是碎片化的。本来是想整理一下,写成一篇文章分享出来的,但是感觉最终的成果物只能是一篇篇幅巨长的解析文,就算我一行一行的把源码加上注释,其阅读体验也会很差,因为每个人读代码的习惯不同,思路不...

JavaScript 2021-05-06 104 0 0 阅读全文

Javascript实现移动端触屏拖拽功能

HTML:CSS:*{margin:0;padding:0;}html,body{width:100%;height:100%;}#div1{width:50px;height:50px;background:cyan;position:absolute;}JS:vardiv1=document.q...

JavaScript 2021-05-27 79 0 0 阅读全文

小程序实现滑动块效果

本文实例为大家分享了小程序实现滑动块效果的具体代码,供大家参考,具体内容如下当你在复制的时候一定要把js逻辑的list数据更改就行了小程序的css样式.box{width:100vw;background:#F2F2F2;transition:all3s;}.box-b{height:8vh;wid...

JavaScript 2021-04-21 95 0 0 阅读全文

JS中Async/Await实现异步调用的方法

async/await多个函数关联调用async/await使得异步代码看起来像同步代码async函数会隐式地返回一个promise,而promise的reosolve值就是函数return的值Async/Await不需要写.then,不需要写匿名函数处理Promise的resolve值,也不需要定...

JavaScript 2021-04-26 108 0 0 阅读全文

微信小程序换肤功能实现代码(思路详解)

在手机、电脑使用频率如此高的当下,应用可以更换皮肤,以提升美观性,并减轻屏幕对眼睛的刺激,无疑对用户体验有很大的帮助实现功能要实现如上更换皮肤的效果,有几个思路:1.准备皮肤相关的wxss,引入到app.wxss中,方便每个页面使用;2.设置皮肤时,动态改变wxml中元素的类名或id,使页面应用对应...

JavaScript 2021-05-20 119 0 0 阅读全文

Vue实现移动端拖拽交换位置

点击图片删除,拖拽可更改顺序,共4张删除该图片?删除取消exportdefault{data(){return{files:[],fileItem:{},filesResults:[],DeleteImageMask:false,//isShow:false,startX:0,//开始触摸的位置st...

JavaScript 2021-05-27 267 0 0 阅读全文

Prettier自动格式化去换行的实现代码

插件新建.prettierrc文件在根目录,里面写上这个第一个是超出800字符换行,第二个是单引号,第三个是结尾不要分号vscode里面的设置文件settings。json代码{//vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentati...

JavaScript 2021-05-20 106 0 0 阅读全文

基于Node的Axure文件在线预览的实现代码

公司现在的产品Axure文档在生成好Html文件之后,都是通过git来进行管理的,每次文件更新,大家都需要从git上进行拉取,然后在本地查看,更新会出现不及时的问题,大家有时候忘记git拉取导致出现实现效果与最终产品稿不一致。最近在看Koa的东西,因此通过githooks搭配Koa来实现了一个在线预...

JavaScript 2021-04-26 87 0 0 阅读全文

Vue实现移动端项目多行文本溢出省略

多行文本溢出省略多行文本溢出省略在做微信公众号开发时,有个需求是这样的找到了一个方法,2323文字提示气泡框,在鼠标悬停时显示,代替了系统的title提示。文字提示气泡框,在鼠标悬停时显示,代替了系统的title提示。文字提示气泡框,在鼠标悬停时显示,代替了系统的title提示。文字提示气泡框,在鼠...

JavaScript 2021-05-27 125 0 0 阅读全文

Vue 集成 PDF.Js 实现 PDF 预览和添加水印的步骤

在Vue中集成Mozilla/PDF.js,实现自定义的PDF预览器,以及给被预览的PDF添加水印实现效果可用插件介绍Mozilla提供了PDF.js和pdfjs-dist,两者的区别如下:PDF.js,一个完整的PDF查看器,可以直接使用其提供的viewer.html查看PDF内容,包含完整样式和...

JavaScript 2021-03-29 148 0 0 阅读全文

Vue Element-Ui表格实现树形结构表格

前端效果展示:在el-table中,支持树类型的数据的显示。当row中包含children字段时,被视为树形数据。渲染树形数据时,必须要指定row-key。支持子节点数据异步加载。通过指定row中的hasChildren字段来指定哪些行是包含子节点。children与hasChildren都可以通过...

JavaScript 2021-06-07 95 0 0 阅读全文

JS实现骰子3D旋转效果

本文实例为大家分享了JS实现骰子3D旋转效果展示的具体代码,供大家参考,具体内容如下css部分代码:.dice_box{width:400px;height:400px;position:relative;margin:0auto;perspective:900px;-moz-perspective...

JavaScript 2021-05-06 95 0 0 阅读全文

浅谈Web Storage API的使用

简介WebStorage为浏览器提供了方便的keyvalue存储,是一种比cookie更加方便简洁的存储方式。也是诸多客户端存储方式中非常常见的一种。一起来看看吧。浏览器的本地存储技术除了最早的使用cookie来进行本地存储之外,现代浏览器使用WebStorageAPI来方便的进行key/value...

JavaScript 2021-06-24 90 0 0 阅读全文