JavaScript - 教程之家

58浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

54浏览

0评论

Angular ElementRef简介及其使用

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

2020-05-27

79浏览

0评论

浅谈开发eslint规则

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

48浏览

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

62浏览

0评论

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

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

2020-05-27

94浏览

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

34浏览

0评论

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

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

2020-05-27

55浏览

0评论

angularjs获取到My97DatePicker选中的值方法

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

55浏览

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

58浏览

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

64浏览

0评论

Angular resolve基础用法详解

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

2020-05-27

164浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

74浏览

0评论

解决vue无法设置滚动位置的问题

问题描述在实现锚点定位的时候发现无法设置滚动条的位置。在Vue中，使用 document.body.scrollTop=952 无法设置滚动条的高度。document.body.scrollTop一直是0原因因为vue的...

2020-05-27

85浏览

0评论

Vue面试题及Vue知识点整理

看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能...

2020-05-27

88浏览

0评论

vue同步父子组件和异步父子组件的生命周期顺序问题

关于vue组件的引入方式有两种一、同步引入例子： import Page from '@/components/page'二、异步引入例子：const Page = () => import('@/components/page')
或者： const Page...

2020-05-27

74浏览

0评论

微信小程序wx:for循环的实例详解

列表渲染wx:for在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为...

2020-05-27

74浏览

0评论

基于AngularJs select绑定数字类型的问题

一、AngularJs中select绑定ng-model数字类型绑定问题使用ng-model绑定select的时候默认是string字符串，如果指定的number值会绑定失败举例说明：<body ng-app='module' ng-cont...

2020-05-27

53浏览

0评论

angularJs select绑定的model取不到值的解决方法

前端直接绑定值，不传参数，controller中会一直取到初始化的值，无法实时获取前端select改变的值。解决方法一：前端调用方法的时候，一边传参数（亲测可用）<select ng-model="speed" nam...

2020-05-27

82浏览

0评论

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

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

2020-05-27

45浏览

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

70浏览

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

118浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

46浏览

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

93浏览

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

74浏览

0评论

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

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

2020-05-27

74浏览

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

350浏览

0评论

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

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

2020-05-27

45浏览

0评论

webpack4.0 入门实践教程

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

2020-05-27

61浏览

0评论

npm scripts 使用指南详解

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

2020-05-27

77浏览

0评论

webpack@v4升级踩坑(小结)

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

72浏览

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

热门文章