web前端开发中常见的多列布局解决方案整理(一定要看)
多列布局多列布局在web前端开发中也是较为常见的，比如常见的三列、四列及以上，列的布局使得单一的页面可以展示更多分门别类的内容。这里会提到的多列布局有两列定宽加一列自...
2020-05-27
JS继承与闭包及JS实现继承的三种方式
前 言在之前的两篇博客中，我们详细探讨了JavaScript OOP中的各种知识点（JS OOP基础与JS 中This指向详解 、 成员属性、静态属性、原型属性与JS原型链）。今天我们来继续探讨剩...
2020-05-27
Django中使用jquery的ajax进行数据交互的实例代码
jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get示例：实现省市区的选择最终实现效果如图：将jquery文件拷贝到static...
2020-05-27
echarts饼图扇区添加点击事件的实例
在echarts最后面添加上这段代码就可以了function eConsole(param) { //alert(option.series[0].data.length); //alert(option.series[0].data[i]); //param.dataI...
2020-05-27
老生常谈JavaScript面向对象基础与this指向问题
前 言
我们的程序语言经历了从“面向机器”、到“面向过程”、再到“面向对象”的一个过程。而JavaScript是一门基于对象的一门语言，它介于面向过程与面向对象之间。在学习J...
2020-05-27
jQuery实现简单的回到顶部totop功能示例
本文实例讲述了jQuery实现简单的回到顶部totop功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <sty...
2020-05-27
原生JS实现小小的音乐播放器
前 言
最近在复习JS，觉得音乐播放器是个挺有意思的东西，今天就来用我们最原生的JS写一个小小的音乐播放器~主要功能： 1、支持循环、随机播放 2、在播放的...
2020-05-27
angular4中关于表单的校验示例
本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过。
一、使用响应式表单的步骤1、在模块(一般是app.module.ts)中引入ReactiveFormsModule
2、在组件的ts...
2020-05-27
Vue 2.0学习笔记之Vue中的computed属性
Vue中的 computed 属性称为 计算属性 。在这一节中，我们学习Vue中的计算属性如何使用？记得在学习Vue的模板相关的知识的时候，知道在模板内可以使用表达式，而且模板内的表达式是...
2020-05-27
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
login.onclick = function(){var xhr = new XMLHttpRequest();xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true...
2020-05-27
原生js的ajax和解决跨域的jsonp(实例讲解)
最近慢慢感觉，学再多框架，库，都不如老老实实先把基础弄扎实了。不说废话，先上一个用ajax请求下本地的一个.txt文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2020-05-27
AngularJS实现注册表单验证功能
本文为大家分享了案例: 注册表单验证，供大家参考，具体内容如下需要使用的两张图片：dui.gif：cuo.gif：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></...
2020-05-27
基于ajax和jsonp的原生封装(实例)
最近在学ajax和跨域，于是就自己封装了一个，虽然有点粗糙但还是可以用的。其实jsonp的本质就是：动态创建script标签，然后通过src属性发送跨域请求，然后服务器端响应的数据格式为【...
2020-05-27
seajs实现强制刷新本地缓存的方法分析
本文实例讲述了seajs实现强制刷新本地缓存的方法。分享给大家供大家参考，具体如下：1.为什么由于每次上传js文件到服务器后用户本机存在本地缓存，导致用户需要强制清除缓存或者...
2020-05-27
JavaScript简单实现合并两个Json对象的方法示例
本文实例讲述了JavaScript简单实现合并两个Json对象的方法。分享给大家供大家参考，具体如下：$.mergeJsonObject = function(jsonbject1, jsonbject2) { var resultJsonObject...
2020-05-27
requireJS模块化实现返回顶部功能的方法详解
本文实例讲述了requireJS模块化实现返回顶部功能的方法。分享给大家供大家参考，具体如下：引用requireJs<script src="require.js" data-main="main"></script>html部分<!DOCTY...
2020-05-27
使用clipboard.js实现复制功能的示例代码
最近在工作中有一个需求，就是需要使用一个按钮实现相应内容的复制。在网上找了很多解决方案，最后对比之下选择了clipboard.js插件来进行实现。因为它不依靠flash以及其他框架，...
2020-05-27
Vue2.0父子组件传递函数的教程详解
Vue.js 是什么Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图...
2020-05-27
jquery一键控制checkbox全选、反选或全不选
jquery attr()方法获取标签的 checked 会有问题，所以用了 prop() 方法。Hml的checkbox没有加name，只用了 div 嵌套。如有更好的方法，望指点!!//全选$('#allChecked').change(fu...
2020-05-27
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
本文介绍了vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)先去下载一个“省份、城市、区县、乡镇” 四级联动数据，然后引入import { Picker } from 'min...
2020-05-27
Vue中之nextTick函数源码分析详解
1. 什么是Vue.nextTick()？
官方文档解释如下：
在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。2. 为什么要使用nextTick?<!D...
2020-05-27
js获取文件里面的所有文件名(实例)
如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...
2020-05-27
Vue中封装input组件的实例详解
Vue中封装input组件最近有点忙不过来 脱了很久，没有更新 抱歉。今天要将的时如何自定义封装input组件 ，博主知识发个简单的模板 码友们可以更具自己的实际项目添加需要的参数...
2020-05-27
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
在这篇文章打造通用的匀速运动框架(实例讲解)中，封装了一个匀速运动框架，我们在这个框架的基础之上，加上缓冲运动效果，然后用运动框架来做幻灯片（上下，左右）。缓冲运动通常有两种常...
2020-05-27
打造通用的匀速运动框架(实例讲解)
本文，是接着上 基于匀速运动的实例讲解(侧边栏,淡入淡出) 继续的，在这篇文章的最后，我们做了2个小实例：侧边栏与改变透明度的淡入淡出效果，本文我们把上文的animate函数，继续改造，...
2020-05-27
实现图片首尾平滑轮播(JS原生方法—节流)
首先给出HTML代码，要注意轮播图片表(#list)末尾加上第一个图片1.jpg，在首部加上最后一个图片5.jpg。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
2020-05-27
react中的ajax封装实例详解
react中的ajax封装实例详解代码块**opts: {'可选参数'}**method: 请求方式:GET/POST,默认值:'GET';**url: 发送请求的地址, 默认值: 当前页地址;**data: string,json;**asy...
2020-05-27
vue滚动轴插件better-scroll使用详解
跟做慕课网的vue高仿外卖项目中用到了一个很好用的插件BScroll，用来计算左侧menu栏对应右侧foods栏相应显示的食物区，如果不用插件就比较费事了，因此这里分享一下这个插件的简...
2020-05-27
javascript 中模板方法单例的实现方法
javascript 中模板方法单例的实现方法模板方法单例模板方法的定义：父类中定义一组操作算法骨架，将一些实现步骤延伸到子类中，使得子类可以不改变父类的算法结构的同时可重新定...
2020-05-27
基于匀速运动的实例讲解(侧边栏,淡入淡出)
javascript中，如何让一个元素(比如div)运动起来呢？设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 );<style> div { width: 100px;...
2020-05-27
vue与TypeScript集成配置最简教程(推荐)
前言Vue的官方文档没有给出与TypeScript集成的具体步骤，网上其他的教程不是存在问题就是与vue-cli建立的项目存在差异，让人无从下手。下面我就给出vue-cli建立的项目与TypeScr...
2020-05-27
教你用Cordova打包Vue项目的方法
现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
据我现在的了解打包Vue项目目前流行的就是使用weex和cordova...
2020-05-27
vue-cli之router基本使用方法详解
本文实例为大家分享了vue-cli之router基本使用的具体代码，供大家参考，具体内容如下1、在src目录下新建router目录，再建立index.jsimport Vue from 'vue';import VueRouter from...
2020-05-27
JS实现按钮添加背景音乐示例代码
1-代码<html><head> <meta charset="utf-8"> <title>js实现按键声</title></head><body> <ul> <li> <a href="menu-list" rel="external nofollow" rel="externa...
2020-05-27
vue组件之Alert的实现代码
前言
本文主要Alert 组件的大致框架， 提供少量可配置选项。 旨在大致提供思路Alert用于页面中展示重要的提示信息。templat模板结构
<template> <div v-show="visible" class...
2020-05-27
Bootstrap图片轮播效果详解
导言Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。...
2020-05-27
node.js 用socket实现聊天的示例代码
本文介绍了node.js 用socket实现聊天的示例代码，分享给大家，也给自己留个笔记，具体如下：
服务器搭建
app.jsconst http = require("http");const express = require("./express"...
2020-05-27
vue获取input输入值的问题解决办法
vue获取input输入值的问题解决办法v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值...
2020-05-27
jquery实现图片跟随鼠标的实例
jquery实现图片跟随鼠标的实例 开发后台写页面困难的一比啊，想写个鼠标移动某连接右侧显示二维码，并跟随鼠标移动的功能，各种查资料，花了一小天终于搞出来了，代码的记下来，浪费了...
2020-05-27
利用JS实现scroll自定义滚动效果详解
前言最近在公司开发项目的时候，原生滚动条中有些东西没办法自定义去精细的控制，于是开发一个类似于better-scroll一样的浏览器滚动监听的JS实现，下面我们就来探究一下自定义滚...
2020-05-27
Node 自动化部署的方法
当我们在更新迭代 Node 项目的时候，我们需要做以下几步： git push 将代码提交至代码仓库 在服务器中执行 git pull 拉取最新代码 pm2 start 运行你的代码这样做固然没错，但...
2020-05-27
node使用Koa2搭建web项目的方法
随着Node.js的日益火热，各种框架开始层出不穷的涌现出来，Node.js也开始逐渐的被应用到处理服务端请求的场景中。搭建Web项目的框架也随之开始出现——express、koa、koa2、egg...
2020-05-27
什么是Vue.js框架 为什么选择它？(第一课)
“大白话，讲编程”系列又回来了，这个系列我们一起学习的是Vue.js基础知识。你没看错，是基础知识。所以，哪怕你入行不久，相信你在的大白话风格下，也能学会。但还是希望你有开发过ht...
2020-05-27
Vue.js简易安装和快速入门（第二课）
上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。1 简易安装
要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，...
2020-05-27
基于Vue实现图书管理功能
本文实例为大家分享了vue简单的图书管理具体代码，供大家参考，具体内容如下<table class="table table-bg table-border table-bordered"> <tr> <th>ID</th> <th>书名</th>...
2020-05-27
vue实现图书管理demo详解
年后公司的项目要求用到vue.js知识，我angular没有学，node.js和react也只是了解了一点点，所以学起来比较困难。如果你想学vue.js的知识，推荐网址：http://vuejs.org/详细内容如下：一...
2020-05-27
如何抽象一个Vue公共组件
之前一直想写一篇关于抽象 Vue 组件的随笔，无奈一直没想到好的例子。恰巧最近为公司项目做了一个数字键盘的组件，于是就以这个为例聊聊如何抽象 Vue 的组件。先上 Demo 与 源...
2020-05-27
vue-router 路由基础的详解
vue-router 路由基础的详解今天我总结了一下vue-route基础，vue官方推荐的路由。一、起步HTML<div id="myDiv"> <h1>简单路由</h1> <router-link to="/foo">Go to foo</router...
2020-05-27
javascript 判断用户有没有操作页面
javascript 判断用户有没有操作页面用js判断用户有没有操作页面，我们所要做的就是整理我们的思路。一、思路用户有没有操作界面，我们可以从页面在规定时间内有没有触发事件去...
2020-05-27
VUE前端cookie简单操作
如下是简单cookie操作，当前仅限前端实例，具体内容如下
要注意的有两点：
1、cookie内容存贮的名称
2、删除cookie是通过设置过期为过去时间实现的
<body><div id="app"> <button...
2020-05-27
