前端
关注
分享
扫一扫
文章平均质量分 63
amyloverice
这个作者很懒，什么都没留下…
展开
-
mui在上拉加载和下拉刷新的时候会出现下面的异常解决
使用MUI框架，在上拉加载和下拉刷新的时候会出现下面的异常：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/509356600721408...原创 2019-03-28 14:11:07 · 1175 阅读 · 0 评论 -
内网ip和外网ip区别
内内网IP局域网，网线都是连接在同一个 交换机上面的，也就是说它们的IP地址是由交换机或者路由器进行分配的。而且每一个IP也是有所不同的，并且这些连接在同一个路由器上的电脑都可以通过internet连接共享的，也就是说网吧里面的电脑是可以访问网吧内另外一部电脑的。外网IP是全世界唯一的IP地址，仅分配给一个网络设备。而内网IP是由路由器分配给每一部内部使用的IP地址，而内网的所有用户都是通过同...原创 2018-09-20 16:41:00 · 12965 阅读 · 0 评论 -
js 跳转页面传值
要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码JS跳转大概有以下几种方式：第一种：(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第二种：（返回上一页面）<script...原创 2018-09-20 14:27:43 · 671 阅读 · 0 评论 -
Uncaught TypeError: $(...).unload is not a function
问题：在使用 jquery 3.3.1 版本时，写了如下测试代码： $(document).ready(function() { $(window).unload(function(){ alert("Goodbye!"); });}); 运行出错：Uncaught Typ...原创 2018-09-20 10:39:57 · 3769 阅读 · 0 评论 -
输入年月日，计算这一天是一年中的第几天
// 输入年月日，计算这一天是一年中的第几天// 是不是闰年function isLeapYear(year) { return year%4 == 0&&year%100 != 0 || year%400 ==0;} // 封装的方法，传入年月日function getYdd(year,month,day) { var days = day;...原创 2018-09-14 12:40:46 · 4716 阅读 · 1 评论 -
jQuery jsonp跨域请求
jQuery jsonp跨域请求 跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据...转载 2018-09-18 17:22:16 · 111 阅读 · 0 评论 -
jquery get和post 请求 渲染数据
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, init原创 2018-09-18 17:09:58 · 4878 阅读 · 0 评论 -
vue跨域解决方法
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改header 1 2 ...原创 2018-09-02 10:23:11 · 843 阅读 · 0 评论 -
vue + element-ui + 分页 + easy mock
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="h转载 2018-08-29 20:19:07 · 772 阅读 · 0 评论 -
this 指向详细解析（箭头函数）
前言this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情...原创 2018-08-29 10:02:04 · 1737 阅读 · 0 评论 -
浏览器内核一览
1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safari浏览器内核：Webkit内核； 5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Bli...原创 2018-08-24 09:42:23 · 268 阅读 · 0 评论 -
webpack 启动目录结构梳理
原创 2018-08-20 21:18:43 · 803 阅读 · 0 评论 -
导出表格 -后台管理系统
vue2.0 导出Excel表格数据1、安装三个依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader2、在项目中创建一个文件夹（比如vendor，一般是在src目录下创建） 把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹内...原创 2018-08-30 19:24:25 · 3463 阅读 · 0 评论 -
vscode 设置中文语言显示
Vscode是一款开源的跨平台编辑器。默认情况下，vscode使用的语言为英文(us)，如何将其显示语言修改成中文了？1）打开vscode工具；2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；3）修改locale.json文件下的属性“locale”为“zh-CN”;4）重启vscode工具；如...转载 2018-09-26 11:07:21 · 2553 阅读 · 0 评论 -
wp-auto-top 回到顶部插件
很多网站都添加了返回顶部和快速滑动到底部和查看评论等功能，今天倡萌和大家分享的是WordPress返回顶部插件：wp-auto-top，估计很多朋友都看到过这个滑动样式。当然了，有些人是修改代码实现的，如果你不会改代码，那就使用这个wp-auto-top插件吧。wp-auto-top插件说明左右调整以后，如果位置在横向方向感觉不对，才去调整 显示位置(相对于网页正中间线的距离)的距离部...原创 2018-09-21 14:23:08 · 721 阅读 · 0 评论 -
jquery常用片段以及性能优化总结
jquery常用片段以及性能优化总结使用jquery也有一段时间了，每次都是碰到问题查询问题，有时候一个问题碰到好几次都需要去查询下，这样一来工作效率也有所下降，技术积累也谈不上，今天偶然看到某篇文章后，深受启发，决定总结总结自己写jquery所使用过的一些小技巧片段方便日后自己查询和复习。采用事件委托的方式绑定事件//给li绑定点击事件$("#wrapper li").on("c...转载 2018-09-21 14:28:37 · 205 阅读 · 0 评论 -
弹窗层从下往上效果
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,...转载 2019-04-01 18:02:33 · 3360 阅读 · 0 评论 -
前端页面引入多个字体包
1. 引入自定义字体，首先在css文件里定义自定义字体@font-face {font-family: "PingFangSC Light";src: url('/assets/css/fonts/PingFang/PingFang-Light.ttf');}可以这样引入多个@font-face {font-family: "PingFangSC Light";src: ur...原创 2019-03-29 16:11:47 · 7325 阅读 · 0 评论 -
axios+vue
1.安装axios npm install --save axios2. 在入口main.js中导入axios 并将axios写入vue的原型，这样就能更简单的使用。import axios from 'axios'import Qs from 'qs'//QS是axios库中带的，不需要我们再npm安装一个 Vue.prototype.axios = axios;Vue.pr...原创 2018-12-11 18:21:11 · 280 阅读 · 0 评论 -
判断一个字符串中出现次数最多的字符，统计这个次数
var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i < str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; }};...原创 2018-12-04 10:29:02 · 562 阅读 · 0 评论 -
input 模糊查询
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>demo</title> </head> <style> .uls{ wi原创 2018-10-29 22:15:42 · 1789 阅读 · 0 评论 -
手动给手机屏幕设置高度
// 手动给任务列表盒子设置高// var screenHeight = window.screen.height;// var screenHeight = window.screen.availHeight; // console.log("screenHeight===" + screenHeight)// console.log("header===" + $("#he...原创 2018-10-15 20:57:11 · 1520 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思...转载 2018-10-09 10:45:43 · 141 阅读 · 0 评论 -
localStorage存储对象，sessionStorage存储数组对象 ,cookie、localStorage和sessionStorage 区别
前言最近在用angular做商城购物车的功能模块，因为angular的watch监听，数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是，之前用户操作的样式都会被重置掉。例如我勾选了几个商品准备结算，又修改了商品数量，这时候发起了请求，页面数据被渲染，打钩的商品全被恢复未选中。想着将所有选中商品的独有Id存入数组，利用localStorage存储，每次刷新都取到存储的数...原创 2018-09-30 10:16:27 · 3801 阅读 · 0 评论 -
深拷贝 浅拷贝 js
浅拷贝 和 深拷贝 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // 直接赋值 var obj...原创 2018-09-30 10:05:30 · 166 阅读 · 0 评论 -
js 封装
在平时的生产环境中,我们经常写出这样的代码:function fAdd(iA,iB){ return iA+iB;}function fMul(iA,iB){ return iA-iB;}其本质上是这样的:var fAdd = function(iA,iB){ return iA+iB;}var fMul = function(iA,iB){ ...原创 2018-09-29 12:01:53 · 242 阅读 · 1 评论 -
JS原型链简单图解
JS原型链简单图解JS中原型链，说简单也简单。首先明确： 函数（Function）才有prototype属性，对象（除Object）拥有__proto__。首先，我画了一张图。 所谓原型链，指的就是图中的proto这一条指针链！原型链的顶层就是Object.prototype，而这个对象的是没有原型对象的。可在chrome的控制台里面输入： Object...转载 2018-09-29 09:15:19 · 561 阅读 · 0 评论 -
js 内置对象
在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i="aaa")，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如 var str="我不是一个真的对象"; alert(str....原创 2018-09-28 20:42:54 · 819 阅读 · 0 评论 -
日期和时间戳互转
1、日期转为时间戳 var date = new Date('2014-04-23 18:55:49:123'); // 有三种方式获取 var time1 = date.getTime(); var time2 = date.valueOf(); var time3 = Date.parse(date); ...原创 2018-07-18 13:36:29 · 1104 阅读 · 0 评论 -
ES6 扩展运算符 三个点···
1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。[javascript] view plain copyconsole.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelect...原创 2018-06-25 11:49:39 · 708 阅读 · 0 评论 -
Object.keys、concat(Array)、assign(form,obj)、map()、forEach(fun)
一、在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组传入对象，返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"};consol...原创 2018-06-14 16:18:44 · 1333 阅读 · 0 评论 -
mac 系统模仿
昨天分享了一篇介绍MacType的文章，没想到的是，大家对怎样在Windows系统上虚拟Mac OS 很感兴趣，在公号和知乎上都给我留言，希望介绍一下安装流程，那么今天我就给大家再复盘一下，两天之内连装两遍Mac系统，截图截到手抽筋，都是为了满足黑粉们的需求啊，网黑哥够意思吧！一、材料准备1、虚拟机软件VMware2、适用于Windows版本的VMware解锁安装Mac OS的补丁3、Mac OS...转载 2018-03-07 11:44:52 · 2021 阅读 · 0 评论 -
vscode 一些基本知识
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 vscode 作为一款逐渐火热的编辑器。...原创 2018-02-27 14:48:57 · 205218 阅读 · 13 评论 -
前端代码从哪些点去优化？
摘要: 前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。相对于桌面端浏览器，移动端Web浏览器...原创 2018-02-27 11:44:59 · 1250 阅读 · 0 评论 -
js判断时间不能超过3个月案例
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js判断时间不能超过3个月</title></head><body><input type="tex原创 2018-02-27 11:18:05 · 3181 阅读 · 2 评论 -
iscroll.js的简单使用方法（总结）
原文链接：http://caibaojian.com/iscroll-js.html这篇文章讲到了iscroll的一些使用入门、参数配置和示例，并讲到了滚动条的接口，自定义事件和销毁动作等。原文：iscroll.js的使用入门Scroll是一个类，每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。尽可能保持DOM结构的简洁。...原创 2018-02-27 09:22:56 · 26552 阅读 · 0 评论 -
学习数据库书籍
原文地址:Top 10 Highly Recommended SQL Server Books. 第一本:SQL Server 2014介绍，微软出品 主要介绍SQL Server2014的技术概览,主要功能.分为两个部分。每部分三章，第一部分讲解数据库管理。第二部分讲解商业智能(BI). 下载地址:下载第二本: Microsoft SQL Server 2012 Internals, 微软出品...原创 2018-02-26 14:54:30 · 1594 阅读 · 0 评论 -
路漫漫其修远兮
正统篇1. 编程入门（如C、python 等）2. 数学基础（一阶逻辑系统、集合论、图论、线性代数、微积分、概率论）3. 数据结构与算法4. 软件理论入门（形式语言、自动机）5. 体系结构（数字电路、CPU设计、操作系统、编译器、网络协议）理论篇1. 逻辑（一阶逻辑、时序逻辑）2. 代数（线性代数、抽象代数）3. 算法（设计、复杂度分析、证明）4. 软件理论（形式语言、自动机、可计算性理论）5. ...原创 2018-02-26 13:35:10 · 209 阅读 · 0 评论 -
导航栏滑动居中
html>html>head> meta charset="UTF-8"> meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> title>title> style type="t原创 2018-02-02 14:48:25 · 2253 阅读 · 2 评论 -
使一个div垂直+水平居中的几种方法
思路1：绝对定位居中（原始版）这个是我回答出来的，也是被各位所熟知的一种方法，设外层div相对定位，内层div绝对定位，top、left分别设为50%，然后通过设置margin-top、margin-left值为宽度的负数就可以成功实现垂直水平居中了：html lang="en">head> meta charset="UTF-8">转载 2018-01-16 17:57:53 · 423 阅读 · 0 评论