编程开发 - 教程之家

83浏览

0评论

vue实现新闻展示页的步骤详解

需求1. 做一个新闻展示页
2. 新闻分类可以自定义
3. 每类新闻的内容，样式不一样
4. 上拉加载新的数据
5. 点击进入详情页，再返回时，定位到原来的位置图片展示采用的技...

2020-05-27 03:43:06

114浏览

0评论

angular 实现同步验证器跨字段验证的方法

几乎每个web应用都会用到表单，Angular 为我们提供了几个内置 validators (验证器)，但在实际工作中为了满足项目需求，我们经常需要为应用添加一些自定义验证功能。
angular内置...

2020-05-27 03:43:05

97浏览

0评论

angular 表单验证器验证的同时限制输入的实现

angular里面对于表单验证，设置了很多指令。也就是说不用自己写一些逻辑，直接绑定指令就行。ng-app 启动你angular的模块 ng-controller 控制器，启动你angualr里面的逻辑代...

2020-05-27 03:43:04

105浏览

0评论

关于js陀螺仪的理解分析

检测设备方向
监听 deviceorientation
window.addEventListener("deviceorientation", handleOrientation, true);event中包含以下几个值属性描述...

2020-05-27 03:43:02

105浏览

0评论

js作用域和作用域链及预解析

变量---->局部变量和全局变量,作用域：在某个空间范围内，可以对数据进行读写操作局部作用域和全局作用域js中没有块级作用域—一对括号中定义的变量,这个变量可以在大括号外面...

2020-05-27 03:43:01

109浏览

0评论

详解jQuery设置内容和属性

一、设置内容以及回调函数方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值例子$("#btn1...

2020-05-27 03:43:00

75浏览

0评论

使用Vue父子组件通信实现todolist的功能示例代码

先上代码<body> <div id="root"> <div> <input v-model="inputValue" /> <button @click="handleClick">submit</button> </div> <ul> <todol...

2020-05-27 03:42:58

94浏览

0评论

JavaScript高阶教程之“==”隐藏下的类型转换

抛砖引玉
按照正常的逻辑来说，我们判断两个值是否相等会遵循以下规则：
但是我看下面一组值：[]==0 //true[]==false //true[]==!{} //true[10]==10 //true'0'==false //true''==...

2020-05-27 03:42:57

87浏览

0评论

vue实现todolist基本功能以及数据存储功能实例详解

实现todolist功能，具体实现如下：可以实现对list添加、移除以及状态转变，其中添加功能既可以通过鼠标点击按钮实现，也可以通过回车键按下实现，通过使用v-model对checked的值进行双...

2020-05-27 03:42:56

86浏览

0评论

vue实现todolist功能、todolist组件拆分及todolist的删除功能

•简单todolist功能的实现用户点击提交按钮时，将input框的内容显示在下方的list中，同时清空list中内容。<body> <div id="root"> <div> <input v-model="inputV...

2020-05-27 03:42:55

116浏览

0评论

跟混乱的页面弹窗说再见

对于一些快速迭代的产品来说，特别是移动端 C端产品，基于用户运营的目的，在 app首页给用户展示各种各样的弹窗是很常见的事情，在产品初期，由于迭代版本和运营策略变化地还不是太大...

2020-05-27 03:42:53

103浏览

0评论

Vue开发Html5微信公众号的步骤

一、调起微信支付在微信浏览器里面打开H5网页中执行JS调起支付，WeixinJSBridge内置对象在其他浏览器中无效。具体参考官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi...

2020-05-27 03:42:52

105浏览

0评论

详解用场景去理解函数柯里化(入门篇)

前言函数柯里化就是将多参简化为单参数的一种技术方式，其最终支持的是方法的连续调用，每次返回新的函数，在最终符合条件或者使用完所有的传参时终止函数调用。场景实例与其他文...

2020-05-27 03:42:51

95浏览

0评论

优雅的将ElementUI表格变身成树形表格的方法步骤

由于ElementUI目前还未开发树形表格组件，也参阅了网络上部分基于ElementUI表格封装的开源树形组件，如果想进行二次开发的话都不太理想，所以就萌生了自行开发树形表格。
本示例...

2020-05-27 03:42:50

92浏览

0评论

重学JS 系列：聊聊继承(推荐)

原型继承得靠原型来实现，当然原型不是这篇文章的重点，我们来复习一下即可。
其实原型的概念很简单：所有对象都有一个属性 __proto__ 指向一个对象，也就是原型每个对象的原型...

2020-05-27 03:42:49

349浏览

0评论

vue项目创建并引入饿了么elementUI组件的步骤

1：安装node
前端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载，安装完成之后，打开cmd开始输入命令。（我用的是win10...

2020-05-27 03:42:47

84浏览

0评论

如何检查一个对象是否为空

检查一个数组为空很容易，直接调用 length 方法即可，那么如何检查一个对象是否为空呢 ❓这里的空指的是对象没有自有属性假设这里有两个对象，一个是 obj 一个是 anotherOb...

2020-05-27 03:42:45

119浏览

0评论

Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用

render-headerrender-header在官方文档中的介绍是这样的：参数说明类型可选值默认值 render-header 列标题 Labe...

2020-05-27 03:42:44

84浏览

0评论

vue中多路由表头吸顶实现的几种布局方式

vue项目多路由表头吸顶实现的几种布局方式因为项目较大，有五个界面，每个界面有四个子组件，每个子组件都有一个table表格，需求是每个界面的每个table滚动到顶端表头吸顶，所以尝试...

2020-05-27 03:42:42

87浏览

0评论

JS实现li标签的删除

利用面向对象思想完成买家信息删除功能，每一条信息包含：姓名电话电话号码省份
实现以下要求：
不能借用任何第三方库，需要使用原生代码实现。
结合给出的基本代码结...

2020-05-27 03:42:41

104浏览

0评论

详解Vue中使用插槽（slot）、聚类插槽

一、基本的插槽这里总结两点如果不在子组件中使用插槽（slot），那么在子组件中写任何代码都是无效的的，不会显示（插槽默认值）如果子组件中没有插入任何代码的话就会显示组件插槽...

2020-05-27 03:42:40

77浏览

0评论

使用nodejs分离html文件里的js和css详解

摘要：本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-...

2020-05-27 03:42:39

118浏览

0评论

vue+echarts实现可拖动节点的折线图（支持拖动方向和上下限的设置）

本篇文档主要是利用echarts实现可拖动节点的折线图，在echarts中找到了一个demo，传送门：https://echarts.baidu.com/examples/editor.html?c=line-draggable,但是不是用vue...

2020-05-27 03:42:37

91浏览

0评论

vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show

需求：点击btn,弹出modal显示图表（以折现图为例）这应该是很基本的需求也是很容易实现的，代码和效果如下：代码解释：setTem是一个方法，改变modal为true，默认为false ； chart-line是图表...

2020-05-27 03:42:35

96浏览

0评论

详解Bootstrap 学习（一）入门

一：什么是Bootstrap？Bootstrap是目前留下的前端框架之一，具备已下特点：基于HTML、CSS、JavaScript开发的；样式展现方面定义了大量全局样式、列表、按钮等样式组件；特效方面...

2020-05-27 03:42:34

93浏览

0评论

解决微信小程序调用moveToLocation失效问题【超简单】

上图所示，mapUpdated表示地图加载完成后，再初始化数据。
为什么moveToLocation失败？
第一：可能你的ID取错了；
第二：调用moveToLocation时，必须需要调用wx.getLocation,并且用户授权...

2020-05-27 03:42:32

103浏览

0评论

vue-cli 3.x配置跨域代理的实现方法

写在前面
vue-cli 3.x 的beta版本已经发布了一段时间，很早就像体验一番一直找不到时间。这些日子刚好有空就想着依照网上的一些例子练下手，刚一上手就踩到坑了。
3.x 版本对整...

2020-05-27 03:42:31

80浏览

0评论

TypeScript中的方法重载详解

前言方法重载（overload）在传统的静态类型语言中是很常见的。JavaScript 作为动态语言，是没有重载这一说的。一是它的参数没有类型的区分，二是对参数个数也没有检查。虽然语言层...

2020-05-27 03:42:30

118浏览

0评论

React中阻止事件冒泡的问题详析

前言最近在研究react、redux等，网上找了很久都没有完整的答案，索性自己整理下，这篇文章就来给大家介绍了关于React阻止事件冒泡的相关内容，下面话不多说了，来一起看看详细的介绍...

2020-05-27 03:42:28

80浏览

0评论

详解JQuery基础动画操作

1.jQuery动画效果，隐藏和显示。两个方法：hide()"隐藏" show()"显示"<p>JQuery动画效果，隐藏和显示</p><input type="button" value="隐藏" id="button1"><input type="but...

2020-05-27 03:42:27

97浏览

0评论

详解js创建对象的几种方法及继承

创建对象通过Object构造函数或对象字面量创建单个对象
这些方式有明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，出现了工厂模式。工厂模式...

2020-05-27 03:42:25

94浏览

0评论

js form表单input框限制20个字符，10个汉字代码实例

直接粘贴到html文件便可看到效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewp...

2020-05-27 03:42:23

112浏览

0评论

vue基于viewer实现的图片查看器功能

vue2-viewer
vue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能
vue2-viewer 是viewer.js vue的实现，效果以及样式完全移植自viewer...

2020-05-27 03:42:21

84浏览

0评论

微信小程序template模版的使用方法

前言小程序开发语言虽然只能运行在微信小程序中，但是它的设计同样遵循了主流前端框架的主要特征——组件化，在小程序中组件化的实现有两种方式: template 模版和 Component...

2020-05-27 03:42:19

104浏览

0评论

ES6入门教程之变量的解构赋值详解

前言我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本...

2020-05-27 03:42:18

82浏览

0评论

ES6入门教程之let、const的使用方法

一、前提
解决ES5中只有全局作用域和函数作用域，没有块级作用域而带来的不合理的场景。
let基本用法
用法和var 一样，只是let声明的变量只有在let命令所在的代码块有效
{ let...

2020-05-27 03:42:18

97浏览

0评论

JS实现马赛克图片效果完整示例

本文实例讲述了JS实现马赛克图片效果。分享给大家供大家参考，具体如下：整体逻辑：获取oldImg图片的像素信息，以5*5为单位，在5*5单位中取到一个随机像素并赋值给5*5中的所有像素点，...

2020-05-27 03:42:17

79浏览

0评论

JS实现倒序输出的几种常用方法示例

本文实例讲述了JS实现倒序输出的几种常用方法。分享给大家供大家参考，具体如下：1.通过split和数组的逆序输出var num = 123;//输出应该是 3 2 1num = num +""; //方便split函...

2020-05-27 03:42:16

81浏览

0评论

JS+CSS3实现的简易钟表效果示例

本文实例讲述了JS+CSS3实现的简易钟表效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn js+css3简易...

2020-05-27 03:42:14

93浏览

0评论

Vue入门学习笔记【基本概念、对象、过滤器、指令等】

本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考，具体如下：1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3...

2020-05-27 03:42:14

104浏览

0评论

详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上...

2020-05-27 03:42:13

83浏览

0评论

js中async函数结合promise的小案例浅析

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatib...

2020-05-27 03:42:12

79浏览

0评论

Nodejs实现用户注册功能

1创建连接池对象2导出连接池对象/** * 1.引入mysql模块 * 2.创建连接池对象 * 3.导出连接池对象 */const mysql = require('mysql');var pool = mysql.createPool({ host:'...

2020-05-27 03:42:10

109浏览

0评论

vue 实现小程序或商品秒杀倒计时

下面先给大家介绍下vue 设计一个倒计时秒杀的组件，具体内容如下所述：简介：倒计时秒杀组件在电商网站中层出不穷不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核...

2020-05-27 03:42:09

85浏览

0评论

浅谈Vue页面级缓存解决方案feb-alive(上)

feb-alivegithub地址
体验链接使用理由开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated 开发者无需手动缓...

2020-05-27 03:42:08

103浏览

0评论

基于Vue2-Calendar改进的日历组件（含中文使用说明）

一，前言我是刚学Vue的菜鸟，在使用过程中需要用到日历控件，由于项目中原来是用jQuery写的，因此用了bootstarp的日历控件，但是配合Vue实在有点蛋疼，不够优雅……于是网上搜了好久找...

2020-05-27 03:42:07

112浏览

0评论

浅谈Vue页面级缓存解决方案feb-alive (下)

feb-alivegithub地址
体验链接Vue页面级缓存解决方案feb-alive (上)
在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。 keep-alive实现原理 history api...

2020-05-27 03:42:06

64浏览

0评论

说说如何使用Vuex进行状态管理(小结)

1 为什么需要状态管理一个 Vue 组件分为数据（model）与视图（view）。当通过 methods 中的方法更新数据时，视图也会自动更新。message.vue<template> <div> {{message}} <but...

2020-05-27 03:42:05

77浏览

0评论

Vue 使用formData方式向后台发送数据的实现

很多时候在使用form向后台发送数据的时候，并不需要使用到表单组件。例如时间戳、ip等，这个时候除了ajax之外，还可以使用HTML5的一个全新方法FormData；在input[type = file]的文...

2020-05-27 03:42:04

72浏览

0评论

axios+Vue实现上传文件显示进度功能

一,前言最近在用Vue，然后上传文件时需要显示进度，于是网上搜了一下，经过自己实测终于也弄明白了二，效果三，代码HTML代码<div id="app"><h4>上传文件：</h4> <p class="input-zone...

2020-05-27 03:42:03

热门文章