- 博客(62)
- 收藏
- 关注
RSS订阅原创 2020-11-03 前端算法每日一题 递归（山脉数组）
var validMountainArraya = function(A) { let isUp = false let isDown = false return A.length >= 3 && A.every((h, i) => { if (i === 0) return true if (A[i] === A[i - 1]) return false if (A[i] > A[i -...
2020-11-03 18:42:10
270
原创 初级前端面试题
flex布局apply和call和bind图片懒加载原型和原型链border-box和content-boxcookie localstorge sessionstorge区别flex布局浏览器兼容问题Vue监听不到对象变化怎么办computed和watch字符串去重字符串查出最多的字母settimeout（0）webpack {常见loader，puygin，入口出口}Axios遇到的问题axios和ajax不同水平垂..
2020-07-11 12:27:56
443
原创 es5对象的扩展
var obj = { name: 'xiaoyu' }var obj2 = {}obj2 = Object.create(obj, {sex: {value: 'nan',writable: true, //是否可以修改configurable: true, //是否可以删除enumerable: true //是否可以用for in进行枚举}})cons...
2020-05-08 17:14:22
345
原创 token和cookie
token和cookie一样都是首次登陆时，由服务器下发，都是当交互时进行验证的功能，作用都是为无状态的HTTP提供的持久机制。token存在哪儿都行，localstorage或者cookie。token和cookie举例，token就是说你告诉我你是谁就可以。cookie 举例：服务员看你的身份证，给你一个编号，以后，进行任何操作，都出示编号后服务员去看查你是谁。token 举例...
2020-01-06 18:34:50
336
原创 js中删除两个数组中id相同的对象
let arr1= [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]let arr2= [{ id: 1 }, { id: 2 }, { id: 3 }]arr1= arr1.filter(item => {let idList= arr2.map(v => v.id)return !idList.includes(...
2019-12-26 14:17:23
616
原创 查找数组内的对象
const arr = [{a : 1, b : 2},{a : 3, b : 4},{a : 5, b : 6}]console.log(arr.find((item) => (item.a == '3')))
2019-11-26 20:09:33
720
原创 优惠券样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2019-07-09 18:54:18
1333
原创 居中案例
<div class="container"> <div class="item"> <div class="img-bg"> <img src="https://assets.2dfire.com/frontend/f60ebff21e88a872d2bce1a2474da50b.png"/> &l...
2019-07-01 19:26:33
244
原创 对数组内的对象去重的方法
<script> const Obj1 = [ { a: 1, b: 2 }, { a: 3, b: 4 }, { a: 5, b: 6 }, { a: 3, b: 4 }]function reduceDuplicate(Obj) { const Equityobj = {} const Result = Obj.reduce((cur, next)...
2019-06-27 19:43:09
318
原创 移动端滚动
移动端滚动优化#概述iOS 的微信浏览器里实现滚动效果有几个问题：通过overflow: auto/scroll实现的滚动会有很严重的卡顿感。 滚动到边界后继续上拉/下拉，会显示微信自带的遮罩（有时会遮盖住页面的原内容，感官上很不好）第一个问题有两个解决办法：设置-webkit-overflow-scrolling: touch; 使用better-scroll等滚...
2019-04-04 15:25:19
305
原创 获取body的滚动条长度一直是0的原因
1：要做一下兼容：document.documentElement.scrollTop || document.body.scrollTop2：如果还不管用，你可以看一下是不是你的body已经设置了100vh高度，如果高度被定死了那说明1滚动条并不是body的，你应该查找其他元素。...
2019-04-04 15:17:12
1975
原创 轮播图vue
<template><div><div class="banner-box"><swiper :options="swiper.swiperOption"><swiper-slide v-for="(item,index) in pics" :key="index"><img :src="item.picture...
2019-03-22 11:23:55
446
原创 offsettop及相关属性介绍
offsetParent定位父级 偏移量属性一般就是offsetLeft、offsetTop、offsetHeight、offsetWidth这四种了，然后还有一个offsetParent属性作为偏移的参照点。在网上看到的offsetParent的定义是：与当前元素最近的经过定位(position不等于static)的父级元素（感觉和绝对定位的定位点很类似？）。然后具体情况分为下面几种：...
2019-03-19 11:32:30
2298
原创 vue 实现横向滑动 加效果
<template> <div class="lateral-sliding"> <div class="lateral-sliding-item" v-for="(item,index) in items" :key="index"> <div class="each-img"&
2019-03-14 17:34:45
12561
6
原创 相对定位让父元素高度不能自适应解决办法
<template> <div> <div class="c"> <div class="a">1</div> <div class="b">2</div> </div> &a
2019-03-04 21:04:15
2018
1
原创 flex布局的几种常用布局方式代码
<style> * { padding: 0; margin: 0 } .big-box { background-color: olivedrab; width: 100%; height: 100px;...
2019-02-24 22:11:27
1263
原创 js将多个方法添加到window对象上的多种方法
方法一：（最简单也是最笨的方法）window.a = function(){}window.b = function(){}window.c = function(){}方法二：（利用jq的extend方法）window.c = function(){}$.extend(window,{ a:function(){}, b:function(){}, ...
2019-02-15 16:43:32
5008
原创 vue报错Duplicate keys detected: '1'. This may cause an update error.key值重复
除了网上大家都在说的原因key值重复之外还有一个原因就是有两个相同的for循环，而这两个for循环的key值是一样的，此时将一个的key值加一个数字或者加一个字符串例如<template> <div class="nav"> <div v-for="(item,index) in iconHref" class="icon" :key="index&q
2019-02-14 13:59:08
8023
1
原创 2019年2月编程语言排行榜
TIOBE Index for February 2019February Headline: Groovy re-enters the TIOBE index top 20The programming language Groovy has re-entered the TIOBE index top 20. This dynamically typed language t...
2019-02-11 17:30:41
15234
12
原创 dom数组打印为空，但是里面内容不为空，问题解决办法
console.log(this.$refs); 这是vue中dom生成有时间差的，当出现此类情况，也就是打印出来的数组为但是展开里面是不为空的，试用下面的办法this.$nextTick(() => {this.$refs.circle[0].style.backgroundColor = "#48ACFF";});使用 nextTick,这样就能获取到里面的元素了...
2019-02-11 10:57:45
4309
原创 图片在div水平竖直中间
<div style="display: table-cell;vertical-align: middle;text-align: center"><img src="" /></div>
2019-01-24 10:14:50
384
原创 2019年1月编程语言排行榜
一月头条：Python 成为了“2018年度编程语言”的获得者 Python 编程语言赢得了“2018年度编程语言”的称号！Python 能获得这个称号，是因为在 2018 年相较于其他的语言，它的增长更加明显。Python 为 3.62%，其次才是 Visual Basic .NET（3.20%） 和 Java（2.69%）。 Python 现在已经成为大型编程语言的一...
2019-01-22 10:17:02
18434
5
原创 使用vue 实现外卖平台，饿了么美团模仿
可以搜索，可以添加到购物车，可以计算价格 目录结构：components（folder） meituan.vue store（folder） action.js mulation.js action.js index.js...
2019-01-17 15:21:41
4112
1
原创 js 数组求和
const sum = (...arr) =>[].concat(...arr).reduce((acc, val) => acc + val, 0);this.sumprice = sum(this.pricelist).toFixed(2);
2019-01-17 14:53:19
465
原创 eslint perfer-spread error
scrollTo() {// return this.scroll && this.scroll.scrollTo.apply(this.scroll, arguments)return this.scroll && this.scroll.scrollTo(...arguments) },
2019-01-12 14:45:34
315
原创 pip升级失败
python -m pip install -U pippython -m pip install --upgrade pip 如果上面两个不能升级成功，那用下面的命令easy_install --upgrade pip
2019-01-09 14:32:19
1327
原创 使用vue模拟购物车全选按钮，逻辑
<template> <div> <table border="1"> <tr> <td> <input type="checkbox" @click="Allselect" v-model="Allchecked"
2019-01-09 11:57:20
3901
3
原创 用store 模拟记住密码功能 VUE
register.vue<template> <div> <h3>Register</h3>Name: <input type="text" v-model="a"> <br>Password: <input type="passwor
2019-01-09 11:51:37
643
原创 vue生命周期，实践证明版
<!DOCTYPE html><html><head><title></title><script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script>
2018-12-27 16:07:32
240
原创 vue中子组件往父组件传值，父组件往子组件传值
vue中子组件往父组件传值：emitmethods: {add: function() {this.$emit("showpro", this.list+'我是孩子的值'); // showpro是传往父组件的方法，后面参数是要传过去的参数}} 父组件中import HelloWorldVue from "./HelloWorld.vue";<abc @s...
2018-12-27 11:01:23
2613
原创 生成器
通过列表生成式，我们可以直接创建一个列表。但是，受到内存限制，列表容量肯定是有限的。而且，创建一个包含100万个元素的列表，不仅占用很大的存储空间，如果我们仅仅需要访问前面几个元素，那后面绝大多数元素占用的空间都白白浪费了。所以，如果列表元素可以按照某种算法推算出来，那我们是否可以在循环的过程中不断推算出后续的元素呢？这样就不必创建完整的list，从而节省大量的空间。在Python中，这...
2018-11-15 22:43:30
242
原创 flask 数据库基本操作
from flask import Flaskfrom flask_migrate import MigrateCommand,Migratefrom flask_script import Managerfrom flask_sqlalchemy import SQLAlchemyfrom flask_bootstrap import Bootstrapapp = Flask(__n...
2018-10-18 17:35:00
254
转载 用flask开发个人博客（31）——用flask_login管理用户的登录
https://blog.youkuaiyun.com/hyman_c/article/details/53890450
2018-10-17 15:17:41
453
原创 flask框架上传文件思路过程以及代码解析
import osimport uuidfrom PIL import Imagefrom flask import Flask, render_template, requestfrom flask_bootstrap import Bootstrapfrom flask_script import Managerapp=Flask(__name__)manager=Mana...
2018-10-12 22:45:02
850
原创 django的缓存框架
可以使用的缓存方式: 1.可以使用Memcached作为缓存 --- 内存,分布式 ,老---新redis(默认不支持) 2.可以使用数据库进行缓存 ---- 数据量大,效率低 3.可以使用文件缓存 --- 使用不方便,效率低 4.使用本地内存进行缓存 **5.可以接入其他存储方式 --- redis 内存,效率高 4.数据库缓存的使...
2018-09-19 21:14:24
301
原创 创建404错误页面
在开发过程中我，我们可以借助debug来调试bug，但是我们在项目上线一周，就不能让用户看见不存在的网页，因此要消除404的存在！如果用户遇到404通常做友好提示,或者 直接跳到首页 定制404页面 1.在项目的templates目录下定义404.html (注意名字不是随意定义) 2.在404.html可以任意定制内容 3.404要设置DEBUG = ...
2018-09-19 21:00:39
283
原创 .富文本rtf
rtf是 在线富文本编辑器, 论坛博客编辑的时候使用配置： 1.安装django中的插件 pip install django-tinymce 2.在setting中配置 TINYMCE_DEFAULT_CONFIG = { 'theme':'advanced', 'w...
2018-09-19 20:56:22
592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人