JavaScript - 教程之家

95浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

73浏览

0评论

angular1配合gulp和bower的使用教程

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

53浏览

0评论

javascript数组拍平方法总结

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

77浏览

0评论

Angular2整合其他插件的方法

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

91浏览

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

70浏览

0评论

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

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

2020-05-27

54浏览

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

165浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

63浏览

0评论

Angular17之Angular自定义指令详解

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

2020-05-27

79浏览

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

66浏览

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

54浏览

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

51浏览

0评论

详解html-webpack-plugin用法全解

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

2020-05-27

71浏览

0评论

详解webpack多页面配置记录

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

2020-05-27

63浏览

0评论

vue-router 组件复用问题详解

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

46浏览

0评论

JavaScript中EventLoop介绍

想象下，比如浏览器在运行一个复杂的图像转换算法，因为是单线程的，所以此时浏览器进程被阻塞了，不能进行界面渲染，也不能运行其他代码，你的应用界面会失去和用户的交互。这一般情况...

2020-05-27

47浏览

0评论

浅谈ajax在jquery中的请求和servlet中的响应

在jsp中，首先，你需要导入jquery的架包：获取可返回站点的根路径： <% String path = request.getContextPath(); %> 在jquery中写ajax请求：<script type="text/javascript">...

2020-05-27

42浏览

0评论

jquery在启动页面时,自动加载数据的实例

其实，重要的就是这个方法：$(document).ready(function(){ } 具体的在jquery中：具体的ajax怎么使用，可以查看我的上一篇博客《浅谈ajax在jquery中的请求和servlet中的响应》<scri...

2020-05-27

83浏览

0评论

webpack引入eslint配置详解

webpack中eslint使用
首先，要使webpack支持eslint，就要要安装 eslint-loader ，命令如下:npm install --save-dev eslint-loader在 webpack.config.js 中添加如下代码：{ test: /...

2020-05-27

172浏览

0评论

vue-cli启动本地服务局域网不能访问的原因分析

1.问题描述：本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试，2.原因：vue-cli项目是通过命令行一键生成的，...

2020-05-27

46浏览

0评论

基于openlayers4实现点的扩散效果

本文实例为大家分享了openlayers4实现点的扩散效果，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>...

2020-05-27

78浏览

0评论

vue组件编写之todolist组件实例详解

我们在topNav这个页面上插入一个todolist子组件我不知道怎么回事，这里的markdown的代码总是串行。。所以代码看得不舒服，见谅啊，我最后会放github的源代码地址。1. 父组件topNa...

2020-05-27

61浏览

0评论

浅谈React + Webpack 构建打包优化

本文介绍了React + Webpack 构建打包优化，分享给大家，具体如下：
使用 babel-react-optimize 对 React 代码进行优化
检查没有使用的库，去除 import 引用
按需打包所用的类库，比如...

2020-05-27

57浏览

0评论

Vue 拦截器对token过期处理方法

最近在做的一个项目，需要每个http请求下都要添加token，这样无疑是增加了工作量。而vue 拦截器interceptors正好可以解决我们的需求。Vue.http.interceptors.push(function (r...

2020-05-27

62浏览

0评论

js和jQuery以及easyui实现对下拉框的指定赋值方法

js实现：1. 通过让第i个option为selected实现选中第i个，代码如下：（id为下拉框id）（1） document.getElementById("id").options[i].selected=true;（2）document.getElementById("messaget...

2020-05-27

54浏览

0评论

Vue 换肤的示例实践

最近公司做的项目得到一个网站换肤的需求，也就是切换主题。那么如何切换主题色呢？切换主题色其实就是切换 CSS，然而在项目中不仅只有 CSS 需要换肤，图标和图片也需要跟随主题进...

2020-05-27

59浏览

0评论

js 实现复选框只能选择一项的示例代码

实例如下所示：<!DOCTYPE HTML><html><head> <title></title></head><body><ul> <li><input type="checkbox" name="ss" onclick="choose(this)">1</li> <li><input type...

2020-05-27

37浏览

0评论

jquery 输入框查找关键字并提亮颜色的实例代码

实例代码如下所示：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-co...

2020-05-27

90浏览

0评论

vuex的使用及持久化state的方式详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。当我们接触vuex的时...

2020-05-27

60浏览

0评论

BootStrap自定义popover,点击区域隐藏功能的实现

当用bootstrap时，经常需要在某个地方添加帮助按钮，点击或者鼠标悬浮时，提示帮助信息，然而，bt给我们提供的方法里貌似没有，如果有哪位大神知道bootstrap有的可以留言，小弟学习了：代码...

2020-05-27

64浏览

0评论

three.js 入门案例详解

最近公司需要用tree.js实现一个3D图的显示，就看了官方文档，正好有时间，就记录下来。由于我们公司的前端框架用的是angular，所以我就把我的treejs封装在一个directives里面。后面...

2020-05-27

54浏览

0评论

php 解压zip压缩包内容到指定目录的实例

目录结构：test
test/index.php
test/test_zip.zip
test/test_zip<span style="font-size:14px;"><?php header('Content-type:text/html;charset=utf-8'); $filename = '...

2020-05-27

热门文章