JavaScript - 教程之家

36浏览

0评论

详解适配器在JavaScript中的体现

适配器设计模式在JavaScript中非常有用，在处理跨浏览器兼容问题、整合多个第三方SDK的调用，都可以看到它的身影。其实在日常开发中，很多时候会不经意间写出符合某种设计模式的...

2020-05-27

53浏览

0评论

用npm安装vue和vue-cli,并使用webpack创建项目的方法

一、npm 版本需要大于 3.0，如果低于此版本需要升级它：# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装：# 最新稳定版$...

2020-05-27

79浏览

0评论

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？解决方法w...

2020-05-27

45浏览

0评论

Vue 第三方字体图标引入 Font Awesome的方法

Font Awesome用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改方面，字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少，...

2020-05-27

60浏览

0评论

在vue-cli的组件模板里使用font-awesome的两种方法

方法一：npm install font-awesome在main.js里添加import 'font-awesome/css/font-awesome.css'方法二：在官网下载代码到本地，现在应该是font-awesome-4.7，把整个文件夹放到stati...

2020-05-27

44浏览

0评论

vue打包相关细节整理(小结)

项目在dev环境下运行没有问题，打包之后就各种报错一下来整理一下遇到的问题1、打包好的网页无法访问static目录的资源原因是下载官方的cli时，默认设置是根据绝对路径来定位资...

2020-05-27

37浏览

0评论

vue项目引入字体.ttf的方法

1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例）2、在src下新建common文件，文件夹中包含以下文件3、打开font.css@font-face { font-family: 'FZCYJ'; //重命名字体名 src...

2020-05-27

51浏览

0评论

在vue项目中正确使用iconfont的方法

1、打开 iconFont官网选择自己喜欢的图标，并且添加购物车2、点击购物车，添加至项目3、下载至本地4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下（可...

2020-05-27

48浏览

0评论

webpack+vue-cli项目中引入外部非模块格式js的方法

在开发vue的项目（我使用的是vue2）,需要添加js，虽然可以通过npm install 安装插件，但是如果有一些插件并没有开源，这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外...

2020-05-27

38浏览

0评论

vue element table 表格请求后台排序的方法

1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排...

2020-05-27

84浏览

0评论

Vue2.x中利用@font-size引入字体图标报错的解决方法

利用 vue-cli 搭建的项目平台利用stylus写的css样式有 css-loader 依赖包x下图是 webpack.base.conf.js 关于字体文件的配置有人这里会有重复的字体文件的配置，删除一项即可...

2020-05-27

44浏览

0评论

H5+C3+JS实现双人对战五子棋游戏（UI篇）

本篇文章实现的是双人对战模式，主要是实现除人机AI算法和判断输赢之外的其他功能，下一篇将会发布AI框架搭建<!Doctype html><html> <head>  <met...

2020-05-27

76浏览

0评论

在vue中更换字体,本地存储字体非引用在线字体库的方法

1，首先把下载的字体两种格式放到本地2，新建文件夹3，在这个文件里写4，这main.js 里引用5，在style里引用字体，结束！以上这篇在vue中更换字体,本地存储字体非引用在线字体库的方法就...

2020-05-27

41浏览

0评论

解决微信小程序防止无法回到主页的问题

【小程序】提交订单页面到订单详情页面，如何防止无法回到主页问题场景：小程序某个页面完成后，希望跳转到另一个相关页面。比如，订单提交完成后，希望跳转到订单详情页面，可选的方案...

2020-05-27

38浏览

0评论

H5+C3+JS实现五子棋游戏（AI篇）

本文实例为大家分享了H5+C3+JS实现五子棋游戏的具体代码，供大家参考，具体内容如下新增全局变量<script> //所有赢法总和 var count = 0; //容纳所有赢法的三维数组 var allWin...

2020-05-27

49浏览

0评论

在vue中解决提示警告 for循环报错的方法

警告1.出现这个警告问题的时候我们可以去main.js中在头部添加这句话：Vue.config.productionTip = false这样即可去除警告！2.在build文件下的webpack.base.conf.js文件中，将 .....

2020-05-27

57浏览

0评论

JS canvas绘制五子棋的棋盘

本文为大家分享了JS canvas绘制五子棋棋盘的具体代码，供大家参考，具体内容如下box-shadow:给元素块周边添加阴影效果。
语法：box-shadow: h-shadow v-shadow blur spread colo...

2020-05-27

48浏览

0评论

详解node字体压缩插件font-spider的用法

需求：根据甲方要求，使用UI中指定字体移动端默认显示系统默认字体，非系统默认字体需要自行引入字体包字体包过大，字体包通常在几MB，严重拖累页面加载速度分析：文本内容为固定内容，不...

2020-05-27

40浏览

0评论

使用JavaScript破解web

并非所有的黑客行为都是恶作剧。下面是如何使用JavaScript使浏览器更好的方法。JavaScript的在线资源并不缺乏，从教你基础知识的课程到应用程序创建的教程。在本文中，我将解释...

2020-05-27

65浏览

0评论

代码分析vue中如何配置less

安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win) {...

2020-05-27

46浏览

0评论

学习jQuery中的noConflict()用法

noConflict()jQuery使用$符号，作为jQuery的简写JavaScript框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Em...

2020-05-27

67浏览

0评论

浅谈vue引用静态资源需要注意的事项

项目结构如下：想在icon.styl文件夹里面引用字体图标，使用相对路径，但是报错浏览器报错如下：解决方案有两种：方案1.使用根目录路径方案2：将要引用的静态资源fonts文件夹放在static...

2020-05-27

54浏览

0评论

JavaScript循环遍历你会用哪些之小结篇

总结JavaScript中的循环遍历定义一个数组和对象const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}
for()经常用来遍历数组元素遍历值...

2020-05-27

66浏览

0评论

解决webpack+Vue引入iView找不到字体文件的问题

原因：css-loader后面带了参数modules(打包报错)url-loader后面带了参数name(引入报错){ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use:...

2020-05-27

38浏览

0评论

vue.js父子组件通信动态绑定的实例

如下所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id='app'>  <fat...

2020-05-27

45浏览

0评论

js隐式转换的知识实例讲解

开胃菜[] == ![] //true ==> "" == false123 ^ [] //123 ==> 123 ^ 0~{} //-1 ==> ~0{} >= {1,2} //true ==>因为大于等于的比较，不是...

2020-05-27

61浏览

0评论

实例分析vue循环列表动态数据的处理方法

调用方法：Vue.set( target, key, value )target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据value ：重新赋的值<!DOCTYPE html><html><head> <meta charset="UTF-...

2020-05-27

42浏览

0评论

2种在vue项目中使用百度地图的简单方法

地图在项目中用得很多，最近也用了几次，好长时间不用都记不清了，闲暇时整理了vue里使用百度地图的2种方法，方便自己查看，也分享给大家，希望可以帮助有需要的人。
普遍的方法是：1.ind...

2020-05-27

41浏览

0评论

总结javascript三元运算符知识点

说起js，对很多初学者来说可能还是比较费力的，本人也是觉得js功底还是不够扎实，所以把有些东西在学习一遍，顺便分享出来希望可以帮到有需要的人“三元运算符” 什么是三元运算符...

2020-05-27

60浏览

0评论

对vue中v-if的常见使用方法详解

使用过Vue的小伙伴一定使用过v-if 这个属性，但是这个属性主要是来干什么的呢,他得用途是那些？这里我总结了一下，v-if使用一般有两个场景：1- 多个元素通过条件判断展示或者隐藏...

2020-05-27

58浏览

0评论

javascript中toFixed()四舍五入使用方法详解

最近做的项目涉及到金额的计算，有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，知道一个用户反馈了金额计算的bug我才如梦...

2020-05-27

52浏览

0评论

js实现点击展开隐藏效果（实例代码）

本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
先看看效果图：代码实例：<!DOCTYPE html><htm...

2020-05-27

51浏览

0评论

js限制input只能输入有效的数字(第一个不能是小数点)

第一种方法：通过字符搜索判断等实现，适合功能增强<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jq.js"></script...

2020-05-27

44浏览

0评论

js限制输入框只能输入数字(onkeyup触发)

例子：html代码<input type="text" name="" id="box" />通常都直接用：<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>以上的缺点是，当你正...

2020-05-27

55浏览

0评论

使用Vuex解决Vue中的身份验证问题

传统方式中，许多人使用本地存储，来管理通过客户端验证生成的tokens。一个大问题是如何有更好的方式，来管理验证tokens，从而允许我们来存储更大的用户信息。这就是Vuex的作用。 V...

2020-05-27

59浏览

0评论

基于vue和react的spa进行按需加载的实现方法

基于vue和react的spa进行按需加载由于最近打算将所有的管理系统采用同一套登陆方法，然后在登陆后进行系统的切换选择，不需要每个系统都去重新登陆一次，所以前端这边思考将所有...

2020-05-27

49浏览

0评论

脚手架vue-cli工程webpack的作用和特点

Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么webpack是一个模块打包...

2020-05-27

46浏览

0评论

使用electron将vue-cli项目打包成exe的方法

如果你已经做好了一个vue的项目，并且想要将他打包成exe,那么请继续阅读。首先你可以下载一个demo了解一下。git clone https://github.com/electron/electron-quick-startcd...

2020-05-27

60浏览

0评论

使用 Node.js 实现图片的动态裁切及算法实例代码详解

背景&概览目前常见的图床服务都会有图片动态裁切的功能，主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。一张动辄以 MB 为计量单位的原始大图，通常不会只设置一...

2020-05-27

57浏览

0评论

原生JS实现旋转轮播图+文字内容切换效果【附源码】

废话不多说，直接上图看效果：需求：点击左右按钮实现切换用户图片与信息；原理：点击右侧左侧按钮，把3号的样式给2号，2号的给1号，1号的给5号，5号的给4号，4号的样式给3号，然后根据现在是第...

2020-05-27

50浏览

0评论

vue-cli脚手架搭建的项目去除eslint验证的方法

eslint验证，为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助，但是由于其语法验证的严格，很多程序员在初期使用的时候很不适应，就想怎么能够去掉eslint验证。其实把...

2020-05-27

63浏览

0评论

使用vue根据状态添加列表数据和删除列表数据的实例

如下所示：<template> <div> <div v-for="obj of a" @click="sel(obj)"> {{obj.name}} <span v-if="!obj.select">+</span><span v-else>-</span> </div> <hr> <div>...

2020-05-27

48浏览

0评论

vue动态删除从数据库倒入列表的某一条方法

如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单...

2020-05-27

56浏览

0评论

Vue中的Props(不可变状态)

组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给...

2020-05-27

57浏览

0评论

vue实现重置表单信息为空的方法

背景之前表单重置为空的话是这样写的this.fromline = { access_provider_name: '', // 接入商名称 access_provider_address: '', // 接入商所属地区 remark: '' // 备...

2020-05-27

34浏览

0评论

vue根据值给予不同class的实例

如下所示：<div class="chatBox-kuang" :class="addclass(skin)"></div> data(){ return{ skin:'' }}onchooseSkin(attr){ this.skin=attr}, 方法一addclass(i){ switch (i)...

2020-05-27

48浏览

0评论

vue实现条件判断动态绑定样式的方法

在我们做前端页面的时候，为了美观和直观，我们希望通过条件判断来让页面显示不同的样式，如下图所示：当值为“是”时，显示绿色的标签，当值为“否”时，显示为灰色的标签。标签的样式分...

2020-05-27

68浏览

0评论

脚手架vue-cli工程webpack的基本用法详解

webpack的打包依赖于它的一个重要配置文件webpack.config.js，在这个配置文件中就可以指定所有在源代码编译过程中的工作了，就一个配置就可以与冗长的Gruntfile或者Gulpfile说...

2020-05-27

30浏览

0评论

vue里input根据value改变背景色的实例

1、首先定义两个不同的.null-input .el-input__inner {background-color: rgba(255, 255, 255, 0.8); color: #525661; font-size: 16px;}.no-null-input .el-input__inner...

2020-05-27

50浏览

0评论

浅谈vue项目打包优化策略

使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？1.组件按需加载
这是首先可以优化的点。如果频繁使...

2020-05-27

热门文章