JavaScript - 教程之家

51浏览

0评论

妙用缓存调用链实现JS方法的重载

1.什么是方法重载方法重载是指在一个类中定义多个同名的方法，但要求每个方法具有不同的参数的类型或参数的个数。
简而言之就是：方法重载就是方法名称重复，加载参数不同。具体...

2020-05-27

57浏览

0评论

详解ajax的data参数错误导致页面崩溃

今天准备把选定表格的其中一行的数据通过ajax传给后端，但是网站确崩溃了。代码如下：$('.icon-edit').click(function (event) { 这是一个按钮 o=$('.icon-edit').index($(...

2020-05-27

47浏览

0评论

在Vue项目中使用d3.js的实例代码

之前写一个 Demo里面有些东西要使用d3实现一些效果但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说可以说是很不人性化了完全没有说...

2020-05-27

45浏览

0评论

Vue项目中使用Vux的安装过程

最近想用vue+vux写一个项目，于是到vux的官网看了文档开始着手搭建项目，但是遇到一些坑。下面简单说下安装vux 的过程。默认已安装vue环境1.安装vuxnpm install vux --save-dev...

2020-05-27

69浏览

0评论

如何获取TypeScript的声明文件.d.ts

一、TypeScript的声明文件就像C/C++用.h文件。当使用TypeScript调用其他已经编写好的类库时，可以提供IntelliSense智能提示。二、使用npm指令来获取.d.ts文件install -save @...

2020-05-27

50浏览

0评论

不使用JavaScript实现菜单的打开和关闭效果demo

我在写有菜单栏的网页时，基本都会用响应式设计来适配移动端，例如把不重要的菜单选项隐藏，或者创建一个菜单按钮来控制的菜单的打开和关闭之类的。而我之前一直是使用JavaScript...

2020-05-27

78浏览

0评论

使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)

写在前面之前写过一篇关于vue实现dialog会话框组件的文章https://www.freexyz.cn/article/139218.htm 讲到了如何实现一个vue对话框组件，其中涉及到了父组件和子组件的通信，这个...

2020-05-27

61浏览

0评论

vue如何通过id从列表页跳转到对应的详情页

1. 列表页：列表页带id跳转到详情页详情页：把id传回到后台就可以获取到数据了2.列表页跳转到详情页并更改详情页的标题列表页：带id和页面标题的typeid跳转到详情页详情页：在html...

2020-05-27

66浏览

0评论

vue中的模态对话框组件实现过程

写在前面对话框是很常用的组件，在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢，所以我们需要自己写一个对话框，并且如果有很多...

2020-05-27

43浏览

0评论

使用vue-cli创建项目的图文教程(新手入门篇)

本文是针对对于完全没有了解过vue 和npm，连运行环境和项目构建的都不会的小白，对于前端老司机的就不用看了，浪费时间。使用npm 与vue-cli 构建vue 项目第一步：安装运行环境（node...

2020-05-27

71浏览

0评论

详解redis在nodejs中的应用

redis是一个性能非常好的内存数据库，部署在应用程序和mysql数据中间做缓存数据库，可以极大的提升应用程序的性能，这里简单介绍nodejs客户端操作redis的demo程序redis里面总共可...

2020-05-27

75浏览

0评论

解析Json字符串的三种方法日常常用

在很多时候，我们的需要将类似 json 格式的字符串数据转为json,下面将介绍日常中使用的三种解析json字符串的方法　1.首先，我们先看一下什么是 json 格式字符串数据，很简单，就是...

2020-05-27

46浏览

0评论

关于Vue在ie10下空白页的debug小结

发现问题前几天写的一段Vue，在ie下一片空白，f12显示script1003: expected : 。于是就有了这篇文章...解决过程baidu、google之，说是json最后一项有多余的逗号，例如{ a: 5, b: 4,...

2020-05-27

61浏览

0评论

基于jquery实现左右上下移动效果

最近再做报表时候，直接把全部字段都导出了，但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制，所以就尝试下咯。js代码function selected(thiz) { var name...

2020-05-27

75浏览

0评论

Vue SSR 组件加载问题

Node 端渲染提示 window/document 没有定义业务场景首先来看一个简单的 Vue 组件 test.vue<template> <div> <h2>clientHeight: {{ clientHeight }} px </h2> </div></temp...

2020-05-27

40浏览

0评论

Vue.js中关于侦听器（watch）的高级用法示例

Vue侦听器watch虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数...

2020-05-27

41浏览

0评论

详解Vue中watch的高级用法

假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName:...

2020-05-27

66浏览

0评论

用ES6写全屏滚动插件的示例代码

这篇文章将介绍如何使用原生 JS （主要使用 ES6 语法）实现全屏滚动插件，兼容 IE 10+、手机触屏，Mac 触摸板优化，支持自定义页面动画，压缩后 gzip 文件只有 2k。完整源码在这 pure_f...

2020-05-27

49浏览

0评论

nodejs 日志模块winston的使用方法

winston 日志模块
在使用 nodejs winston 模块中，加上相关的两个模块，事倍功半。 express-winston winston-daily-rotate-fileexpress-winston
是 express-winston 的 winst...

2020-05-27

57浏览

0评论

基于vue,vue-router, vuex及addRoutes进行权限控制问题

基于vuex, vue-router,vuex的权限控制教程，完整代码地址见 https://github.com/linrunzheng/vue-permission-control接下来让我们模拟一个普通用户打开网站的过程，一步一步的...

2020-05-27

46浏览

0评论

详解VueJs中的V-bind指令

引子v-bind 主要用于属性绑定，Vue官方提供了一个简写方式 :bind，例如：<a v-bind:href="url"></a><a :href="url"></a> 一、概述 v-bind...

2020-05-27

34浏览

0评论

jQuery实现每隔一段时间自动更换样式的方法分析

本文实例讲述了jQuery实现每隔一段时间自动更换样式的方法。分享给大家供大家参考，具体如下：js核心代码部分：$(document).ready(function(){ // 皮肤列表选项切换 $(".ulSkin l...

2020-05-27

54浏览

0评论

vue.js学习笔记之v-bind和v-on解析

v-bind 指令用于响应地更新 HTML 特性形式如：v-bind:href 缩写为 :href;v-on 指令用于监听DOM事件形式如：v-on:click 缩写为 @click;<body> <div id="test"> <img v...

2020-05-27

51浏览

0评论

react router4+redux实现路由权限控制的方法

总体概述
一个完善的路由系统应该是这样子的，当链接到的组件是需要登录后才能查看，要能够跳转到登录页，然后登录成功后又跳回来之前想访问的页面。这里主要是用一个权限控制类...

2020-05-27

64浏览

0评论

Angular Renderer (渲染器)的具体使用

Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试与重构。另外的好处是，由于这种解耦，使得我们的应用能够运...

2020-05-27

69浏览

0评论

Webpack中publicPath路径问题详解

最近自己在搭建一个基于webpack的react项目，遇到关于output.publicPath和webpack-dev-server中publicPath的问题，而官方文档对它们的描述也不是很清楚，所以自己研究了下并写下...

2020-05-27

68浏览

0评论

Webpack path与publicPath的区别详解

前言在webpack模块化开发的过程中，发现webpack.config.js配置文件的输出路径总有一个path与publicPath，不解其意。module.exports = { output: { path: path.resolve("./examp...

2020-05-27

56浏览

0评论

Vue表单类的父子组件数据传递示例

使用Vue.js进行项目开发，那必然会使用基于组件的开发方式，这种方式的确给开发和维护带来的一定的便利性，但如果涉及到组件之间的数据与状态传递交互，就是一件麻烦事了，特别是面对...

2020-05-27

48浏览

0评论

JS中判断某个字符串是否包含另一个字符串的五种方法

String对象的方法方法一: indexOf() (推荐) var str = "123" console.log(str.indexOf("2") != -1); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现...

2020-05-27

62浏览

0评论

Angular学习教程之RouterLink花式跳转

前言除了使用Router的navigate()方法切换路由，Angular2还提供了一个指令用来将一个DOM对象增强为路由入口：@View({directives:[RouterOutlet,RouterLink]template : `<nav><b...

2020-05-27

32浏览

0评论

原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果

本文实例讲述了原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset=gbk><title>www.jb51...

2020-05-27

41浏览

0评论

VUE Error: getaddrinfo ENOTFOUND localhost

本文介绍了VUE Error: getaddrinfo ENOTFOUND localhost，分享给大家。具体如下：Jins-MBP:helloworld XXX$ npm run dev> helloworld@1.0.0 dev /Users/XXX/Documents/develop/...

2020-05-27

33浏览

0评论

React为 Vue 引入容器组件和展示组件的教程详解

如果你使用过 Redux 开发 React，你一定听过容器组件（Smart/Container Components）或展示组件（Dumb/Presentational Components），这样划分有什么样的好处，我们能否能借鉴这种划分...

2020-05-27

39浏览

0评论

详解vuex结合localstorage动态监听storage的变化

需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间...

2020-05-27

32浏览

0评论

原生JS实现的雪花飘落动画效果

本文实例讲述了原生JS实现的雪花飘落动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...

2020-05-27

36浏览

0评论

Node.Js中实现端口重用原理详解

本文介绍了Node.Js中实现端口重用原理详解，分享给大家，具体如下：起源，从官方实例中看多进程共用端口const cluster = require('cluster');const http = require('http');const n...

2020-05-27

50浏览

0评论

Vue利用canvas实现移动端手写板的方法

本文介绍了Vue利用canvas实现移动端手写板的方法，分享给大家，具体如下：
<template> <div class="hello"> <button type="...

2020-05-27

71浏览

0评论

Vue.js 踩坑记之双向绑定

这篇体验一下VUE的双向绑定<html><head> <meta charset="utf-8"></head><body> <script src="https://unpkg.com/vue/dist/vue.min.js"></script> <div id="app"> <in...

2020-05-27

37浏览

0评论

jquery判断元素内容是否为空的方法 <font color=red>原创</font>

用jquery获取元素内容需要分两个情况：input 用val();var value = $('#test').val();是否为空的判断方法：if(value.length == 0){} 如果value为空执行的操作if(value!=''){} 如...

2020-05-27

85浏览

0评论

在 Vue 项目中引入 tinymce 富文本编辑器的完整代码

项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些：UEditor：百度前端的...

2020-05-27

61浏览

0评论

详解vue组件基础

什么是组件
组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相...

2020-05-27

88浏览

0评论

Nodejs 和 Electron ubuntu下快速安装过程

查找时间管理软件的时候发现了superProductivity这个程序，使用electron进行开发，于是看了一下介绍，手痒了，尝试进行环境搭建，一下步慢慢补齐前端知识吧nodejs安装
nodejs的版本更...

2020-05-27

57浏览

0评论

vue裁切预览组件功能的实现步骤

vue版本裁切工具，包含预览功能最终效果： qiuyaofan.github.io/vue-crop-de…源码地址： github.com/qiuyaofan/v…第一步：先用vue-cli安装脚手架（不会安装的看 vue-cli官网）// 初始...

2020-05-27

52浏览

0评论

Vue在页面右上角实现可悬浮/隐藏的系统菜单

这是个大多数网站很常见的功能，点击页面右上角头像显示一个悬浮菜单，点击页面其他位置或再次点击头像则菜单隐藏。作为一个jQuery前端攻城狮实现这个功能可以说是很easy了，但是...

2020-05-27

49浏览

0评论

原生javascript AJAX 三级联动的实现代码

js 三级联动的实现代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js原生ajax</title></head><body> <select name="sel1"> <op...

2020-05-27

39浏览

0评论

Vue结合Video.js播放m3u8视频流的方法示例

首先，我们需要在vue工程中安装video.js相关依赖。npm install --save video.jsnpm install --save videojs-contrib-hls然后，我们需要引入videojs的css文件，例如在main.js中引...

2020-05-27

33浏览

0评论

vue mint-ui tabbar变组件使用

新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]"> 主页 </mt-tab-it...

2020-05-27

29浏览

0评论

Vue 按键修饰符处理事件的方法

按键修饰符在 PC 端开发时, 我们常常会遇到类似的需求, 比如用户按下 enter 键时提交表单, 没有用按键修饰符时, 我们可能会去监听键盘事件, 根据 keyCode 的值加以判断Vue...

2020-05-27

59浏览

0评论

vue地区选择组件教程详解

概述主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除；在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们...

2020-05-27

64浏览

0评论

JS模拟实现哈希表及应用详解

本文实例讲述了JS模拟实现哈希表及应用。分享给大家供大家参考，具体如下：在算法中，尤其是有关数组的算法中，哈希表的使用可以很好的解决问题，所以这篇文章会记录一些有关js实现哈...

2020-05-27

热门文章