JavaScript - 教程之家

54浏览

0评论

jQuery EasyUI 选项卡面板tabs的使用实例讲解

1、对选项卡面板区域 div 设置 class=”easyui-tabs”2、对选项卡面板区域添加多个 div，每个 div 就是一个选项卡（每个面板一定设置 title）3、设置面板 fit 为 true ，自适应...

2020-05-27

73浏览

0评论

详解vue-cli之webpack3构建全面提速优化

前言伴随着vue的全球化，已经各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这...

2020-05-27

59浏览

0评论

用 Vue.js 递归组件实现可折叠的树形菜单(demo)

在Vue.js中一个递归组件调用的是其本身，如：Vue.component('recursive-component', { template: ` <recursive-component></recursive-compone...

2020-05-27

46浏览

0评论

利用jQuery+localStorage实现一个简易的计时器示例代码

前言在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一...

2020-05-27

70浏览

0评论

基于zTree树形菜单的使用实例

在每个节点添加 id 和 pid， id 表示当前节点编号，pid 表示父节点编号第一步：在页面显示菜单位置，添加 ul设置 class=”ztree”第二步：开启简单数据格式支持第三步：编写树形菜单数...

2020-05-27

51浏览

0评论

VueRouter导航守卫用法详解

简介
主要用来通过跳转或取消的方式守卫导航。
例如判断登录信息：没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。分为三大类：全局守卫、路由守卫、组件守卫...

2020-05-27

70浏览

0评论

利用vue + element实现表格分页和前端搜索的方法

前言ElementUI是饿了么前端开源的一个基于Vue的前端框架，已经帮我们封装好了一系列功能性的组件，比如栅格系统、表格、表单、树形菜单、通知等。对于搞后台管理界面的项目，特别...

2020-05-27

72浏览

0评论

微信小程序录音与播放录音功能

小程序中提供了两种录音的API旧版录音功能首先启动录音，然后停止录音即可拉到音频的临时地址启动录音：var that = this; wx.startRecord({ success: function (res) { /...

2020-05-27

45浏览

0评论

Vue.js通用应用框架-Nuxt.js的上手教程

对于React，Vue构建的单页面应用老说，SEO是一个众所周知的问题。服务端渲染(SSR-server Side Render)是目前看来最好的解决办法。React应用有Next.js，对应Vue的解决方案就是Nuxt...

2020-05-27

94浏览

0评论

JS+CSS实现滚动数字时钟效果

本篇内容我们用js配合css样式表来实现一个滚动时钟的动画效果，这个效果一般都是用在网页开场动画以及区域的时间显示中，非常好看，动画效果也很个性，我们先来看下运行后的效果：下...

2020-05-27

75浏览

0评论

JS实现图片居中悬浮效果

这篇文章我们是用JS实现一个图片悬浮的效果，在我们用鼠标下拉滚动的时候图片居中悬浮，不跟随滚动，我们先来看下效果图：下面我们来看下所有测试过的代码：<!DOCTYPE html PUBLIC "-...

2020-05-27

43浏览

0评论

JS实现标签滚动切换效果

本文的JS效果是在鼠标点击ITEM标签的时候，实现下方的内容跟随滚动切换的效果，我们先来看下运行后的效果图。以下是原创的运行代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...

2020-05-27

77浏览

0评论

Angular4.0中引入laydate.js日期插件的方法教程

前言laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活了，大家都知道。Angular是不支持直接引入js文件的，下面介绍项目如果引入laydate.js的方法(可同样用于其...

2020-05-27

58浏览

0评论

JS中使用textPath实现线条上的文字

近期在项目中要实现关系图,需要在线条上绘制文字。要实现这个功能,我们需要在SVG中连接的线条从标签line修改为path,这样才可能实现类似如下的效果: 1个简单的例子如下所示:...

2020-05-27

45浏览

0评论

jQuery EasyUI window窗口使用实例代码

需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。<!DOCTYPE html><html> <head> <meta charset="UT...

2020-05-27

72浏览

0评论

JS实现十字坐标跟随鼠标效果

本次小编给大家带来一个JS的效果，实现根据浏览器的窗口大小出现十字坐标并跟随鼠标移动的效果，还可以计算出实时的坐标数值。我们先来看一下运行后的效果图：以下是经过小编测试...

2020-05-27

50浏览

0评论

Angular4实现图片上传预览路径不安全的问题解决

前言前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，在Angular4中，通过input:file上传选择图片本地预览的时候，通过window.URL.createObjectURL获取的u...

2020-05-27

76浏览

0评论

详解Webpack实战之构建 Electron 应用

Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。Electron 是 Node.js 和...

2020-05-27

66浏览

0评论

Webpack优化配置缩小文件搜索范围

Webpack 启动后会从配置的 Entry 出发，解析出文件中的导入语句，再递归的解析。在遇到导入语句时 Webpack 会做两件事情：1.根据导入语句去寻找对应的要导入的文件。例如 require...

2020-05-27

41浏览

0评论

jQuery简单实现向列表动态添加新元素的方法示例

本文实例讲述了jQuery简单实现向列表动态添加新元素的方法。分享给大家供大家参考，具体如下：先看看效果图：完整实现代码如下：<!DOCTYPE html><html lang="en"><head><meta chars...

2020-05-27

83浏览

0评论

用React-Native+Mobx做一个迷你水果商城APP(附源码)

前言最近一直在学习微信小程序，在学习过程中，看到了 wxapp-mall 这个微信小程序的项目，觉得很不错，UI挺小清新的，便clone下来研究研究，在看源码过程中，发现并不复杂，用不多的代码来...

2020-05-27

37浏览

0评论

jQuery实现右侧抽屉式在线客服功能

我们先来看下实际运行效果图：先给大家看下整体代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

2020-05-27

33浏览

0评论

AngularJS实现的生成随机数与猜数字大小功能示例

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb5...

2020-05-27

72浏览

0评论

jQuery图片查看插件Magnify开发详解

前言因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最...

2020-05-27

61浏览

0评论

vue的一个分页组件的示例代码

分页组件在项目中经常要用到之前一直都是在网上找些jq的控件来用(逃..),最近几个项目用上vue了项目又刚好需要一个分页的功能。具体如下：文件page.vue为一个pc端的分页组件,...

2020-05-27

80浏览

0评论

使用vue实现简单键盘的示例(支持移动端和pc端)

常看到各种app应用中使用自定义的键盘，本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用实现效果：Keyboard.vue<template> <div class="keyboard" v-show="showKeybo...

2020-05-27

56浏览

0评论

浅谈React深度编程之受控组件与非受控组件

受控组件与非受控组件在官网与国内网上的资料都不多，有些人觉得它可有可不有，也不在意。这恰恰显示React的威力，满足不同规模大小的工程需求。譬如你只是做ListView这样简单的...

2020-05-27

61浏览

0评论

Angular实现可删除并计算总金额的购物车功能示例

本文实例讲述了Angular实现可删除并计算总金额的购物车功能。分享给大家供大家参考，具体如下：先看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...

2020-05-27

62浏览

0评论

node.js中路由，中间件，ge请求和post请求的参数详解

一、路由　　　1、什么是路由　　　　　　服务器需要根据不同的URL或请求来执行不一样的操作，我们可以通过路由来实现这个步骤　　　2、实现路由的方法　　　　2.1、get请求...

2020-05-27

47浏览

0评论

Vue 进入/离开动画效果

1、示例代码（注：写到vue单文件中了）<template> <div> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">h...

2020-05-27

54浏览

0评论

细说webpack源码之compile流程-入口函数run

Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。本节流程如图：　　现在正式进入打包流程，起步方法...

2020-05-27

77浏览

0评论

Bootstrap 模态框多次显示后台提交多次BUG的解决方法

模态框Bootstrap Modal Bootstrap 的模态框使用Bootstrap 的前端应该都接触过。本文记录一下今天使用时遇到的 BUG，以便以后查阅和帮助其他遇到同样问题的伙伴们。BUG 情景使...

2020-05-27

70浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

39浏览

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

40浏览

0评论

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

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

2020-05-27

42浏览

0评论

Webpack实战加载SVG的方法

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

61浏览

0评论

Vue 过滤器filters及基本用法

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

59浏览

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

44浏览

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

55浏览

0评论

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

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

2020-05-27

63浏览

0评论

VSCode配置react开发环境的步骤

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

热门文章