标签: Javascript

Vue项目中引入Sass实例方法

Sass作为目前成熟,稳定,强大的css扩展语言,让越来越多的前端工程师喜欢上它。下面介绍了如何在vue项目中引入Sass。首先在项目文件夹执行命令npminstallvue-cli-g,安装vue-cli脚手架,若是已经安装了,则不必再次安装,直接跳过这一步。接下来执行命令行vueinitwebp...

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

Webpack 处理CSS资源的实现

1.一个引入CSS资源的案例//index.jsimport'./style.css'/*style.css*/#root{height:100px;width:100px;border:1pxsolid#ccc;}就这样打包的话,是会报错的,那么想要成功打包CSS资源,需要使用下面介绍的几个loa...

JavaScript 2021-04-29 222 0 0 阅读全文

微信小程序学习之自定义滚动弹窗

微信小程序虽然有三种自带的弹窗,但是毕竟功能有限,有时候难以满足我们的需求,所以我们可以自己尝试制作自定义弹窗,话不多说,直接上图:其中列表部分支持滚动,所以信息承载能力很强。实现代码:wxml:唤出弹窗标题副标题{{item.name}}×{{item.quantity}}{{item.messa...

JavaScript 2021-04-10 133 0 0 阅读全文

Js实现手表表盘时钟与圆周运动

表盘时钟与圆周运动实现结果需求分析:1、时钟时间按照北京时间进行显示;2、时针、分针、秒针按照时钟运转标准进行运转;3、小球跟随秒表围绕表盘进行圆周运动。代码分析1、html结构:时针、分针、秒针、小球分别用一个div,将他们一起放到一个大的div中;2、css样式:表盘布局多使用相对定位与绝对定位...

JavaScript 2021-05-18 505 0 0 阅读全文

Vue项目,代码提交至码云,Iconfont的用法说明

一、前期准备首先得有一个码云账号,账号名最好是英文,用于线上仓库其次下载一个git到电脑,因为很多git命令,cmd命令行识别不了最好再有一个Iconfont账号,很多前端用到的图标就不用再自己画了,直接添加到项目下载下来就可以用了还需要用到的有node二、建立项目1、首先在码云上新建一个私有的项目...

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

Vue整合Pdfjs,实现Pdf文件预览

背景项目上要求实现pdf文件格式的预览。分析pdf格式的文件浏览器是可以直接打开的。所以只需要返回pdf文件的文件流,就可以直接预览文件,通过这种方式打开,整个页面全是pdf的文件内容。需求是要求预览时,页面上要加上特定的标题格式,所以直接把文件流在浏览器打开的方式行不通。通过收集相关资料,找到pd...

JavaScript 2021-07-23 429 0 0 阅读全文

Vue如何根据Url下载非同源文件

一般情况下,我们根据url下载文件时可以有以下两种方案:1.window.open(url)2.但是我们在开发过程中,有时会遇到后端返回的文件地址和我们的网站不是同源的情况下,使用以上两种方案下载图片、pdf等文件,浏览器会直接打开,而不是下载。下面这种方法就可以解决此类情况:下载文件函数封装:(v...

JavaScript 2021-06-29 548 0 0 阅读全文

微信小程序Bindtap传参

微信小程序bindtap传参//index.wxml//index.jspage({data:{},changeIndex(e){console.log(e.currentTarget.dataset.src);//我是固定参数}});可以看出参数是通过给标签设置data-参数名=“参数值”自定义属...

JavaScript 2021-07-01 338 0 0 阅读全文

通过Layer实现可输入的模态框的例子

废话不多说,我就直接上代码吧!模态框---父层#addmain{display:none;}姓名(*):部门(*):    岗位(*):账户(*):密码(*):状态(*):正常禁言关闭删除  ...

JavaScript 2021-04-29 179 0 0 阅读全文

JavaScript实现更换背景图片

本文实例为大家分享了JavaScript实现更换背景图片的具体代码,供大家参考,具体内容如下主要通过Js控制行内样式,达到更换背景图片的目的效果:代码:更换背景*{margin:0;padding:0;}body{background:url(./images/01.jpg)no-repeat;ba...

JavaScript 2021-04-30 291 0 0 阅读全文

小程序录音功能实现

在开发小程序过程中,有一个实现录音功能并播放录音,将录音上传至服务器的需求。开发过程中使用了Taro框架,录音功能通过Taro.getRecorderManager()接口实现,上传录音至服务器通过Taro.uploadFile接口实现,播放录音使用Taro.createInnerAudioCont...

JavaScript 2021-03-24 241 0 0 阅读全文

Jquery是用来干什么的 Jquery其实就是一个Js框架

jQuery简介jQuery库可以通过一行简单的标记被添加到网页中。您需要具备的基础知识在您开始学习jQuery之前,您应该对以下知识有基本的了解:HTMLCSSJavaScript如果您需要首先学习这些科目,请在我们的首页查找这些教程。什么是jQuery?jQuery是一个JavaScript函数...

JavaScript 2021-03-28 191 0 0 阅读全文

JS用最简单的方法实现四舍五入

1、tofixed方法toFixed()方法可把Number四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法...

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

Jquery轻量级数字动画插件CountUp.Js使用详解

CountUp.js是一个无依赖,轻量级的JavaScript“类”,可用于快速创建以更有趣的方式显示数字数据的动画。该JS插件下载地址展示效果:详细代码示例:jquery轻量级数字动画插件varoptions={useEasing:true,//使用缓和useGrouping:true,//使用分...

JavaScript 2021-04-30 257 0 0 阅读全文

Javascript实现打砖块小游戏(附完整源码)

打砖块小游戏在?给个赞?实现如图需求分析1、小球在触碰到大盒子上、左、右边框,以及滑块后沿另一方向反弹,在碰到底边框后游戏结束;2、小球在触碰到方块之后,方块消失;3、消除所有方块获得游戏胜利;4、可通过鼠标与键盘两种方式移动滑块;5、游戏难度可调整,实时显示得分。代码分析1、html结构:左右两个...

JavaScript 2021-05-18 343 0 0 阅读全文

Vue.Js根据图片Url进行图片下载

最近在做一个前端vue.js对接的功能模块时,需要实现一个下载图片的功能,后台返回来的是一串图片url,试了很多种方法,发现点击下载时出来的效果,都是跳到一个新的图片网页,后来经过一番琢磨,终于解决了这个问题:这是后台返回来的json数据(防止泄露重要信息IP地址打码了):我在html里的引用是这样...

JavaScript 2021-06-29 231 0 0 阅读全文

解决Vue打包后刷新页面报错:Unexpected Token

今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中Unexpectedtoken

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

Js实现全选和反选

非常简洁的几行原生js实现全选和全不选,大神们可以在此基础上加上反选功能啊^^全选、全不选//CheckallfunctionAll(e,itemName){varaa=document.getElementsByName(itemName);for(vari=0;i<aa.length;i+...

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

React显示文件上传进度的示例

Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。在使用react,vue框架的时候,如果需要监听文件上传可以使用axios里的onUploadProgress.react上传文件显示进度demo前端快速安装react应用确保有node环境npxcreate-reac...

JavaScript 2021-04-16 247 0 0 阅读全文

React-Native 环境搭建和基本介绍

环境搭建准备1.环境搭建ReactNative中文网2.开发工具前端开发软件:VisualStudioCode移动端开发软件:Xcode、AndroidStudio3.知识储备NodeJSReactEs6,Es7ReactNative介绍ReactNaitve的简介:Facebook在React.j...

JavaScript 2021-04-22 395 0 0 阅读全文