62浏览

0评论

Angular 4.x 动态创建表单实例

本文将介绍如何动态创建表单组件，我们最终实现的效果如下：在阅读本文之前，请确保你已经掌握 Angular 响应式表单和动态创建组件的相关知识，如果对相关知识还不了解，推荐先阅读一...

• 2020-05-27

57浏览

0评论

Angular 4.x中表单Reactive Forms详解

Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 Angular 1.x 中的表单 ) Reactive Forms (Model-Driven Forms) - 响应式表单
Template-Dri...

• 2020-05-27

63浏览

0评论

详解Angular 4.x 动态创建组件

动态创建组件
这篇文章我们将介绍在 Angular 中如何动态创建组件。定义 AlertComponent 组件
首先，我们需要定义一个组件。exe-alert.component.tsimport { Component, Input...

• 2020-05-27

72浏览

0评论

VueJS如何引入css或者less文件的一些坑

我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即require('./as...

• 2020-05-27

62浏览

0评论

基于Vue实现timepicker

在github上看到的练习，看了遍代码后，按自己的思路再修改了一下。
先放原址：https://github.com/graysheeep/vue-material-timepicker。
自己做的在线demo：http://jsbin.com/du...

• 2020-05-27

56浏览

0评论

详解vue-cli + webpack 多页面实例应用

关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编...

• 2020-05-27

87浏览

0评论

详解Vue 动态添加模板的几种方法

以下方法只适用于 Vue1.0 版本，推荐系数由高到低排列。通常我们会在组件里的 template 属性定义模板，或者是在 *.vue 文件里的 template 标签里写模板。但是有时候会需要动态...

• 2020-05-27

66浏览

0评论

详谈Angular 2+ 的表单（一）之模板驱动型表单

摘要在企业应用开发时，表单是一个躲不过去的事情，和面向消费者的应用不同，企业领域的开发中，表单的使用量是惊人的。这些表单的处理其实是一个挺复杂的事情，比如有的是涉及到多个...

• 2020-05-27

61浏览

0评论

微信小程序中显示html格式内容的方法

前言最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html...

• 2020-05-27

81浏览

0评论

微信小程序访问node.js接口服务器搭建教程

前言最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的nodejs服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。搭建...

• 2020-05-27

74浏览

0评论

vuejs如何配置less

本次我们来聊聊，vuejs里如何使用less。都是根据自己的开发经验来写，不对的地方请各位拍砖。在webstorm上配置Less 首先，全局安装lessnpm install less -g然后，在webstorm上配置l...

• 2020-05-27

54浏览

0评论

Vue+axios 实现http拦截及路由拦截实例

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭...

• 2020-05-27

82浏览

0评论

windows下vue-cli及webpack搭建安装环境

1、安装Node.js，node.js安装包及源码下载地址为：https://nodejs.org/en/download/。
2、安装npm，由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入...

• 2020-05-27

69浏览

0评论

windows下vue-cli导入bootstrap样式

1、先安装好vue-cli，如果还没有安装好的可以参考：《windows下vue-cli及webpack 构建网站(一)环境安装》
2、安装好之后Vue的欢迎界面，我们要做个例子导入bootstrap的样式，就先去...

• 2020-05-27

82浏览

0评论

node.js中实现kindEditor图片上传功能的方法教程

前言最近由于工作需要使用在线编辑器，找了几个对比了下KindEditor还是不错的，国产的但文档还是不全，还好能参考官方插件，kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应...

• 2020-05-27

85浏览

0评论

bootstrap table表格使用方法详解

本文实例为大家分享了bootstrap table表格的使用方法，供大家参考，具体内容如下1.进入页面，根据指定的URL加载数据(json格式)2.加载成功，根据$table.bootstrapTable({options})显...

• 2020-05-27

85浏览

0评论

Vue制作Todo List网页

Vue学习完成Todo List网页，供大家参考，具体内容如下
跟着老师学习Vue，我喜欢清爽的界面，就自己改了样式，看起来还不错，以后就用来记录要做的事情，实用性还蛮强。Vue非常容易上手，运...

• 2020-05-27

75浏览

0评论

vue-cli如何快速构建vue项目

vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。
1、安装vue-cli使用npm全局安装vue-cli（前提是已经安装了nodejs，否则连npm都用不了） $ npm install -g vue-cli2、...

• 2020-05-27

63浏览

0评论

js canvas实现擦除效果示例代码

关于canvas的定义： HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆...

• 2020-05-27

54浏览

0评论

快速使用node.js进行web开发详解

首先关于node.js的学习，这里推荐一本比较好的教程，nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后，又从一个项目角度带领读者使用node.js学习web开发。相信这...

• 2020-05-27

70浏览

0评论

jQuery实现鼠标滑过预览图片大图效果的方法

本文实例讲述了jQuery实现鼠标滑过预览图片大图效果的方法。分享给大家供大家参考，具体如下：需求是这样的： 鼠标移动的图片上，同时显示预览的大图，鼠标移开，则隐藏。原理其实很简...

• 2020-05-27

61浏览

0评论

详解node.js平台下Express的session与cookie模块包的配置

首先下载两个模块包session模块包：用于保持登录状态或保持会话状态等。npm install express-session --save-devcookie模块包：用于解析cookie。npm install cookie-parser --s...

• 2020-05-27

68浏览

0评论

Vue.js实现文章评论和回复评论功能

本来想把这个页面用jade渲染出来、评论部分用vue，但是想了想觉得麻烦，最后还是整个用vue的组件搞定他吧。
先上在线demo：http://jsbin.com/ceqifo/1/edit?js,output
再上...

• 2020-05-27

99浏览

0评论

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）

此内容需有node.js+express+mysql入门基础，若基础薄弱，可参考博主的其他几篇node.js博文：1.下载Mysql数据库，安装并配置。创建用户表供登录使用：2.node.js平台下Express的session...

• 2020-05-27

78浏览

0评论

JS ES6多行字符串与连接字符串的表示方法

本文实例讲述了JS ES6多行字符串与连接字符串的表示方法。分享给大家供大家参考，具体如下：1. 以前，js多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表...

• 2020-05-27

55浏览

0评论

详解AngularJs ui-router 路由的简单介绍

之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明...

• 2020-05-27

118浏览

0评论

JS实现数组按升序及降序排列的方法

本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排...

• 2020-05-27

56浏览

0评论

xmlplus组件设计系列之列表（4）

列表组件是极其常用的一类组件，是许多视图组件系统的必须包含的。列表可以做的很简单，只显示简洁的内容。列表也可以做的很复杂，用于展示非常丰富的内容。组成元素
列表离不开...

• 2020-05-27

74浏览

0评论

xmlplus组件设计系列之按钮（2）

除了图标以外，按钮也许是最简单的组件了，现在来看看如何定义按钮组件。使用原生按钮组件
在 xmlplus 中，HTML 元素也以组件的方式存在。所以，你可以直接通过使用 button 标签或...

• 2020-05-27

59浏览

0评论

JavaScript纯色二维码变成彩色二维码

本文章主要讨论的是如何将一个纯色二维码变成彩色的。前段时间公司业务上有这么一个需求，客户不喜欢后台生成的纯色二维码，纯蓝，纯紫，纯绿都不行，想要彩色二维码。然后这个任务都...

• 2020-05-27

73浏览

0评论

AngularJS 霸道的过滤器小结

一、为什么使用过滤器？
在实际操作中，我们需要对统一数据源进行多次转换，比如我的货币单位，在不同的国家我们将用不同的符号表示。因此，你可能会想到在控制器中判断国家以显示不...

• 2020-05-27

62浏览

0评论

微信小程序 实例开发总结

微信小程序 开发过程中遇到问题总结第一次正式开发一个小程序，就从以下几个方面来谈一谈小程序的开发过程和心得吧，主要说说这次项目中用到的功能。数据请求
这次的小程序，没有...

• 2020-05-27

65浏览

0评论

JavaScript实现的冒泡排序法及统计相邻数交换次数示例

本文实例讲述了JavaScript实现的冒泡排序法及统计相邻数交换次数。分享给大家供大家参考，具体如下：<html> <head>JS冒泡排序</head> <body> <script> var arr=[-1,-2,-30,-...

• 2020-05-27

88浏览

0评论

微信扫码支付零云插件版实例详解

微信扫码支付零云插件版实例详解微信的扫码支付主要有以下过程：向微信统一下单地址发送详细的订单信息，微信返回json数据，里面包含生成二维码的字段，使用生成二维码的插件qrcode...

• 2020-05-27

68浏览

0评论

微信小程序 flex实现导航实例详解

微信小程序 flex实现导航实例详解实现示意：1.链接顶部内边距，留出圆形图标的位置。
2.伪元素:before绘制圆形。
3.圆形中添加图标。
4.左右外边距控制间距，及促使在需要的地...

• 2020-05-27

114浏览

0评论

微信小程序中hidden不生效原因的解决办法

微信小程序中hidden不生效原因的解决办法例如如下布局： <view hidden="true" style="display:flex;flex-direction: row;"> <text>text1</text> <text>text2</text>...

• 2020-05-27

49浏览

0评论

微信小程序 request接口的封装实例代码

微信小程序 request接口的封装实例代码小程序request接口的封装(本质上是对request回调函数再次回调)
module.exports.getData = function (url) { var data = arguments.le...

• 2020-05-27

83浏览

0评论

微信小程序实现给循环列表添加点击样式实例

微信小程序实现给循环列表添加点击样式实例微信小程序有个属性hover-class='active',是指当点击列表元素时当按下鼠标左键会显示active样式,但是鼠标离开样式就会复原.可以...

• 2020-05-27

47浏览

0评论

详解Vue 普通对象数据更新与 file 对象数据更新

最近在做一个多图片上传的组件，需求是做到多文件依次上传，并显示上传进度条。逻辑部分实现了以后，在更新进度条视图的时候出现一点问题：动态计算生产的进度 progress 属性不会自...

• 2020-05-27

71浏览

0评论

利用Vue v-model实现一个自定义的表单组件

功能描述:通过点击按钮,可以增减购物数量组件名称是 CouterBtn最终效果如下我们使用 vue-cli搭建基本的开发环境,这也是最快的进行 .vue组件开发的方式对于入口组件 App.vu...

• 2020-05-27

58浏览

0评论

详解ECMAScript6入门--Class对象

面向对象的语言有一个标志，那就是他们都有类的概念，通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript5中没有类的概念，因此它的对象和基于类的语言中的对象有所不...

• 2020-05-27

74浏览

0评论

js绑定事件和解绑事件

在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性attachEvent方法 只支持IE678,不兼容其他浏览器addEventListener方法...

• 2020-05-27

68浏览

0评论

使用jQuery,Angular实现登录界面验证码详解

写在前面：前段事件，做了一个用ajax后台异步交互的登录功能，自己在上面加了一个验证码的功能，这个功能背后的原理挺好理解的，实现起来也十分简单，特此写波分享，，自己写的过程中踩了不...

• 2020-05-27

141浏览

0评论

详解axios在node.js中的post使用

前言：最近因为做的东西需要用到网络请求库，之前接触过的只有request，很强大好用。但是这个项目中需要用到Promise，我又不想重新封装，于是选择了另一款库axios。
在node中，axios的g...

• 2020-05-27

52浏览

0评论

jQuery鼠标悬停内容动画切换效果

效果如下：代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>jQuery鼠标悬停内容动画切换效果</title> <...

• 2020-05-27

73浏览

0评论

js获取浏览器的各种属性

网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： doc...

• 2020-05-27

47浏览

0评论

js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li class="one-comment"> <a class="c-user-photo"...

• 2020-05-27

60浏览

0评论

微信小程序 本地数据读取实例

微信小程序 本地数据读取实例一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。如果涉及到一些针对这些...

• 2020-05-27

91浏览

0评论

微信小程序 动态传参实例详解

微信小程序 动态传参实例详解在微信小程序的开发过程中经常会用到动态传参，比如根据某一页面传参的不同，加载不同的新的页面。接下来介绍下如何实现。上一篇博客中介绍了如何...

• 2020-05-27

53浏览

0评论

微信小程序 wx:for的使用实例详解

微信小程序 wx:for的使用实例详解在小程序的开发过程中，经常会用到在前端页面循环打印一个数组或者对象的数据，这样的话就需要用wx：for来实现。一般情况下，小程序的utils这个文...

• 2020-05-27