JavaScript - 教程之家

51浏览

0评论

JavaScript中的一些隐式转换和总结(推荐)

js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []...

2020-05-27

71浏览

0评论

9种使用Chrome Firefox 自带调试工具调试javascript技巧

我们调试Javascript一般会用到Chrome或Firefox自带的调试工具，本文列出了几条用于调试Javascript的技巧，掌握它们，让我们花更少的时间来解决错误和bug，从而提高开发效率。
1. de...

2020-05-27

70浏览

0评论

Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法

通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后...

2020-05-27

55浏览

0评论

Angular实现较为复杂的表格过滤，删除功能示例

本文实例讲述了Angular实现较为复杂的表格过滤，删除功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="utf...

2020-05-27

109浏览

0评论

JavaScript实现的超简单计算器功能示例

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

2020-05-27

58浏览

0评论

JS生成随机打乱数组的方法示例

本文实例讲述了JS生成随机打乱数组的方法。分享给大家供大家参考，具体如下：一、比较乱的排序方法function fnLuanXu(num) { var aLuanXu=[]; for (var i = 0; i < num;...

2020-05-27

57浏览

0评论

JavaScript数组排序reverse()和sort()方法详解

JavaScript中数组排序的方法有两个reverse()和sort()。　　reverse()方法会反转数组项的顺序：var arr = [1,2,3,4,5]; arr.reverse(); alert(arr); //5,4,3,2,1　　sort()方...

2020-05-27

56浏览

0评论

vue项目常用组件和框架结构介绍

vue项目基础结构
一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样...

2020-05-27

67浏览

0评论

anime.js 实现带有描边动画效果的复选框（推荐）

anime.js anime.js是一个灵活的轻型JavaScript动画库。它与CSS，个别变换，SVG，DOM属性和JS对象。特征具体的动画参数具体目标值多个定时值播放控制运动路径在网...

2020-05-27

69浏览

0评论

通过fastclick源码分析彻底解决tap“点透”

近期使用tap事件为老夫带来了这样那样的问题，其中一个问题是解决了点透还需要将原来一个个click变为tap，这样的话我们就抛弃了ie用户
当然可以做兼容，但是没人想动老代码的，于是...

2020-05-27

69浏览

0评论

解决Vue 浏览器后退无法触发beforeRouteLeave的问题

现象加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为待监听组件）时，正常跳转其他页面可以触发beforeRouteLeave。但是按浏览器的后退按钮监听不到该事件...

2020-05-27

76浏览

0评论

jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

jquery中ajax请求后台数据成功后既不执行success也不执行error，此外系统报错：Uncaught SyntaxError: Unexpected identifier at Object.success，但后台能够返回数据，原代码如下：...

2020-05-27

94浏览

0评论

Parcel.js + Vue 2.x 极速零配置打包体验教程

继 Browserify、Webpack 之后，又一款打包工具 Parcel 横空出世Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具”简单接触了一下，单从效率上来说，确实要比 webp...

2020-05-27

72浏览

0评论

深入浅析JSONAPI在PHP中的应用

现在服务端程序员的主要工作已经不再是套模版，而是编写基于 JSON 的 API 接口。可惜大家编写接口的风格往往迥异，这就给系统集成带来了很多不必要的沟通成本，如果你有类似的困...

2020-05-27

46浏览

0评论

Vue.js递归组件构建树形菜单

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

2020-05-27

97浏览

0评论

jQuery EasyUI 折叠面板accordion的使用实例(分享)

1、对折叠面板区域 div 设置 class=”easyui-accordion”2、在区域添加多个 div，每个 div 就是一个面板（每个面板一定要设置 title 属性）。3、设置面板属性 fit 为 true，自适...

2020-05-27

66浏览

0评论

zTree树形菜单交互选项卡效果的实现方法

1、添加自定义属性 page2、为 ztree 每个树形节点，添加点击事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ztree树形菜单的使用</title> <!-- 导入jque...

2020-05-27

58浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

58浏览

0评论

VueRouter导航守卫用法详解

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

87浏览

0评论

JS实现图片居中悬浮效果

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

2020-05-27

51浏览

0评论

JS实现标签滚动切换效果

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

59浏览

0评论

jQuery EasyUI window窗口使用实例代码

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

88浏览

0评论

详解Webpack实战之构建 Electron 应用

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

57浏览

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

66浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

热门文章