4 种滚动吸顶实现方式的比较
前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且...
2020-05-27
浅谈Vue.js组件(二)
插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能...
2020-05-27
实例分析Array.from(arr)与[...arr]到底有何不同
写在开头：在正文开始之前我们先说明一下类数组(估计大家一定不会陌生)类数组的特点1.有索引
2.有长度
3.是个对象
4.能被迭代特点说明：对于类数组的特点前三个我就不做说明了...
2020-05-27
javascript实现手动点赞效果
做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一...
2020-05-27
详解vue 自定义marquee无缝滚动组件
先上效果图：（1） 看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2） 思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到...
2020-05-27
Angular脚手架开发的实现步骤
简介写一份自定义的angular脚手架吧
写之前我们先解析一下antd的脚手架前提先把 Angular Schematic这篇文章读一遍,确保了解了collection等基础antd脚手架克隆项目git clone...
2020-05-27
nodejs分离html文件里面的js和css的方法
摘要： 本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-...
2020-05-27
vue实现文字横向无缝走马灯组件效果的实例代码
marquee标签已经废弃了，只能手动实现文字走马灯样式
基于vue组件开发<template> <div class="wrap"> // 外框，固定宽度 <div id="box"> // 内部滚动框 <div id="marquee">{...
2020-05-27
关于vue状态过渡transition不起作用的原因解决
总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。<transition name="你要的名字"> 过渡的元素...</transition>这里需要主要一点的是：过渡的元素...
2020-05-27
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）
•基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用
•vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios
•...
2020-05-27
vue 点击展开显示更多(点击收起部分隐藏)
功能如下：
这里就需要一开始只显示6个数据，点击展开才显示全部
HTML里调用showdetailList：<div> <p v-for="(item, index) in showdetailList"> <span>{{item.title}}...
2020-05-27
JS隐藏号码中间4位代码实例
本文实例为大家分享了JS隐藏号码中间4位的具体代码，供大家参考，具体内容如下
function resetPhone(phone) { var str = String(phone) var len = str.length; var prev,nex...
2020-05-27
js中数组常用方法总结（推荐）
前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开...
2020-05-27
详解vue-cli3 中跨域解决方案
此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批）前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。0：前提条件1：安装v...
2020-05-27
JavaScript 性能提升之路（推荐）
在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够...
2020-05-27
Vue中computed、methods与watch的区别总结
前言对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。
尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人...
2020-05-27
关于JavaScript 数组你应该知道的事情（推荐）
首先做一个粗体声明：循环经常是无用的，并且使得代码很难阅读。
当谈到迭代一个数组的时候，无论你想去查找元素，排序或者任何其他的事，都有可能存在一个数组的方法供你使用。然而，...
2020-05-27
小程序分享模块超级详解(推荐)
导语：在小程序项目开发中，分享能力几乎是每个项目必备的要求，但原生的分享能力比较有限，不够灵活，今天就我们就一起来研究下，如何在现有基础上，增强小程序分享的能力，使信息传递更加...
2020-05-27
详解vue.js移动端配置flexible.js及注意事项
前言最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。主体flexible.js适配方案采用rem布局，根据屏幕分辨...
2020-05-27
从0到1搭建Element的后台框架的方法步骤
由于最近公司要开发一个后台管理系统，查阅了很多vue框架,本人觉得element简洁，方便，于是选择它作为我们的首选框架，并分享给大家，如果您觉得有需要改进的地方可以提出来一起探讨，G...
2020-05-27
用node撸一个监测复联4开售短信提醒的实现代码
背景
北美复仇者联盟4首映电影票eBay上面已经2500美元一张票了，为了避免抢不到票 写了个监控复仇者联盟4开售就发送短信的脚本，这样我们可以第一时间进行抢票，毕竟抢到就是赚到...
2020-05-27
微信小程序第三方框架对比 之 wepy / mpvue / taro
众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，...
2020-05-27
Webpack4+Babel7+ES6兼容IE8的实现
前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营...
2020-05-27
基于mpvue搭建微信小程序项目框架的教程详解
简介： mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说，无疑是目前最好的选择。mpvue从底层支持 Vue.js 语法和构建工具体系，同时再结合相关UI组件库，便可以高...
2020-05-27
element-ui多文件上传的实现示例
上传方案一：
先将文件上传到七牛，再将七牛上传返回的文件访问路径上传到服务器<div class="upload-music-container"> <el-upload class="upload-music" ref="upload"...
2020-05-27
基于vue开发微信小程序mpvue-docs跳转页面功能
打开github，把项目克隆下来https://github.com/F-loat/mpvue-quickstart跳转页面，废话不多说直接点。。。打开pages.js默认是有两个页面的，现在新添加一个newpage的页面这样加...
2020-05-27
Angular CLI 使用教程指南参考小结
安装
要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。
npm install -g angula...
2020-05-27
javascript判断一个变量是数组还是对象
javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。一，判断方法1.typeof我们能...
2020-05-27
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
angular2 NgModel模块的具体使用方法
angular2 NgModel 模块
在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组...
2020-05-27
详解关于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
node.js 基于cheerio的爬虫工具的实现（需要登录权限的爬虫工具）
公司有过一个需求,需要拿一个网页的的表格数据，数据量达到30w左右；为了提高工作效率。结合自身经验和网上资料。写了一套符合自己需求的nodejs爬虫工具。也许也会适合你的。先...
2020-05-27
详解Vue源码学习之双向绑定
原理当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.def...
2020-05-27
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
先查看<form>标签是否有action属性，如果没有，并且最后<button>标签的type属性为'submit‘时，默认提交位置就是当前页面如果在页面右键检查，点击网络，会在开头发现这样的post包：在...
2020-05-27
微信小程序 wepy框架与iview-weapp的用法详解
最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的，也是在网上看了好久发现iview还不错。引用简单，上手超快，组件绚丽！当然，这里还介绍下微信官方建议的框架也是和不错的...
2020-05-27
小白教程|一小时上手最流行的前端框架vue（推荐）
前言vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可...
2020-05-27
vue+vuex+json-seiver实现数据展示+分页功能
一丶项目分析1.UI:2.接口信息:
二丶项目环境 Mockjs:生成模拟数据(含中文名,以及地址) json-server:模拟后端接口 webpack-dev-server:开启服务器环境+接口代理 jquery:...
2020-05-27
Vue起步(无cli)的啊教程详解
一丶项目配置1. 创建身份证文件
2. 安装webpack webpack-cli webpack-dev-server(全局)工具
3. 安装,配置vue vue-loader vue-template-compiler less-loader css-loader...
2020-05-27
vue数据初始化initState的实例详解
数据初始化Vue 实例在建立的时候会运行一系列的初始化操作，而在这些初始化操作里面，和数据绑定关联最大的是 initState。首先，来看一下他的代码：function initState(vm) { vm._w...
2020-05-27
记一次用vue做的活动页的方法步骤
前言最近，公司的PR提了一个需求 自动获取七天新上传的并且审核通过的商品做成固定的链接的一个活动页面。当时想了一想就用vue做了，感觉效果还行，在这分享一下我是如何做的 希...
2020-05-27
vue实现新闻展示页的步骤详解
需求1. 做一个新闻展示页
2. 新闻分类可以自定义
3. 每类新闻的内容，样式不一样
4. 上拉加载新的数据
5. 点击进入详情页，再返回时，定位到原来的位置图片展示 采用的技...
2020-05-27
angular 实现同步验证器跨字段验证的方法
几乎每个web应用都会用到表单，Angular 为我们提供了几个内置 validators (验证器)，但在实际工作中为了满足项目需求，我们经常需要为应用添加一些自定义验证功能。
angular内置...
2020-05-27
angular 表单验证器验证的同时限制输入的实现
angular里面对于表单验证，设置了很多指令。也就是说不用自己写一些逻辑，直接绑定指令就行。ng-app 启动你angular的模块 ng-controller 控制器，启动你angualr里面的逻辑代...
2020-05-27
关于js陀螺仪的理解分析
检测设备方向
监听 deviceorientation
window.addEventListener("deviceorientation", handleOrientation, true);event中包含以下几个值 属性 描述...
2020-05-27
js作用域和作用域链及预解析
变量---->局部变量和全局变量,作用域：在某个空间范围内，可以对数据进行读写操作局部作用域和全局作用域js中没有块级作用域—一对括号中定义的变量,这个变量可以在大括号外面...
2020-05-27
详解jQuery设置内容和属性
一、设置内容以及回调函数方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值例子$("#btn1...
2020-05-27
使用Vue父子组件通信实现todolist的功能示例代码
先上代码<body> <div id="root"> <div> <input v-model="inputValue" /> <button @click="handleClick">submit</button> </div> <ul> <todol...
2020-05-27
JavaScript高阶教程之“==”隐藏下的类型转换
抛砖引玉
按照正常的逻辑来说，我们判断两个值是否相等会遵循以下规则：
但是我看下面一组值：[]==0 //true[]==false //true[]==!{} //true[10]==10 //true'0'==false //true''==...
2020-05-27
vue实现todolist基本功能以及数据存储功能实例详解
实现todolist功能，具体实现如下：可以实现对list添加、移除以及状态转变，其中添加功能既可以通过鼠标点击按钮实现，也可以通过回车键按下实现，通过使用v-model对checked的值进行双...
2020-05-27
vue实现todolist功能、todolist组件拆分及todolist的删除功能
•简单todolist功能的实现用户点击提交按钮时，将input框的内容显示在下方的list中，同时清空list中内容。<body> <div id="root"> <div> <input v-model="inputV...
2020-05-27
