JavaScript - 教程之家

61浏览

0评论

Vuejs中使用markdown服务器端渲染的示例

啊哈，又是来推荐一个 vuejs 的 package，miaolz123/vue-markdown。对应的应用场景是：你想使用一个编辑器或者是在评论系统中支持 markdown。这个 package 的有点还是挺多了，比如...

2020-05-27

57浏览

0评论

详解如何在angular2中获取节点

我们知道在angular2中ts文件支持js代码，为什么用document.getElementById没法获取元素节点呢？其实在angular2中先加载ts文件，再加载view，所以获取不到节点。在应用层直接操作 DO...

2020-05-27

50浏览

0评论

初探js和简单隐藏效果的实例

js:在页面中用户操作页面时发生的效果都是Js功劳。操作有点击，移入，和移出等。。。例1：通过display隐藏盒子<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title><...

2020-05-27

42浏览

0评论

Vue代码分割懒加载的实现方法

什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需...

2020-05-27

60浏览

0评论

sublime text配置node.js调试(图文教程)

1. 首先到 nodejs.org 下载 Node.js 安装包并安装。
2. 打开 Sublime Text 2 编辑器。选择菜单 Tools --> Build System --> new Build System...
3. 将文件保存为 JavaScr...

2020-05-27

44浏览

0评论

基于vue-cli创建的项目的目录结构及说明介绍

一、├── build // 项目构建(webpack)相关代码记忆：（够贱） 9个│ ├── build.js // 生产环境构建代码│ ├── check-versions.js // 检查node&npm等版本│ ├── dev-c...

2020-05-27

159浏览

0评论

bootstrap-Treeview实现级联勾选

本文实例为大家分享了bootstrap Treeview实现级联勾选的具体代码，供大家参考，具体内容如下核心方法var nodeCheckedSilent = false; function nodeChecked (event, node){ if...

2020-05-27

56浏览

0评论

基于Bootstrap实现城市三级联动

本文实例为大家分享了Bootstrap实现城市三级联动的具体代码，供大家参考，具体内容如下HTML代码部分 <div class="form-group"> <div class="col-sm-2 text-center"> 省 </d...

2020-05-27

47浏览

0评论

bootstrap select下拉搜索插件使用方法详解

bootstrap-select是boot的下拉搜索插件，使用的时候有时我们需要动态从后台或者直接加载动态数据。
下面是根据一级下拉菜单，动态加载二级联动方式。（不是ajax后台获取）
首先引...

2020-05-27

49浏览

0评论

Bootstrap实现下拉菜单多级联动

本文实例为大家分享了Bootstrap实现下拉菜单多级联动的具体代码，供大家参考，具体内容如下<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Boot...

2020-05-27

39浏览

0评论

详解vue项目的构建，打包，发布全过程

很多朋友对于VUE项目的一系列流程不熟悉，小编根据网友提出的问题，整理了关于vue项目的构建打包发布全过程，希望对你有用。一、vue项目的创建
1、首先第一肯定是要有Node.js及np...

2020-05-27

40浏览

0评论

bootstrap实现二级下拉菜单效果

本文实例为大家分享了bootstrap实现二级下拉菜单展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的按钮下拉菜单</titl...

2020-05-27

67浏览

0评论

Bootstrap 3多级下拉菜单实例

Bootstrap 虽好，但对于复杂的界面，还是有N多组件需要自己扩展，并且要往简洁、大气的Bootstrap界面上靠，着实要费一些功夫。下面分享一个Bootstrap 3的多级下拉菜单，无需第三方Js...

2020-05-27

77浏览

0评论

bootstrap datetimepicker控件位置异常的解决方法

今天在写毕设的时候，用到了bootstrap-datetimepicker作为日期控件。在git上clone下最新的代码，运行demo，发现控件区域整体下移1000px左右。作为一个准备拿来就用的后台程序猿，此...

2020-05-27

57浏览

0评论

Vue添加请求拦截器及vue-resource 拦截器使用

一、现象统一处理错误及配置请求信息二、解决1、安装 axios , 命令： npm install axios --save-dev2、在根目录的config目录下新建文件 axios.js ，内容如下：import axios fro...

2020-05-27

66浏览

0评论

详解bootstrap导航栏.nav与.navbar区别

刚刚看了bootstrap的导航栏，发现有点弄混了，现在来整理一下；导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件...

2020-05-27

53浏览

0评论

js判断数组是否包含某个字符串变量的实例

最近碰到一个这样的现象，后台返回的数据中，数组里面有一些有变量值，有一些没有变量值。举个例子，比如后台返回的例子是这样的：　　var arr=[ { "status":"success", "activerU...

2020-05-27

51浏览

0评论

获取本机IP地址的实例(JavaScript / Node.js)

--web 客户端JavaScript <body onload="checkCookie()"></body> function getYourIP(){const RTCPeerConnection = window.RTCPeerConnection || window.w...

2020-05-27

60浏览

0评论

vue 文件目录结构详解

项目简介
基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含：基础库: vue.js、vue-router、vuex、what...

2020-05-27

45浏览

0评论

windows系统下更新nodejs版本的方案

众所周知，nodejs版本更新速度一向快的惊人，其主要原因据说是因为整合了io.js，而后者版本本来就跳的比较快，接着就是水涨船高的问题了，然后就出现了一个比较严重的问题——nodejs...

2020-05-27

67浏览

0评论

浅谈Angular文字折叠展开组件的原理分析

自己写了个Angular的文字折叠组件，这种组件其实很多地方都能用到效果如下
展开后的效果

折叠后的效果

先放全部代码，使用的时候只需要把自己需要展现的文字{{designer.de...

2020-05-27

59浏览

0评论

浅谈vue-cli加载不到dev-server.js的解决办法

在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以配置本...

2020-05-27

46浏览

0评论

Bootstrap modal只加载一次数据的解决办法(推荐)

1. Bootstrap 模态对话框和简单使用 <div id="myModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"...

2020-05-27

76浏览

0评论

javaScript和jQuery自动加载简单代码实现方法

在此之前我们给大家整理过用javaScript和jQuery自动加载的几种方法，大家可以参考一下：javaScript 页面自动加载事件详解一、JavaScript自动加载①在文本中用onload：当页面中所...

2020-05-27

87浏览

0评论

详解vue-cli脚手架build目录中的dev-server.js配置文件

本文系统讲解vue-cli脚手架build目录中的dev-server.js配置文件
1.这个配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境
2.由于这是一个系统的...

2020-05-27

47浏览

0评论

JavaScript程序设计高级算法之动态规划实例分析

本文实例讲述了JavaScript程序设计高级算法之动态规划。分享给大家供大家参考，具体如下：主要是看了《数据结构与算法》有所感悟，虽然这本书被挺多人诟病的，说这有漏洞那有漏洞，但...

2020-05-27

84浏览

0评论

zTree节点文字过多的处理方法

zTree setting.view.addDiyDom 方法可以实现自定义控件，指定节点显示内容。因此需要自己实现addDiyDom方法。如果树节点不显示checkbox ，处理方法为：function addDiyDom(treeId...

2020-05-27

52浏览

0评论

利用JavaScript的%做隔行换色的实例

如下所示：<html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> li { list-style-type: none; width: 300px; height: 30px; }</style><...

2020-05-27

70浏览

0评论

微信小程序wx.request实现后台数据交互功能分析

本文实例讲述了微信小程序wx.request实现后台数据交互功能。分享给大家供大家参考，具体如下：记录微信小程序wx.request这个api在跟后台交互时遇上的问题。1、根据资料，完成第一...

2020-05-27

71浏览

0评论

js 判断一个数字是不是2的n次方幂的实例

昨天去面试时，面试官问了一道面试题，说如何判断一个数是不是2的n次方幂，我当时不知道2的n次方幂是什么（糗大发了），还好给我解释了一下。最后回家上网查查资料，整理了一下方法。方法...

2020-05-27

74浏览

0评论

css和js实现弹出登录居中界面完整代码

我实现的这个和许多网站上的登录弹出窗口差不多，大家举一反三，先看我写完后的结果。点击创建相册后会在这个屏幕的中间显示创建相册的表单，整个背景颜色变暗，点击右上角的X会关...

2020-05-27

60浏览

0评论

Javacript中自定义的map.js 的方法

js中没有map这个类，只能自己写一个。以下map.js和map-util.js都是自定义的map，任选其一就可以。你可以用它来像java里new Map()和put()、remove()、get()等方法。map.js:func...

2020-05-27

55浏览

0评论

AngularJs 最新验证手机号码的实例,成功测试通过

实例如下：<form name="signUpForm" novalidate> <div class="form-group"> <div class="row clearfix"> <label for="tel1" class="col-xs-12" style="text-align: left"...

2020-05-27

74浏览

0评论

浅析Vue自定义组件的v-model

最近在学习vue，今天看到自定义事件的表单输入组件，纠结了一会会然后恍然大悟...官方教程写得不是很详细，所以我决定总结一下。v-model语法糖v-model实现了表单输入的双向绑定，我...

2020-05-27

59浏览

0评论

在vue中实现简单页面逆传值的方法

【需求】　　要实现的需求很简单，页面从A -> B，用户在B触发操作，将一些数据带回到A页面，在网上找了好久也只看到有人问，但总找不到很好答案。要实现的效果图如下:【联想】　　在...

2020-05-27

52浏览

0评论

vue轮播图插件vue-awesome-swiper

Vue-Awesome-Swiper轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，SPA和SSR。例子例子安装设置安装Install vue-awesome-swipernpm install vue-awesome-swiper --sa...

2020-05-27

54浏览

0评论

vue 自定义组件 v-model双向绑定、父子组件同步通信的多种写法

上篇文章给大家介绍了浅析Vue自定义组件的v-model，大家可以参考下。接下来通过本文给大家介绍vue 自定义组件 v-model双向绑定、父子组件同步通信的多种写法，具体详情如下所...

2020-05-27

40浏览

0评论

vue-awesome-swiper滑块插件使用方法详解

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下github地址： https://github.com/surmon-china/vue-awesome-swiper.git
1.进入项目目录，安装swi...

2020-05-27

48浏览

0评论

VueJs 将接口用webpack代理到本地的方法

上一篇博文，我们已经顺利的从cnodejs.org请求到了数据，但是大家可以注意到我们的/src/api/index.js的第一句就是：// 配置API接口地址var root = 'https://cnodejs.org/api/v1'...

2020-05-27

61浏览

0评论

Vue父子模版传值及组件传值的三种方法

这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档vue2.0 http://vuefe.cn/guide/
vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html第一种...

2020-05-27

58浏览

0评论

基于vue2.0实现简单轮播图

因为之前一直在忙公司的项目，vue这块就生疏了不少，正好借这个小demo复习下vue的知识。先来个效果图：如图所示，实现的就是一个间隔2.5s自动向左切换下一张的轮播图，同时鼠标移入停...

2020-05-27

70浏览

0评论

使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能

一、写在前面1. Bootstrap是一个由 Twitter 开发和维护的前端框架，目前很受欢迎，Bootstrap中文网点击这里。2. Vue.js 是一套构建用户界面的渐进式框架，点这里访问官网。二、实...

2020-05-27

81浏览

0评论

解读vue生成的文件目录结构及说明

利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤，请看上一篇博客。搭建完成后，我们可以看到生成的文件夹中包括如下文件：

1、build文件夹是保存一些webpack的初...

2020-05-27

43浏览

0评论

vue2.0使用swiper组件实现轮播效果

轻松实现vue2.0轮播效果，供大家参考，具体内容如下1、安装swipernpm install swiper@3.4.1 --save-dev2、引用组件import Swiper from 'swiper';import 'swiper/dist/css/swipe...

2020-05-27

64浏览

0评论

微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析

本文实例讲述了微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法。分享给大家供大家参考，具体如下：微信小程序为2017年1月9日打下了一个特殊的标签，迅速刷爆了网络和...

2020-05-27

68浏览

0评论

让bootstrap的carousel支持滑动滚屏的实现代码

原始的轮播组件，并不支持滑动滚屏：代码如下：<span style="white-space:pre"> </span><div class="row"> <div id="carousel-generic" class="carousel slide" data-...

2020-05-27

54浏览

0评论

vue2实现可复用的轮播图carousel组件详解

本文实例为大家分享了vue2实现轮播图carousel组件的使用方法，供大家参考，具体内容如下1、千年老规矩，上效果图，说明功能：（1）实现定时器，鼠标未移上图片时，自动轮播切换（2）有左右切换...

2020-05-27

50浏览

0评论

微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法

本文实例讲述了微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法。分享给大家供大家参考，具体如下：很多项目都会有消息记录页，即列表页，紧接着就是点击列表的某一...

2020-05-27

61浏览

0评论

Vue.js devtool插件安装后无法使用的解决办法

初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not det...

2020-05-27

热门文章