61浏览

0评论

Vue中使用create-keyframe-animation与动画钩子完成复杂动画

本篇文章主要介绍了 Vue中使用create-keyframe-animation与动画钩子完成复杂动画，分享给大家 如何实现这个动画？ 效果分析点`start`的时候，我们把整个动画拆分为两种效果（过渡和...

• 2020-05-27

60浏览

0评论

webpack4实现不同的导出类型

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。幸运的是，webpack为我们提供了动态配置webpack文件的支持。下...

• 2020-05-27

79浏览

0评论

使用Three.js实现太阳系八大行星的自转公转示例代码

一. Three.js框架简介
Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样，让人置身其中。介绍three.js必须提到它的...

• 2020-05-27

302浏览

0评论

浅谈JavaScript闭包

最近朋友面试被问到了 JS 闭包的问题，本人一时语塞，想起了袁华的一句话：“这道题太难了，我不会做，不会做啊！”。JS 闭包属于面向对象的一个重要知识点，特此本人又开始了一段说走就...

• 2020-05-27

61浏览

0评论

vue使用keep-alive保持滚动条位置的实现方法

前言
下班前，20分钟，发一篇。。。
简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。
事实上，就算不使用keep-alive，位置也没有被记录。
但是，在不适用keep-alive的时...

• 2020-05-27

83浏览

0评论

浅谈发布订阅模式与观察者模式

背景
设计模式并非是软件开发的专业术语，实际上，“模式”最早诞生于建筑学。设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计...

• 2020-05-27

59浏览

0评论

vue响应式系统之observe、watcher、dep的源码解析

Vue的响应式系统
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript 对象，而当你修改它们时，视图会进行更新，这使得状态管理非常简单直接，我们可...

• 2020-05-27

102浏览

0评论

NodeJs操作MongoDB教程之分页功能以及常见问题

一,方法介绍
1,聚合操作之countcount()方法可以查询统计符合条件的集合的总数1 db.User.count(<query>) // 此方法等价于 db.User.find(<query>).count()在分布式集合中，会...

• 2020-05-27

72浏览

0评论

4 种滚动吸顶实现方式的比较

前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且...

• 2020-05-27

76浏览

0评论

浅谈Vue.js组件(二)

插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能...

• 2020-05-27

58浏览

0评论

实例分析Array.from(arr)与[...arr]到底有何不同

写在开头：在正文开始之前我们先说明一下类数组(估计大家一定不会陌生)类数组的特点1.有索引
2.有长度
3.是个对象
4.能被迭代特点说明：对于类数组的特点前三个我就不做说明了...

• 2020-05-27

87浏览

0评论

javascript实现手动点赞效果

做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一...

• 2020-05-27

52浏览

0评论

详解vue 自定义marquee无缝滚动组件

先上效果图：（1） 看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2） 思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到...

• 2020-05-27

53浏览

0评论

Angular脚手架开发的实现步骤

简介写一份自定义的angular脚手架吧
写之前我们先解析一下antd的脚手架前提先把 Angular Schematic这篇文章读一遍,确保了解了collection等基础antd脚手架克隆项目git clone...

• 2020-05-27

79浏览

0评论

nodejs分离html文件里面的js和css的方法

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

• 2020-05-27

149浏览

0评论

vue实现文字横向无缝走马灯组件效果的实例代码

marquee标签已经废弃了，只能手动实现文字走马灯样式
基于vue组件开发<template> <div class="wrap"> // 外框，固定宽度 <div id="box"> // 内部滚动框 <div id="marquee">{...

• 2020-05-27

120浏览

0评论

关于vue状态过渡transition不起作用的原因解决

总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。<transition name="你要的名字"> 过渡的元素...</transition>这里需要主要一点的是：过渡的元素...

• 2020-05-27

139浏览

0评论

详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）

&#8226;基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用
&#8226;vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios
&#8226;...

• 2020-05-27

43浏览

0评论

vue 点击展开显示更多(点击收起部分隐藏)

功能如下：
这里就需要一开始只显示6个数据，点击展开才显示全部
HTML里调用showdetailList：<div> <p v-for="(item, index) in showdetailList"> <span>{{item.title}}...

• 2020-05-27

47浏览

0评论

JS隐藏号码中间4位代码实例

本文实例为大家分享了JS隐藏号码中间4位的具体代码，供大家参考，具体内容如下
function resetPhone(phone) { var str = String(phone) var len = str.length; var prev,nex...

• 2020-05-27

49浏览

0评论

js中数组常用方法总结（推荐）

前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开...

• 2020-05-27

54浏览

0评论

详解vue-cli3 中跨域解决方案

此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批）前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。0：前提条件1：安装v...

• 2020-05-27

59浏览

0评论

JavaScript 性能提升之路（推荐）

在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够...

• 2020-05-27

74浏览

0评论

Vue中computed、methods与watch的区别总结

前言对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。
尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人...

• 2020-05-27

58浏览

0评论

关于JavaScript 数组你应该知道的事情（推荐）

首先做一个粗体声明：循环经常是无用的，并且使得代码很难阅读。
当谈到迭代一个数组的时候，无论你想去查找元素，排序或者任何其他的事，都有可能存在一个数组的方法供你使用。然而，...

• 2020-05-27

82浏览

0评论

小程序分享模块超级详解(推荐)

导语：在小程序项目开发中，分享能力几乎是每个项目必备的要求，但原生的分享能力比较有限，不够灵活，今天就我们就一起来研究下，如何在现有基础上，增强小程序分享的能力，使信息传递更加...

• 2020-05-27

73浏览

0评论

详解vue.js移动端配置flexible.js及注意事项

前言最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。主体flexible.js适配方案采用rem布局，根据屏幕分辨...

• 2020-05-27

55浏览

0评论

从0到1搭建Element的后台框架的方法步骤

由于最近公司要开发一个后台管理系统，查阅了很多vue框架,本人觉得element简洁，方便，于是选择它作为我们的首选框架，并分享给大家，如果您觉得有需要改进的地方可以提出来一起探讨，G...

• 2020-05-27

49浏览

0评论

用node撸一个监测复联4开售短信提醒的实现代码

背景
北美复仇者联盟4首映电影票eBay上面已经2500美元一张票了，为了避免抢不到票 写了个监控复仇者联盟4开售就发送短信的脚本，这样我们可以第一时间进行抢票，毕竟抢到就是赚到...

• 2020-05-27

69浏览

0评论

微信小程序第三方框架对比 之 wepy / mpvue / taro

众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，...

• 2020-05-27

42浏览

0评论

Webpack4+Babel7+ES6兼容IE8的实现

前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营...

• 2020-05-27

37浏览

0评论

基于mpvue搭建微信小程序项目框架的教程详解

简介：　　mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说，无疑是目前最好的选择。mpvue从底层支持 Vue.js 语法和构建工具体系，同时再结合相关UI组件库，便可以高...

• 2020-05-27

55浏览

0评论

element-ui多文件上传的实现示例

上传方案一：
先将文件上传到七牛，再将七牛上传返回的文件访问路径上传到服务器<div class="upload-music-container"> <el-upload class="upload-music" ref="upload"...

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

46浏览

0评论

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

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

• 2020-05-27

45浏览

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

55浏览

0评论

angular2 NgModel模块的具体使用方法

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

• 2020-05-27

50浏览

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

152浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

63浏览

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

54浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27