- 博客(75)
- 收藏
- 关注
RSS订阅转载 弹窗层从下往上效果
<!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
3326
原创 前端页面引入多个字体包
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
7260
原创 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
1153
原创 js根据数组id取值
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, ma
2018-12-25 21:21:43
4896
原创 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
262
原创 img图片之间的间距问题
【问题】页面中如果有多张图片，那么图片之间会有一些间距，在某些情况下（如切好的图片再次拼接），在显示上就会出现一些问题。效果如下：对应代码：<div class="f0"> <img src="images/1.png" > <img src="images/2.png" > <img src="i
2018-12-04 17:28:10
7264
原创 判断一个字符串中出现次数最多的字符，统计这个次数
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
544
原创 input 模糊查询
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>demo</title> </head> <style> .uls{ wi
2018-10-29 22:15:42
1741
原创 手动给手机屏幕设置高度
// 手动给任务列表盒子设置高// var screenHeight = window.screen.height;// var screenHeight = window.screen.availHeight; // console.log("screenHeight===" + screenHeight)// console.log("header===" + $("#he...
2018-10-15 20:57:11
1438
转载 js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思...
2018-10-09 10:45:43
126
原创 localStorage存储对象，sessionStorage存储数组对象 ,cookie、localStorage和sessionStorage 区别
前言最近在用angular做商城购物车的功能模块，因为angular的watch监听，数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是，之前用户操作的样式都会被重置掉。例如我勾选了几个商品准备结算，又修改了商品数量，这时候发起了请求，页面数据被渲染，打钩的商品全被恢复未选中。想着将所有选中商品的独有Id存入数组，利用localStorage存储，每次刷新都取到存储的数...
2018-09-30 10:16:27
3768
原创 深拷贝 浅拷贝 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
158
原创 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
229
1
转载 JS原型链简单图解
JS原型链简单图解JS中原型链，说简单也简单。首先明确： 函数（Function）才有prototype属性，对象（除Object）拥有__proto__。首先，我画了一张图。 所谓原型链，指的就是图中的proto这一条指针链！原型链的顶层就是Object.prototype，而这个对象的是没有原型对象的。可在chrome的控制台里面输入： Object...
2018-09-29 09:15:19
529
原创 js 内置对象
在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i="aaa")，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如 var str="我不是一个真的对象"; alert(str....
2018-09-28 20:42:54
808
转载 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
2429
转载 jquery常用片段以及性能优化总结
jquery常用片段以及性能优化总结使用jquery也有一段时间了，每次都是碰到问题查询问题，有时候一个问题碰到好几次都需要去查询下，这样一来工作效率也有所下降，技术积累也谈不上，今天偶然看到某篇文章后，深受启发，决定总结总结自己写jquery所使用过的一些小技巧片段方便日后自己查询和复习。采用事件委托的方式绑定事件//给li绑定点击事件$("#wrapper li").on("c...
2018-09-21 14:28:37
194
原创 wp-auto-top 回到顶部插件
很多网站都添加了返回顶部和快速滑动到底部和查看评论等功能，今天倡萌和大家分享的是WordPress返回顶部插件：wp-auto-top，估计很多朋友都看到过这个滑动样式。当然了，有些人是修改代码实现的，如果你不会改代码，那就使用这个wp-auto-top插件吧。wp-auto-top插件说明左右调整以后，如果位置在横向方向感觉不对，才去调整 显示位置(相对于网页正中间线的距离)的距离部...
2018-09-21 14:23:08
686
原创 内网ip和外网ip区别
内内网IP局域网，网线都是连接在同一个 交换机上面的，也就是说它们的IP地址是由交换机或者路由器进行分配的。而且每一个IP也是有所不同的，并且这些连接在同一个路由器上的电脑都可以通过internet连接共享的，也就是说网吧里面的电脑是可以访问网吧内另外一部电脑的。外网IP是全世界唯一的IP地址，仅分配给一个网络设备。而内网IP是由路由器分配给每一部内部使用的IP地址，而内网的所有用户都是通过同...
2018-09-20 16:41:00
12876
原创 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
645
原创 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
3711
转载 jQuery jsonp跨域请求
jQuery jsonp跨域请求 跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据...
2018-09-18 17:22:16
105
原创 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
4845
原创 输入年月日，计算这一天是一年中的第几天
// 输入年月日，计算这一天是一年中的第几天// 是不是闰年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
4685
1
原创 vue跨域解决方法
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改header 1 2 ...
2018-09-02 10:23:11
835
原创 导出表格 -后台管理系统
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
3439
转载 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
756
原创 this 指向详细解析（箭头函数）
前言this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情...
2018-08-29 10:02:04
1703
原创 浏览器内核一览
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
245
原创 日期和时间戳互转
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
1085
原创 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
688
原创 react 传值方式
react 组件传值前言：之前对react组件传值，一直都是半知半解，今天决定认真认识清楚，而不是听了视频敲一次代码就哗啦哗啦的走了，不然每次都是机械的在敲代码，压根没去思考过代码为啥这么写，这么写的理论是什么？一直在寻求学习方法，视频真的是听了不少，可是真心感觉没什么长进对于react组件传值，之前有写过一次项目，我居然研究了很久，研究出来的感觉是很开心，但是有一种是误打误撞的感觉，现在想起来，...
2018-06-19 09:56:58
4854
原创 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
1286
原创 微信小程序-自定义组件修改样式
1、小程序的 外部样式属性：externalClasses 可以是 1个或多个 （string or array）2 在组件标签里写上class3、在使用组件的页面里的标签里 写上属性要对应的class类名4、在使用的页面的wxss文件里中写上样式 刷新大功告成注意点：https://developers.weixin.qq.com/miniprogram/dev/framework/cust...
2018-06-06 15:23:09
20558
1
原创 git 命令--回到修改前的状态
场景1：当你改乱了工作区某个文件的内容，想直接丢弃工作区的修改时，用命令 1、git checkout -- file场景2：当你不但改乱了工作区某个文件的内容，还添加到了暂存区时，想丢弃修改，分两步，第一步用命令 2、git reset HEAD file，就回到了场景1，第二步按场景1操作。...
2018-06-04 18:27:17
6392
原创 react-import的用法
1.在B.js中引用A.js;1import A from './A'; 此时A.js中必须有默认导出 export default；则import后面的命名可以随意取，因为总会解析到A.js中的export default；如12import Aa from './A';import AS form './A';2.使用花括号的情形1import {A} from './A'; ...
2018-06-04 17:39:00
3305
转载 基于 Token 的身份验证
基于 Token 的身份验证作者：王皓发布于：2015-08-07 22:06更新于：2017-12-05 18:09最近了解下基于 Token 的身份验证，跟大伙分享下。很多大型网站也都在用，比如 Facebook，Twitter，Google+，Github 等等，比起传统的身份验证方法，Token 扩展性更强，也更安全点，非常适合用在 Web 应用或者移动应用上。Token 的中文有人翻译成...
2018-06-04 17:37:55
280
原创 复制案例
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> input{ } &
2018-04-20 14:20:07
408
原创 头部tab栏点击滚动居中
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal
2018-03-23 15:24:26
3405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人