JavaScript - 教程之家

91浏览

0评论

jquery.param()实现数组或对象的序列化方法

jQuery.param( obj )：创建适用于URL查询字符串或Ajax请求的数组，普通对象或jQuery对象的序列化表示形式。如果jQuery对象被传递，它应该包含具有name / value属性的输入元素。j...

2020-05-27

52浏览

0评论

angularJs复选框checkbox选中进行ng-show显示隐藏的方法

如下所示：ng-true-value="1" //代表选中的时候，值为1ng-false-value="0" //代表未选中的时候，值为0<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script sr...

2020-05-27

77浏览

0评论

浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)

如下所示：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script></head><body><div ng-app="module" ng-controller="ctrl...

2020-05-27

135浏览

0评论

CKEditor4配置与开发详细中文说明文档

一、CKEditor4安装安装CKEditor 是很容易的。选择合适的过程（新安装或升级），按下面描述的步骤安装。1、新安装第一次安装CKEditor，按如下方式进行：1) 从CKEditor&#16...

2020-05-27

62浏览

0评论

对angularJs中controller控制器scope父子集作用域的实例讲解

1.ctrl1是父级控制器，ctrl2和ctrl3都是ctrl1的子级控制器，2.父级ctrl1中name值的改变会影响ctrl2和ctrl3中name值的改变，3.但是ctrl2有自己的name输入传的值，不会影响ctrl1和ctr...

2020-05-27

71浏览

0评论

对angularjs框架下controller间的传值方法详解

AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。当我们在创建新的控制器时，angularJS会帮我...

2020-05-27

62浏览

0评论

angular中子控制器向父控制器传值的实例

如下所示：子级指令app-sheet中，使用sheet.html作为模版。在sheet.html中有个点击click事件，selectTablist（item），这里的item就是在子级指令app-sheet中用户click选择的item。在she...

2020-05-27

51浏览

0评论

angularJs自定义过滤器实现手机号信息隐藏的方法

如下所示：<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>编号</td> <td>姓名</td> <td>手机号</td> </tr> <tr ng-repeat=...

2020-05-27

100浏览

0评论

vue页面切换过渡transition效果

首先得有你想要的过渡效果css代码：.vux-pop-out-enter-active,.vux-pop-out-leave-active,.vux-pop-in-enter-active,.vux-pop-in-leave-active { will-change: transform; t...

2020-05-27

81浏览

0评论

Nuxt升级2.0.0时出现的问题(小结)

喜大普奔，Nuxt终于正式发布2.0了，最近趁热把博客从1.4升级到了2.0，并且用Typescript重构了下，可以点Jooger.me看下，在升级Nuxt过程中出现了一个小问题
关于release 2.0的公告可以...

2020-05-27

81浏览

0评论

angularJs利用$scope处理升降序的方法

如下所示：<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td ng-click="orderBy('id')">编号 <span ng-if="status.id">升序</sp...

2020-05-27

378浏览

0评论

vue实现一个炫酷的日历组件

公司业务新开了一个商家管理微信H5移动端项目，日历控件是商家管理员查看通过日程来筛选获取某日用户的订单等数据。如图：假设今天为2018-09-02
90天前：
90天后;产品需求：展...

2020-05-27

55浏览

0评论

webpack4.0 入门实践教程

webpack 可以看做是模块打包机：他做的事情是，分析你的项目结构，找到 JavaScript 模块以及其他的一些浏览器不能直接运行的扩展语言（ Scss 、 TypeScript 等），将其打包为合适的格式...

2020-05-27

79浏览

0评论

npm scripts 使用指南详解

Node 开发离不开 npm，而脚本功能是 npm 最强大、最常用的功能之一。本文介绍如何使用 npm 脚本（npm scripts）。一、什么是 npm 脚本？
npm 允许在package.json文件里面，使用script...

2020-05-27

89浏览

0评论

webpack@v4升级踩坑(小结)

之前看到各大公众号都在狂推 webpack 新版发布的相关内容，之前就尝试了升级，由于部分插件的原因，未能成功，现在想必过了这么久已经可以了，今天就来试一下在我的项目中升级会遇到...

2020-05-27

105浏览

0评论

JS中验证整数和小数的正则表达式

验证整数和小数的正则表达式　网上很多关于验证小数的正则表达式，但是很多都不是百分百正确，所以我结合一些前辈的经验，自己写了一个。　　验证非0开头的无限位整数和小数。整...

2020-05-27

81浏览

0评论

angularJs中json数据转换与本地存储的实例

1.html:把json对象转换成json字符串<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script></head><body> <div ng-app="m...

2020-05-27

161浏览

0评论

webpack之引入图片的实现及问题

前言：本文演示了 webpack如何在css文件中引入图片； webpack如何在html中引入图片；需要安装配置的loader: file-loader;为何要使用file-loader：如果我们希望在页面引入图片（包括...

2020-05-27

60浏览

0评论

在angularJs中进行数据遍历的2种方法

2种方式分别为：1、数组数据遍历2、对象数据遍历<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script></head><body><div...

2020-05-27

71浏览

0评论

详解webpack之图片引入-增强的file-loader：url-loader

前言：本文介绍了url-loader（增强的file-loader）；url-loader作用：根据需求选择性的把某些小图片编码成base64格式写进页面；从而减少服务器请求。优化性能。url-loader解决的问题:如...

2020-05-27

98浏览

0评论

angularJs提交文本框数据到后台的方法

如下所示：ng-model="name" //填写的数据提交到index.phpindex.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script>...

2020-05-27

101浏览

0评论

Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置

在Bootstrap fileinput中移除预览文件时可以通过配置initialPreviewConfig: [ { url:'deletefile',key:fileid } ] 来同步删除服务器上的文件和记录。但新上传的文件则需要...

2020-05-27

77浏览

0评论

基于Angular中ng-controller父子级嵌套的相关属性详解

ng-controller是为应用变量添加控制器当有两个控制器father、child且child 在 father内，那child 可以称为子控制器，它将继承父控制器father的scope。child就可以访问到father...

2020-05-27

106浏览

0评论

Vue组件大全包括（UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例)

Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目一、Vue常用UI组件element ★11612 - 饿了么出品的V...

2020-05-27

61浏览

0评论

js根据json数据中的某一个属性来给数据分组的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id ="span" style="width: 50px;height: 200px;"></span> </body...

2020-05-27

73浏览

0评论

Vue中的$set的使用实例代码

Vue —$set在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句...

2020-05-27

85浏览

0评论

基于vue2.0的活动倒计时组件countdown(附源码下载)

这是一款基于vue2.0的活动倒计时组件，可以使用服务端时间作为当前时间，在倒计时开始和结束时可以自定义回调函数。查看演示...

2020-05-27

58浏览

0评论

对angularJs中自定义指令replace的属性详解

如下所示：<div ng-app="module"> <div my-exam></div> </div> <script> var m = angular.module('module', []); m.directive('myExam', [function () { return { re...

2020-05-27

64浏览

0评论

利用JS动态生成隔行换色HTML表格的两种方法

用JS生成动态生成表格，行、列由用户输入，并使表格隔行换色方法一.代码:<!DOCTYPE html><html> <head> <title>动态表格</title> <meta http-equiv="keywords" content="keyw...

2020-05-27

69浏览

0评论

Vue中的作用域CSS和CSS模块的区别

现代Web开发中的CSS离完美还差得远，这并不奇怪。现在，项目通常是相当的复杂的，而CSS样式又是全局性的，所以到最后总是极容易地发生样式冲突：样式相互覆盖或隐式地级联到我们未...

2020-05-27

66浏览

0评论

angularJS自定义directive之带参方法传递详解

如下所示：//自定义指令 "myEmail"grgApp.directive("myEmail",function(){return{restrict:'AE',scope:{toDir:'@', fromName:'@', sendEmail:'&'},templateUrl:'/htmls/main...

2020-05-27

88浏览

0评论

详解基于vue-cli3.0如何构建功能完善的前端架子

上一篇文章写了vue和typescript的整合，发现很多小伙伴对vue-cli构建出来的项目很感兴趣，所以今天打算写写怎么在vue-cli3.0的架子上，在进一步完善，整合出具备基础功能的前端架子...

2020-05-27

61浏览

0评论

AngularJS $http post 传递参数数据的方法

在cordova开发的时候使用到了$http的post方法，传递的参数服务端怎么都接收不到，搜索了下，发现使用AngularJS通过POST传递参数还是需要设置一些东西才可以！1、不能直接使用params...

2020-05-27

49浏览

0评论

angularJS1 url中携带参数的获取方法

index.html 从此界面跳转到a.html界面<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=d...

2020-05-27

124浏览

0评论

AngularJs1.x自定义指令独立作用域的函数传入参数方法

在定义指令的scope属性如果设置成了{}，那就成为了一个独立作用域，如果要传入一个方法，使用&,但是这里的传参有点不一样。先看下官网解释： & or &attr - provides a way to execu...

2020-05-27

85浏览

0评论

angular 未登录状态拦截路由跳转的方法

使用angularjs的但页面应用时，由于是本地路由在控制页面跳转，但是有的时候我们需要判断用户是否登录来判断用户是否能进入界面。angularjs是mvc架构所以实现起来很容易也很灵...

2020-05-27

73浏览

0评论

对angular4子路由&辅助路由详解

子路由学习笔记：子路由和路由一样的配置方法，都是声明好路由的入口，路由的路径，路由的出口，不一样的是自路由是嵌套在副路由里面的并且由children表明这是子路由且可以无限循环嵌...

2020-05-27

55浏览

0评论

AngularJS 监听变量变化的实现方法

如下所示：var timeout;$scope.$watch('search.subj',function (newVal, oldVal) { if (newVal !== oldVal) { if (timeout) $timeout.cancel(timeout); timeout = $timeout...

2020-05-27

45浏览

0评论

vue发送ajax请求详解

vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再...

2020-05-27

53浏览

0评论

JS判断用户用的哪个浏览器实例详解

下面通过实例代码给大家分享JS判断用户用的哪个浏览器，具体代码如下所示：var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/msie ([\d.]+)/))...

2020-05-27

65浏览

0评论

对angular 监控数据模型变化的事件方法$watch详解

$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);每个参数的说明如下：watch...

2020-05-27

58浏览

0评论

Angular4 Select选择改变事件的方法

个人感觉change没用。所以用的ngModelChange<selectclass="form-control customSelect" [(ngModel)]="packagingType"name="packagingType" (ngModelChange)="packagTypeCha...

2020-05-27

61浏览

0评论

vue router 源码概览案例分析

源码这个东西对于实际的工作其实没有立竿见影的效果，不会像那些针对性极强的文章一样看了之后就立马可以运用到实际项目中，产生什么样的效果，源码的作用是一个潜移默化的过程，它...

2020-05-27

72浏览

0评论

Vue官方推荐AJAX组件axios.js使用方法详解与API

Axios.js作为Vue官方插件的AJAX组件其主要有以下几个特点：1、比Jquery轻量，但处理请求不多的时候，可以使用
2、基于Promise语法标准
3、支持nodejs
4、自动转换JSON数据Axios.j...

2020-05-27

75浏览

0评论

Angular4.x Event (DOM事件和自定义事件详解)

Angular组件和DOM元素通过事件与外部进行通信，两者中的事件绑定语法是相同的-(eventName)="expression":<button (click)="onClick()">Click</button>DOM元素DOM 元素触发的...

2020-05-27

72浏览

0评论

angular4强制刷新视图的方法

使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。这里使用NGZone来更新视图import {NgZone} from...

2020-05-27

61浏览

0评论

详解js模板引擎art template数组渲染的方法

JavaScript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，模板引擎种类也是五花八门，我就说几个安全性高、错误处理调试优，执行速度快的有artTemplate(腾讯...

2020-05-27

59浏览

0评论

AngularJs返回前一页面时刷新一次前面页面的方法

要求：页面A进入到页面B，在页面B处理完后返回页面A，页面A里的数据应该动态的减去一条，但由于一般情况下页面是缓存起来的，返回A后读取的是缓存静态页面，里面显示的数据不会减少。应...

2020-05-27

58浏览

0评论

对angular 实时更新模板视图的方法$apply详解

有的时候在回调里面写了更新scope的里面的内容，视图上面竟然没有同时更新，这就用到了$applyScope的特性接下来，看看Scope有哪些特性呢？Scope提供$watch方法监视Model的变化。Sco...

2020-05-27

316浏览

0评论

angularJS实现不同视图同步刷新详解

前言作为angularJS框架MVC中M和V的桥梁，controller在整个angularJS的web应用中有着举足轻重的作用。通常我们可以使用单例service的方式在不同的controller里面共享数据。比...

2020-05-27

热门文章