编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

50浏览

0评论

基于VUE实现的九宫格抽奖功能

先给大家展示下效果图：HTML代码：<template> <div class="luckDraw"> <title-bar :title="title"></title-bar> <div class="container"> <div class="turntable-wrapper">...

2020-05-27 04:38:38

60浏览

0评论

angularJs使用ng-repeat遍历后选中某一个的方法

1、html代码如下所示： <div> <button ng-repeat="t in deptName" class="deptDiv" ng-class="{'deptDivOnclick':selected==t.name}" ng-click="showDeptEmps(t.name...

2020-05-27 04:38:37

59浏览

0评论

jQuery实现点击图标div循环放大缩小功能

很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状...

2020-05-27 04:38:36

78浏览

0评论

angularJs中orderBy筛选以及filter过滤数据的方法

如下所示：<div ng-app="module" ng-controller="ctrl">  {{data|orderBy:'click':true}}<br>  {{data|orderBy:'id':false}}<...

2020-05-27 04:38:35

63浏览

0评论

VUE 配置vue-devtools调试工具及安装方法

1. 通过 Git 克隆项目到本地git clone https://github.com/vuejs/vue-devtools.git2. Git 进入到 vue-devtools 所在目录，然后运行以下两个指令。先运行 npm install 安装项...

2020-05-27 04:38:34

64浏览

0评论

iview Upload组件多个文件上传的示例代码

使用 iview Upload 上传组件手动上传包括单个文件和多个文件思路：创建一个数组把需要上传的文件 push到这个数组里面1.引用组件2.手动上传，根据官方文档设置:before-uplo...

2020-05-27 04:38:32

63浏览

0评论

angularJs在多个控制器中共享服务数据的方法

如下所示：<div ng-app="module"> <div ng-controller="ctrl1"> <table border="1" width="600"> <tr> <td>网站名称</td> <td>网址</td> </tr> <tr ng-repeat="...

2020-05-27 04:38:31

47浏览

0评论

对angularJs中2种自定义服务的实例讲解

本篇文章介绍2种自定义服务的方式，一种是用factory，一种是用service一、首先介绍使用factory来进行自定义服务1.html<div ng-app="module" ng-controller="ctrl"> <table bor...

2020-05-27 04:38:30

56浏览

0评论

vue 自定义组件实现通讯录功能

在线demo：http://tangyupeng.top/dist/index.html#/phone<template> <div> <my-header custom-title="通讯录" custom-fixed > <button @touchstart="backBtn" slot="left...

2020-05-27 04:38:30

66浏览

0评论

对angularJs中$sce服务安全显示html文本的实例

如下所示：<div ng-app="module" ng-controller="ctrl"> {{data}} <hr> <div ng-bind-html="data"></div> <hr> <div ng-bind-html="title | trustHtml"></div></div><script>...

2020-05-27 04:38:28

72浏览

0评论

详解Vue.js iview实现树形权限表（可扩展表）

问题：需要一个可折叠的权限管理系统，用表格展示。
主要用的iView组件库，有Table（表格），Tree（树形控件），Collapse（折叠面板）看起来比较符合意思
深入查看Table相关范例，发现有个通过给 c...

2020-05-27 04:38:27

56浏览

0评论

angular将html代码输出为内容的实例

在前端与后台的撕逼中，很大一部分是因为数据的问题。使用angular会遇到这样的问题，后台返回的数据不是自己想要的纯字符串，而是带有html标签及属性的，那么我们将它输出来后，在页...

2020-05-27 04:38:26

96浏览

0评论

使用angularjs.foreach时return的问题解决

AngularJS中当我们需要遍历某个数组的时候，我们会用到forEach语法。AngularJS中forEach的用法如下：angular.forEach(array,function(obj,index){doSomething();})array表示需...

2020-05-27 04:38:25

50浏览

0评论

对angularJs中ng-style动态改变样式的实例讲解

如下所示：<!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 04:38:24

87浏览

0评论

vue-cli 脚手架基于Nightwatch的端到端测试环境的过程

不同公司和组织之间的测试效率迥异。在这个富交互和响应式处理随处可见的时代，很多组织都使用敏捷的方式来开发应用，因此测试自动化也成为软件项目的必备部分。测试自动化意味...

2020-05-27 04:38:23

59浏览

0评论

angularJs中ng-model-options设置数据同步的方法

后台请求任务量很大的时候，可以设置同步的时间和操作，利用ng-model-options来实现，提高网站性能。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script s...

2020-05-27 04:38:21

58浏览

0评论

mpvue将vue项目转换为小程序

一、 mpvue简介mpvue:是由美团点评团队出品的小程序开发的一款基于 vue的框架，从整个 Vue的核心代码上经过二次开发而形成的一个框架，相当于是给Vue本身赋能，增加了开发微信...

2020-05-27 04:38:20

64浏览

0评论

mpvue项目中使用第三方UI组件库的方法

说明整理了一份简单的源码，放在github，有需要参考的同学自取~简介微信小程序上线已有一年多时间啦，自美团的mpvue(基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建...

2020-05-27 04:38:19

48浏览

0评论

mpvue+vuex搭建小程序详细教程(完整步骤)

本文介绍了mpvue+vuex搭建小程序详细教程(完整步骤)，分享给大家，具体如下：源码
mpvue-vuex-demo
构成
1、采用mpvue 官方脚手架搭建项目底层结构
2、采用Fly.js 作为http请求库...

2020-05-27 04:38:18

42浏览

0评论

angularJs中$scope数据序列化的实例

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

2020-05-27 04:38:17

64浏览

0评论

浅谈angular表单提交中ng-submit的默认使用方法

在表单提交的时候，我使用了一个button，但ng-submit写在form标签中，然而button中我未使用任何方法访问submit（）函数<div ng-app="dkr"> <div ng-controller="logincontrol"> <fo...

2020-05-27 04:38:16

55浏览

0评论

Vue 组件封装并使用 NPM 发布的教程

正文开始Vue 开发插件我们可以先查看Vue的插件的开发规范我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入，就像这样：
ps: 这里注意一下...

2020-05-27 04:38:15

92浏览

0评论

详解mpvue小程序中怎么引入iconfont字体图标

前言iconfont阿里巴巴矢量图标库是我很喜欢的一个网站，可以下载/在线编辑/上传自己需要的矢量图标，也支持团队协作，那么在mpvue项目中如何引入呢？
iconfont阿里巴巴矢量图标库将...

2020-05-27 04:38:14

62浏览

0评论

在create-react-app中使用sass的方法示例

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。Sass是一个将脚本解析成CSS的脚本语言，即Sass...

2020-05-27 04:38:12

60浏览

0评论

详解mpvue scroll-view自动回弹bug解决方案

表现设置了scroll-top的scroll-view组件，在组件所在vue实例data发生改变时会自动回弹到最上方解决方案打开 node_modules/mpvue/index.js, 在任意位置添加以下两个方法functi...

2020-05-27 04:38:11

80浏览

0评论

vue项目持久化存储数据的实现代码

方式一、使用localStorage在数据存储1、要在浏览器刷新的时候重新存储起来if (window.localStorage.getItem(authToken)) {store.commit(types.SETLOANNUMBER, window.local...

2020-05-27 04:38:10

55浏览

0评论

使用iView Upload 组件实现手动上传图片的示例代码

在过去，浏览器是不允许我们读取本地的文件，包括图片。因此，当我们需要预览一个图片的时候，往往先将它传送到服务端，然后服务端返回一个访问 url 地址，达到预览图片的功能。如今，随...

2020-05-27 04:38:09

55浏览

0评论

element上传组件循环引用及简单时间倒计时的实现

前言
今天记录几个简单的小问题，前端时间开发用到的，之前看到博客中没有记录，简单记录一下。一个是element上传组件循环引用的方式，一个是简单的倒计时。上传组件每个上传都要...

2020-05-27 04:38:09

60浏览

0评论

Angular ElementRef简介及其使用

Angular 的口号是 - “一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生...

2020-05-27 04:38:08

92浏览

0评论

浅谈开发eslint规则

开发 eslint 规则前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决于开源项目作者的习...

2020-05-27 04:38:07

68浏览

0评论

ng-repeat指令在迭代对象时的去重方法

刚刚遇到一个问题：在使用AngularJS的ng-repeat指令时，遇到了数据重复出现的问题。可能有的人会想到，ng-repeat迭代时，遇到重复的数据不是会报错么？当然了，如果你迭代的是数组，而且...

2020-05-27 04:38:06

53浏览

0评论

解决ng-repeat产生的ng-model中取不到值的问题

最近遇到在ng-repeat产生的textarea中绑定ng-model后，在js中取不到ng-model值的问题。html的代码结构如下<div class="ques-item hide1 show9a" id="q10"> <div class="ques-...

2020-05-27 04:38:05

67浏览

0评论

angularjs使用div模拟textarea文本框的方法

html：<div class="simulate-textarea" ng-model="view.text" contenteditable="true" placeholder="请输入内容"></div>Angularjs指令： /** * div模拟textarea输入框双向数据...

2020-05-27 04:38:04

95浏览

0评论

angularjs手动识别字符串中的换行符方法

情景一html：<textarea style="text-align: left;color: yellow;" disabled="true">{{value}}</textarea>controller：$scope.value="1.javaScript \n 2.html5 \n 3.C++";显示：1....

2020-05-27 04:38:03

37浏览

0评论

angular ng-model 无法获取值的处理方法

该问题是由angular使用jq日期插件导致的无法双向绑定<input id="dateDayStart" ng-model="dateDayStart" />解决方法：重新绑定setInterval(function () { $scope.$apply(...

2020-05-27 04:38:02

56浏览

0评论

angularjs获取到My97DatePicker选中的值方法

提示：直接在页面调用不能取到input的值，需要封装成指令1、第一步引入My97DatePicker的插件，不要改变js/css/img目录结构2、第二步指令封装3、第三步4、第四步controller文件定...

2020-05-27 04:38:01

84浏览

0评论

解决angular双向绑定无效果,ng-model不能正常显示的问题

今天遇到了个问题，js代码中变量已经变化了，但是html页面中没有正常的显示出来。代码如下：<input type="text" ng-model="paramValue" auto-focus>$scope.paramValue = param;以...

2020-05-27 04:38:00

62浏览

0评论

Angularjs实现数组随机排序的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>实现数组随机排序</title> //需要导入angular.js库文件 <script type="text/javascript" src="....

2020-05-27 04:37:59

58浏览

0评论

angular.js实现列表orderby排序的方法

如下所示：<html ng-app><head> <title>order by</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-widt...

2020-05-27 04:37:58

59浏览

0评论

解决angularjs service中依赖注入$scope报错的问题

控制台错误提示ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- DutylogService http://errors.angularjs.org/1.5.3/$inje...

2020-05-27 04:37:57

65浏览

0评论

Angular resolve基础用法详解

简介为什么使用resolve：
当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备好并呈现出来。但是注意，数据和元素并不是同步的，在没有任何设置的情况...

2020-05-27 04:37:56

173浏览

0评论

iView-admin 动态路由问题的解决方法

IView-admin 在使用的时候
跳转客户详细后，点击其它页面，然后再从选项卡进入页面时，发下控制台报错，不能正常打开客户详细页面[vue-router] Route with name 'customer/detail...

2020-05-27 04:37:55

92浏览

0评论

js for终止循环跳出多层循环

今天小编写带代码的时候遇到一段代码，需要终止运行for，通过遍历json数据实现判断<script>var Tid="55555";var jb51cp = [{id:66666,Cpurl:"https://baidu.com"},{id:55555,Cp...

2020-05-27 04:37:54

82浏览

0评论

浅析js中mvvm模式实现的原理

以Vue.js框架为例子，使用的mvvm模式view指的是页面的html和css构成的视图。
model指的是从后端取到的数据模型
viewmodel 指的是前端开发人员组织生成和维护的视图数据层。这...

2020-05-27 04:37:53

65浏览

0评论

详谈js的变量提升以及使用方法

介绍变量提升Hoisting是人们对JavaScript执行上下文工作方式的一种认识，并不是官方给出的改变从字面上理解，变量提升的意思是变量和函数的声明会在物理层移动到作用域的最前面...

2020-05-27 04:37:52

69浏览

0评论

JS如何获取地址栏的参数实例讲解

地址：http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosperLocation{ assign:ƒ (), // 加载新的文档。 hash:"#prosper",...

2020-05-27 04:37:51

62浏览

0评论

JS函数内部属性之arguments和this实例解析

在函数内部，有两个特殊的对象：arguments和this。1、arguments　　arguments是一个类数组对象。包含着传入函数中的所有参数。但这个对象还有一个名叫callee的属性，该属性是一个...

2020-05-27 04:37:50

48浏览

0评论

JavaScript检查数据中是否存在相同的元素（两种方法）

这里是两个用于数组中查找重复元素的demo，可以看看啦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text"...

2020-05-27 04:37:49

69浏览

0评论

vue实现添加与删除图书功能

先放大图，当我们点击删除的时候，图书名单就会被我们删掉。当我们重新添加回来或者添加新书的时候，我们只需要在添加新书这里添加即可。
当我点击删除的时候，只需要的就是除却删...

2020-05-27 04:37:48

53浏览

0评论

cdn模式下vue的基本用法详解

我们知道jq是简化了dom操作，而react和vue则是通过使用虚拟dom的方式，不需要频繁的更改ui界面，而是通过更改数据的方式来更新界面。我们知道些jq插件时会在IFFE中传入jQuery，jQue...

2020-05-27 04:37:47

首页 «1361 136213631364 1365 »尾页

热门文章