JavaScript - 教程之家

105浏览

0评论

angular.js和vue.js中实现函数去抖示例（debounce）

问题描述
搜索输入框中，只当用户停止输入后，才进行后续的操作，比如发起Http请求等。学过电子电路的同学应该知道按键防抖。原理是一样的：就是说当调用动作n毫秒后，才会执行该动作...

2020-05-27

62浏览

0评论

使用npm安装最新版本nodejs

# 安装 nodejs 以下介绍的是命令行安装方法，读者也可以到 nodejs官网上下载安装最新版。
sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最...

2020-05-27

82浏览

0评论

ajax请求data遇到的问题分析

使用jquery，post请求data:那里要使用data:JSON.stringify(data)$.ajax({ type:"POST", async : false, url:"../../gzq/circle/deleteTeam", dataType:"json", contentType:"...

2020-05-27

84浏览

0评论

nodejs 最新版安装npm 的使用详解

# 安装 nodejs以下介绍的是命令行安装方法，读者也可以到nodejs官网上下载安装。sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最新版本sudo npm i...

2020-05-27

62浏览

0评论

React Native 真机断点调试+跨域资源加载出错问题的解决方法

写在前面闲来无事，折腾了一下React Native，相比之前，开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题，一番探索总算解决，目测是RN新版本调试服务的bug。遇...

2020-05-27

61浏览

0评论

Nuxt.js实战详解

一、为什么选择Nuxt.js多数是基于webpack构建的项目，编译出来的html文件，资源文件都被打包到js中，以下图404页面代码为例。从代码中可以看出，这样的页面是不利于搜索引擎优化(S...

2020-05-27

60浏览

0评论

Nuxt.js踩坑总结分享

构建问题
1. 如何在 head 里面引入js文件?
背景: 在<head>标签中，以inline的形式引入flexible.js文件。本项目主要为移动端项目，引入flexible.js 实现移动端适配问题。
Nu...

2020-05-27

95浏览

0评论

详解vue-meta如何让你更优雅的管理头部标签

在 Vue SPA 应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做:// 改下titledocument.title = 'what?'// 引入一段scriptlet s = document.createElement('s...

2020-05-27

48浏览

0评论

vue 动态修改a标签的样式的方法

公司要做一个类似今日头条的项目，用前后端分离的方式做成HTML5页面，先在微信中运行，领导说想看看效果怎么样。今日头条头部的导航是可以滚动和添加类别的，我们这个项目也是一样...

2020-05-27

53浏览

0评论

分享ES6的7个实用技巧

Hack #1 交换元素利用数组解构来实现值的互换let a = 'world', b = 'hello'[a, b] = [b, a]console.log(a) // -> helloconsole.log(b) // -> worldHack #2 调试我们经常使...

2020-05-27

181浏览

0评论

react-router4 配合webpack require.ensure 实现异步加载的示例

实现异步加载的方法，归根结底大都是根据webpack的require.ensure来实现第一个是自己使用require.ensure实现，第二种使用loader实现今天我们说的是使用bundle-loader来实现，这...

2020-05-27

122浏览

0评论

JavaScript实现删除数组重复元素的5种常用高效算法总结

本文实例讲述了JavaScript实现删除数组重复元素的5种常用高效算法。分享给大家供大家参考，具体如下：这里就 js 如何实现数组去重整理出5种方法，并附上演示Demo 以及源码。1.遍...

2020-05-27

61浏览

0评论

js实时监控文本框输入字数的实例代码

需求：实时监控文本输入框的字数，并加以限制1、实时监控当前输入字数，直接使用onkeyup事件方法，给输入框加maxlength属性限制长度。如：<div> <textarea id="txt" maxlength="10"><...

2020-05-27

62浏览

0评论

解决js ajax同步请求造成浏览器假死的问题

一、问题的起因今天做一个需求遇到了这么个情况，就是用户个人中心有个功能，点击按钮，可以刷新用户当前的积分，这个肯定需要使用到ajax的同步请求了，当时喀喀喀三下五除二写玩了，大...

2020-05-27

85浏览

0评论

jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法

做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总...

2020-05-27

65浏览

0评论

解决Linux无法正常安装与卸载Node.js的方法

前言
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。学习Nodejs首先需要会安装环境。实际生产环境，Node.js...

2020-05-27

57浏览

0评论

web前端vue实现插值文本和输出原始html

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解...

2020-05-27

106浏览

0评论

vue 插值 v-once,v-text, v-html详解

引入Vue.js ，通过script形式，vue官网语法记录创建vue应用，数据和 DOM 已经被建立了关联，所有东西都是响应式的1：插值缺点：让你的网速慢，或者数据加载失败时，会在浏览器中直接渲染插...

2020-05-27

83浏览

0评论

Angular实现搜索框及价格上下限功能

闲来无事，写一个简单的angular的搜索框。1.要求：利用 AngularJS 框架实现手机产品搜索功能，题目要求：
1）自行查找素材，按照原有数据格式将手机产品数据丰富到至少10个以上
2）自行设...

2020-05-27

61浏览

0评论

浏览器调试动态js脚本的方法(图解)

前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是...

2020-05-27

75浏览

0评论

angular1配合gulp和bower的使用教程

一安装gulp和bowergulp安装: npm install -g gulp
bower安装: npm install -g bower
==注：== angularjs的一些包文件我们是通过bower来管理的
二 bower使用
使用bower初始...

2020-05-27

76浏览

0评论

JS实现碰撞检测的方法分析

本文实例讲述了JS实现碰撞检测的方法。分享给大家供大家参考，具体如下：一个简单的碰撞检测例子，检测div1是否和div2发生碰撞，当div1碰到div2时，改变div2的颜色，看测试图看一下分析...

2020-05-27

58浏览

0评论

详解Node.js模板引擎Jade入门

Jade是Node.js的一个模板引擎，它借鉴了Haml的很多地方，所以语法上和Haml比较相近。并且，Jade也支持空格。1、标签在Jade里，一行开头的任何文本都被默认解释成HTML标签。并且你只...

2020-05-27

56浏览

0评论

node.js文件上传重命名以及移动位置的示例代码

一个关于node上传文件的例子,下面是前端代码， doUpload() { var formData = new FormData($("#uploadForm")[0]); $.ajax({ url: 'http://localhost:3011/upload', typ...

2020-05-27

55浏览

0评论

javascript数组拍平方法总结

在开发过程中有得时候总是碰一些共性的问题，比如将一个二维数组拍平成一维数组，或者三维数组拍平成一维数组。这些问题在遇到的时候总会重新思考，不如将其提炼出来，总结一下。下...

2020-05-27

90浏览

0评论

详解Angular结合zTree异步加载节点数据

1 前提准备1.1 新建一个angular4项目参考：https://www.freexyz.cn/article/119668.htm1.2 去zTree官网下载zTreezTree官网：点击前往三少使用的版本：点击前往1.3 参考博客https://...

2020-05-27

79浏览

0评论

Angular2整合其他插件的方法

前言：现在有很多朋友在接触Angular2的时候，总是不可避免的会使用一些其他的第3方的插件，而这些插件可能都是基于jQuery的，而且也没有对应的angular2的版本，这里我就来讲解一下，在...

2020-05-27

61浏览

0评论

详解vue.js数据传递以及数据分发slot

一、组件间的数据传递1.父组件获取子组件的数据　　*子组件把自己的数据，发送到父级*vm.$emit(事件名,数据);*v-on: @示例用法：当点击send按钮的时候，“111”变成“我是子组件...

2020-05-27

44浏览

0评论

基于Vue的ajax公共方法(详解)

为了减少代码的冗余，决定抽离出请求ajax的公共方法，供同事们使用。我使用了ES6语法，编写了这个方法。
/** * @param type 请求类型，分为POST/GET * @param url 请求url * @pa...

2020-05-27

97浏览

0评论

vue 引入公共css文件的简单方法(推荐)

如果不想把css写在单文件组件里如这样：<template> <div id="app"> <div class='nav-box'> <ul class='nav'> <li> <a href="#/" rel="external nofollow" re...

2020-05-27

78浏览

0评论

浅谈vue引入css,less遇到的坑和解决方法

在使用vux开发手机页面时，引入vux的公共样式less一直报错，通过各种百度，Google都没有解决，走了很多弯路。最后才发现钻牛角尖了，可以换一种方法引入。1、报错的使用：在App中@ ./~/...

2020-05-27

58浏览

0评论

Vue cli 引入第三方JS和CSS的常用方法分享

第一种方法：直接在index.html中引入js<script type="text/javascript" src="static/mui.min.js" ></script> css<link rel="stylesheet" href="static/mui.min.css" rel="ext...

2020-05-27

169浏览

0评论

js将当前时间格式化为年-月-日时:分:秒的实现代码

利用js的Date()对象，将系统当前时间格式化为年-月-日时:分:秒。也可以自己定义格式。（做项目时遇到这个问题。本来想百度一个用，哎，网上的结果太乱了，于是自己写一个）代码如下：<!D...

2020-05-27

42浏览

0评论

jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

1.获取父级元素$("#id").parent()获取其父级元素$("#id").parents()获取其所有的祖先元素$("#id").closest()获取其最近的祖先元素，依次上溯-------------------------------...

2020-05-27

63浏览

0评论

详解node.js中的npm和webpack配置方法

概述Node.js用c++语言编写而成的，是一个基于chrome V8引擎的javascript运行环境，让javaScript的运行脱离浏览器服务端，可以使用javaScript语言书写服务器端代码1.使用node来实...

2020-05-27

77浏览

0评论

laravel5.3 vue 实现收藏夹功能实例详解

下面通过本文给大家介绍laravel5.3 vue 实现收藏夹功能，具体代码如下所述：{ "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp watch" }, "devDepen...

2020-05-27

67浏览

0评论

Angular17之Angular自定义指令详解

1 什么是HTML　　HTML文档就是一个纯文本文件，该文件包含了HTML元素、CSS样式以及JavaScript代码；HTML元素是由标签呈现，浏览器会为每个标签创建带有属性的DOM对象，浏览器通过渲...

2020-05-27

81浏览

0评论

vue计算属性时v-for处理数组时遇到的一个bug问题

问题bug: You may have an infinite update loop in a component render function 无限循环
1.需要处理的数组(在 ** ssq **里)：
bonus_code: ['01', '19', '25', '26', '27'...

2020-05-27

68浏览

0评论

bmob js-sdk 在vue中的使用教程

BmobSDK的引入将bmob js-sdk放在static目录，然后在index.html页面中已 script 标签的形式引入，就可以在vue中全局使用bmob js-sdk<!DOCTYPE html><html> <head> <meta charse...

2020-05-27

58浏览

0评论

js构造函数创建对象是否加new问题

今天看到这样一道题：填写"TO DO"处的内容让下面代码支持a.name = "name1"; b.name = "name2";
function Obj(name){// TO DO}obj. /* TO DO */ = "name2";var a = Obj("name1...

2020-05-27

60浏览

0评论

详解html-webpack-plugin用法全解

html-webpack-plugin 可能用过的 webpack 的童鞋都用过这个 plugin ,就算没用过可能也听过。我们在学习webpack的时候，可能经常会看到这样的一段代码。// webpack.config.jsm...

2020-05-27

77浏览

0评论

详解webpack多页面配置记录

之前也写过webpack学习记录，项目中需要一个常用的webpack多页面配置，所以才动手，本着能写一行是一行的原则，开始了配置webpack之旅。定目录结构首先我只需要开发环境（包含自动更...

2020-05-27

65浏览

0评论

vue-router 组件复用问题详解

组件系统是Vue的一个重要组成部分，它可以将一个复杂的页面抽象分解成许多小型、独立、可复用的组件，通过组合组件来组成应用程序，结合 vue-router 的路由功能将各个组件映射到...

2020-05-27

109浏览

0评论

angular写一个列表的选择全选交互组件的示例

开发业务后台经常要用到表格里的选择，全选这种交互。而且不同系统不同场景的UI还不一样。比如：表格里就是简简单单的checkbox；图片列表这种，UI设计师会搞点花样，用户选择一下，会在...

2020-05-27

59浏览

0评论

bootstrap+jquery项目引入文件报错的解决方法

做一个项目的时候，控制台总是会出现各种bug,其实不用慌张，终结起来也就几种类型的错误，在开发中每次遇到错误都善于总结，下次在看到就会胸有成竹知道是什么情况了，以下是在开发...

2020-05-27

67浏览

0评论

jquery+ajaxform+springboot控件实现数据更新功能

应用背景使用springboot架构在如下图所示的界面布局中，实现数据的保存或者更新，务必需要提交到后台，如何进行成功或失败的提示呢？如果使用传统的springmvc的模式，势必要传一个页...

2020-05-27

80浏览

0评论

详解vue+vuex+koa2开发环境搭建及示例开发

写在前面
这篇文章的主要目的是学会使用koa框架搭建web服务，从而提供一些后端接口，供前端调用。
搭建这个环境的目的是：前端工程师在跟后台工程师商定了接口但还未联调之前，涉...

2020-05-27

121浏览

0评论

vue 项目常用加载器及配置详解

本文介绍了vue 项目常用加载器及配置详解，分享给大家，具体如下：
1.安装sass:1.1 由于sass-loader依赖于node-sass，所以在安装sass-loader的同时还需安装node-sassnpm install --...

2020-05-27

95浏览

0评论

基于vue2.x的电商图片放大镜插件的使用

最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，...

2020-05-27

68浏览

0评论

element 结合vue 在表单验证时有值却提示错误的解决办法

绑定的值与规则指定的值一定要相同-------第一步：<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">加上rules ref第...

2020-05-27

热门文章