JavaScript - 教程之家

74浏览

0评论

基于vue开发微信小程序mpvue-docs跳转页面功能

打开github，把项目克隆下来https://github.com/F-loat/mpvue-quickstart跳转页面，废话不多说直接点。。。打开pages.js默认是有两个页面的，现在新添加一个newpage的页面这样加...

2020-05-27

74浏览

0评论

Angular CLI 使用教程指南参考小结

安装
要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。
npm install -g angula...

2020-05-27

60浏览

0评论

javascript判断一个变量是数组还是对象

javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。一，判断方法1.typeof我们能...

2020-05-27

66浏览

0评论

bootstrap tooltips在 angularJS中的使用方法

使用bootstrap自带的提示控件，省去了不少事情<div class="s2" ng-init="InitTooltip()"> <input type="text" ng-pattern="/^(http|https|ftp)\://[a-zA-Z0-9\.\,\&;\'\/+&a...

2020-05-27

69浏览

0评论

angular2 NgModel模块的具体使用方法

angular2 NgModel 模块
在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组...

2020-05-27

65浏览

0评论

详解关于html，css，js三者的加载顺序问题

<head lang="en"> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/*.css" rel="external nofollow" > <script src="js/*.js></script>&l...

2020-05-27

168浏览

0评论

node.js 基于cheerio的爬虫工具的实现（需要登录权限的爬虫工具）

公司有过一个需求,需要拿一个网页的的表格数据，数据量达到30w左右；为了提高工作效率。结合自身经验和网上资料。写了一套符合自己需求的nodejs爬虫工具。也许也会适合你的。先...

2020-05-27

65浏览

0评论

详解Vue源码学习之双向绑定

原理当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.def...

2020-05-27

92浏览

0评论

解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

先查看<form>标签是否有action属性，如果没有，并且最后<button>标签的type属性为'submit‘时，默认提交位置就是当前页面如果在页面右键检查，点击网络，会在开头发现这样的post包：在...

2020-05-27

87浏览

0评论

微信小程序 wepy框架与iview-weapp的用法详解

最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的，也是在网上看了好久发现iview还不错。引用简单，上手超快，组件绚丽！当然，这里还介绍下微信官方建议的框架也是和不错的...

2020-05-27

86浏览

0评论

小白教程|一小时上手最流行的前端框架vue（推荐）

前言vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可...

2020-05-27

82浏览

0评论

vue+vuex+json-seiver实现数据展示+分页功能

一丶项目分析1.UI:2.接口信息:
二丶项目环境 Mockjs:生成模拟数据(含中文名,以及地址) json-server:模拟后端接口 webpack-dev-server:开启服务器环境+接口代理 jquery:...

2020-05-27

96浏览

0评论

Vue起步(无cli)的啊教程详解

一丶项目配置1. 创建身份证文件
2. 安装webpack webpack-cli webpack-dev-server(全局)工具
3. 安装,配置vue vue-loader vue-template-compiler less-loader css-loader...

2020-05-27

69浏览

0评论

vue数据初始化initState的实例详解

数据初始化Vue 实例在建立的时候会运行一系列的初始化操作，而在这些初始化操作里面，和数据绑定关联最大的是 initState。首先，来看一下他的代码：function initState(vm) { vm._w...

2020-05-27

98浏览

0评论

记一次用vue做的活动页的方法步骤

前言最近，公司的PR提了一个需求自动获取七天新上传的并且审核通过的商品做成固定的链接的一个活动页面。当时想了一想就用vue做了，感觉效果还行，在这分享一下我是如何做的希...

2020-05-27

73浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

86浏览

0评论

关于js陀螺仪的理解分析

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

92浏览

0评论

详解jQuery设置内容和属性

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

98浏览

0评论

跟混乱的页面弹窗说再见

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

331浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

73浏览

0评论

JS实现li标签的删除

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

85浏览

0评论

详解Bootstrap 学习（一）入门

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

73浏览

0评论

TypeScript中的方法重载详解

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

69浏览

0评论

详解JQuery基础动画操作

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

78浏览

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

96浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

热门文章