JavaScript - 教程之家

88浏览

0评论

细说webpack源码之compile流程-rules参数处理技巧(1)

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(2)，细说webpack源码之compile流程-入口函数run大家可以点击查看。Tips：写到这里，需要对当初的规则进行...

2020-05-27

64浏览

0评论

AngularJS实现的根据数量与单价计算总价功能示例

本文实例讲述了AngularJS实现的根据数量与单价计算总价功能。分享给大家供大家参考，具体如下：先看一下效果：代码如下：<!DOCTYPE html><html lang="en" ng-app><head> <meta char...

2020-05-27

58浏览

0评论

细说webpack源码之compile流程-rules参数处理技巧(2)

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(1)，细说webpack源码之compile流程-入口函数run大家可以点击查看。第一步处理rule为字符串，直接返...

2020-05-27

47浏览

0评论

基于 flexible 的 Vue 组件：Toast -- 显示框效果

基于flexible.js 的 Vue 组件前言：目前手头的移动端Vue项目是用手淘的 lib-flexible 作适配的，并用px2rem 来自动转换成rem。关于lib-flexible和px2rem的配置，请移步 vue-cli...

2020-05-27

42浏览

0评论

基于vue-cli配置lib-flexible + rem实现移动端自适应

安装flexiblenpm install lib-flexible --save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport 'lib-flexible'px 转 rem使用 webpack 的 px2rem-loade...

2020-05-27

49浏览

0评论

vue学习教程之带你一步步详细解析vue-cli

vue-cli在开发前，我们要至少通读一遍vue官方文档和API(看官方文档是最重要的，胜过看五十、一百篇博客),英文阅读能力还行的建议阅读英文文档，中文文档内容会稍落后，还要通读相关...

2020-05-27

45浏览

0评论

Webpack实战加载SVG的方法

SVG 作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了 Web 中矢量图的代名词。在网页中采用 SVG 代替位图有如下好处： SVG 相对于位图更清晰，在任意缩放的情...

2020-05-27

57浏览

0评论

微信小程序出现wx.navigateTo页面不跳转问题的解决方法

本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考，具体如下：今天在做微信小程序的时候，做的商品购买流程。流程是这样的：商品展示-->...

2020-05-27

52浏览

0评论

Vue工程模板文件 webpack打包配置方法

1、githubgithub地址：https://github.com/MengFangui/VueProjectTemplate2、webpack配置（1）基础配置webpack.base.config.jsconst path = require('path');//处理共用、通用的j...

2020-05-27

85浏览

0评论

Javascript防止图片拉伸的自适应处理方法

前言相信大家在日常的web开发中，作为前端经常会遇到处理图片拉伸问题的情况。
例如banner、图文列表、头像等所有和用户或客户自主操作图片上传的地方，而一旦牵扯图片，就会涉及...

2020-05-27

66浏览

0评论

Vue 过滤器filters及基本用法

1、示例代码采用vue单文件组件，使用moment插件格式化日期<template> <div> <h1>{{date | dateFormat}}</h1> </div></template><script> import moment from 'moment'; imp...

2020-05-27

54浏览

0评论

解决Jstree 选中父节点时被禁用的子节点也会选中的问题

问题描述：最近用jstree遇到一个问题，父节点选中时，被禁用的子节点也会选中如下解决方案：1、将jstree升级到最新的版本，v3.3.4及以上就可以2、修改checkbox插件配置，将cascade_to...

2020-05-27

64浏览

0评论

vue.js整合mint-ui里的轮播图实例代码

初始化vue项目npm install -g vue-clivue init webpack demo # 中间会让你选npm yarn 等来安装依赖，我选的是yarn，因为它快些
安装mint-uiyarn add mint-uimint-ui装好了，还要...

2020-05-27

49浏览

0评论

AngularJS集合数据遍历显示的实例

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>AngularJS集合数据遍历显示</title> <script type="text/javascript" src="../js/angular.min.js...

2020-05-27

67浏览

0评论

在vue项目中安装使用Mint-UI的方法

一、Mint UI 是由饿了么前端团队推出的一个基于 Vue.js 的移动端组件库,具有以下特性: 使用文档： http://mint-ui.github.io/#!/zh-cn Mint UI 包含丰富的 CSS 和 JS 组...

2020-05-27

68浏览

0评论

VSCode配置react开发环境的步骤

vscode 默认配置对于 react 的 JSX 语法不友好，体现在使用自动格式化或者粘贴后默认缩进错误，尽管可以通过改变 language mode 缓解错误，但更改 language mode 后的格式化依然...

2020-05-27

50浏览

0评论

VSCode 配置React Native开发环境的方法

本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下：
1.安装VSCode2.安装插件按F1 并输入 ext install 并回车, 或者使用
输入react-native安装React Nativ...

2020-05-27

81浏览

0评论

Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）

在写一个文件上传的功能时候，调用fs.renameSync方法错误出错代码所在如下： function upload(response,request){ console.log("upload called"); var form = new formidable....

2020-05-27

46浏览

0评论

使用命令行工具npm新创建一个vue项目的方法

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时...

2020-05-27

64浏览

0评论

node.js用fs.rename强制重命名或移动文件夹的方法

本文介绍了node.js用fs.rename强制重命名或移动文件夹的方法，首先介绍了rename的用法，具体如下：【重命名文件夹】
// rename.jsvar fs = require("fs"); // 重命名a文件夹为b...

2020-05-27

57浏览

0评论

javascript连接mysql与php通过odbc连接任意数据库的实例

脑洞大开用javascript链接mysql，2个小时总算实现了，用到了odbc，后面又想到用php链接odbc链接数据库，也实现了，就把案例放一下。注意事项：1、javascript连接mysql使用的是”new Act...

2020-05-27

48浏览

0评论

关于laydate.js加载laydate.css路径错误问题解决

前言laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活...

2020-05-27

71浏览

0评论

浅谈vue-router 路由传参的方法

路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2...

2020-05-27

47浏览

0评论

使用jQuery 操作table 完成单元格合并的实例

比较表格的内容。判断是否合并单元格：tr = $("#printPage tr").length;// 获取当前表格中tr的个数var mark = 0; //要合并的单元格数var index = 0; //起始行数/** 要合并单...

2020-05-27

60浏览

0评论

CSS3结合jQuery实现动画效果及回调函数的实例

写期末项目中，朋友提出的 idea ，当用户登录成功时欢迎用户的特效，即欢迎用户信息从底部上升到页面中，之后再退回底部。他遇到的问题是：从底部能出来提示信息，但是出来之后就下不去...

2020-05-27

56浏览

0评论

全面介绍vue 全家桶和项目实例

简介“简单却不失优雅，小巧而不乏大匠”。
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点...

2020-05-27

92浏览

0评论

Vue.js组件间的循环引用方法示例

什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下...

2020-05-27

113浏览

0评论

简单的Vue异步组件实例Demo

前言在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js 允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js 只在组件需要渲...

2020-05-27

56浏览

0评论

nodejs超出最大的调用栈错误问题

今天早上老大和我说之前项目里面的那个数据要改动，要对 mongodb 中每条记录进行 update 操作，你写个脚本跑一下吧。然后，我默默的回到电脑前，努力工作的一天又开始了。由于此表...

2020-05-27

108浏览

0评论

Vue+SpringBoot开发V部落博客管理平台

V部落是一个多用户博客管理平台，采用Vue+SpringBoot开发。演示地址： http://45.77.146.32:8081/index.html项目地址: https://github.com/lenve/VBlog 登陆页面文章列表发表...

2020-05-27

59浏览

0评论

使用nodejs+express实现简单的文件上传功能

1.建立express项目express -e nodejs-uploadfile2.下载multer中间件npm i multer or yarn multer3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并...

2020-05-27

68浏览

0评论

Angular实现的日程表功能【可添加及隐藏显示内容】

本文实例讲述了Angular实现的日程表功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...

2020-05-27

51浏览

0评论

Angular实现点击按钮后在上方显示输入内容的方法

本文实例讲述了Angular实现点击按钮后在上方显示输入内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <met...

2020-05-27

63浏览

0评论

Angular实现的简单查询天气预报功能示例

本文实例讲述了Angular实现的简单查询天气预报功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <s...

2020-05-27

101浏览

0评论

Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解

一、Vue的实例 1.1、创建一个 Vue 的实例每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({// 选项})虽然没有完全遵循 MVVM 模型，Vue 的设计无...

2020-05-27

72浏览

0评论

js判断节假日实例代码

效果展示：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery.min.js" type="t...

2020-05-27

44浏览

0评论

JS实现留言板功能[楼层效果展示]

功能实现：
1.发布人和发布内容非空校验
2.编辑删除功能
3.楼层效果展示
4.发布时间展示效果图目录 tools.js时间工具包function getTime(){ var weeks = ["星期日","星...

2020-05-27

333浏览

0评论

nodejs实现OAuth2.0授权服务认证

OAuth是一种开发授权的网络标准，全拼为open authorization，即开放式授权，最新的协议版本是2.0。举个栗子：有一个"云冲印"的网站，可以将用户储存在Google的照片，冲印出来。用户为了...

2020-05-27

77浏览

0评论

webpack搭建vue 项目的步骤

前期准备 webpack vue.js npm nodejs ES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：创建项目mkdir vue-demo cd vue...

2020-05-27

44浏览

0评论

vue实现文章内容过长点击阅读全文功能的实例

直接上代码：html:<div class="bodyFont clearfloat" id="bodyFont" ref="bodyFont" :class="{bodyHeight:contentStatus}"> <div v-html="content"></div></div><div class=...

2020-05-27

61浏览

0评论

vue获取dom元素注意事项

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) },methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } }vue...

2020-05-27

62浏览

0评论

js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)

如下所示：function formatDate(date,fmt) { if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(4-RegExp.$1.length)); } let o = { 'M+':...

2020-05-27

96浏览

0评论

在nginx上部署vue项目(history模式)的方法

vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的histo...

2020-05-27

87浏览

0评论

JavaScript实现元素滚动条到达一定位置循环追加内容

如下所示：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body{background-color: #eee;}#contents{margin:3...

2020-05-27

74浏览

0评论

JS实现带动画的回到顶部效果

本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码，供大家参考，具体内容如下
实现功能：滚动到页面某一个高度的时候，回到顶部按钮出现。点击之后回到网页顶部，按钮隐藏...

2020-05-27

56浏览

0评论

ionic3实战教程之随机布局瀑布流的实现方法

前言最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊!ionic项目提供了一套丰富的图标库，在ionic3中也进行了升级。
公司的一个项目中由于要用到一个瀑布流的特效...

2020-05-27

110浏览

0评论

详解如何优雅地在React项目中使用Redux

前言或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处，本文不会安利大家使用Redux概念首先我们会用到哪些框架和工具呢？ReactUI框架Redux状态管理工具，与Reac...

2020-05-27

46浏览

0评论

JavaScript实现数值自动增加动画

JS实现数值自动增加动画，效果图如下：话不多说，直接上代码，注释比较详细。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数字自动增加</title> </head>...

2020-05-27

88浏览

0评论

swiper自定义分页器使用方法详解

本文实例为大家分享了swiper自定义分页器使用的具体代码，供大家参考，具体内容如下解决问题：不想使用swiper的自带的圆钮式的分页器，想使用自定义的分页器。
解决方案：利用swiper...

2020-05-27

53浏览

0评论

Swiper自定义分页器使用详解

Swiper自定义分页，供大家参考，具体内容如下最终实现效果图：HTML DEMO（官网例子）<link rel="stylesheet" href="path/to/swiper.min.css"><div class="swiper-container"> <div cl...

2020-05-27

热门文章