- 博客(21)
- 收藏
- 关注
RSS订阅原创 每日一篇系列---CSS3实现下雨动效
今日份笔记，下雨动效。先前实现类似的天气动效，都是麻烦UI大佬给做的图，这次使用CSS3来实现一个。一、准备工作首先介绍下实现主要会用到的CSS3属性：box-shadowbox-shadow主要有以下几个参数：1、inset阴影的扩散方向，简单来说就是设置内阴影，如果不写，默认是外阴影；2、 <offset-x> | <offset-y>设置水平/垂直方...
2019-07-15 18:27:12
1234
原创 每日一篇系列--Vue跟React中，遍历列表时所添加的key的作用
今日份笔记~题目传送门：https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/1Key的应用因为日常开发中以Vue为主，所以本文以Vue为例。在Vue开发过程中，使用v-for遍历生成列表是很常规的操作，在生成列表的时候，通常会给每一个列表项添加一个key属性：例如：<template>...
2019-07-11 17:03:34
596
原创 每日一篇系列--在不使用加减乘除的情况下，计算某整数的某倍数
最近star了一个Git项目，项目主要是收集各厂的面试题，有很多有意思的题目，每天看一题，记个笔记。传送门：https://github.com/Advanced-Frontend/Daily-Interview-Question这道面试题的几个解法如下：1.最简单的方法：先转换成对应倍数的进制，后面补0后再转回10进制let getRes = (num, multiple) => ...
2019-07-10 17:02:26
320
原创 笔记:利用promise手动实现promiseAll
function PromiseAll (arr) { //PromiseAll的返回值为一个promise对象 return new Promise((resolve, reject) => { //PromiseAll的入参必须是函数 if (!Array.isArray(arr)) { return reject(new TypeError('arr must be ...
2019-03-05 23:32:21
688
原创 对于JS中__proto__以及prototype的理解
之前对于JS中的原型，原型链还有继承的理解一直很模糊，知道怎么用，但说不出所以然来。今天花了点时间，去好好学习了下JS中的__proto__以及prototype的概念，下面是我的总结，有不对的地方还请指正~首先，我先对这两者做个简单的阐述：__proto__（隐式原型）是JS中所有对象都具备的属性，只要是对象，就一定有__proto__；而prototype（显示原型）是函数特有的属性，只有...
2018-03-25 20:31:15
521
原创 Javascript：bind()方法笔记
之前对bind方法的了解一直很模糊，今天重新认识了下这个方法，记一波笔记。如果有描述不恰当的地方，还请各位大神指点~ 今天看了把犀牛书，书上对bind的一句描述是：这个方法的主要作用就是将函数绑定到某个对象。 举个例子：var fn1 = function (y) {return this.x + y;}var obj1 = {x:1}var fn2 = fn1.bind(obj1...
2018-03-23 00:11:45
349
原创 Charles: 抓取Https包
做前端开发的小伙伴儿们，一定听过一个牛叉得不行的抓包工具，叫做Charles，利用这个工具，我们可以很方便的将线上的代码代理到本地，进行联调，也可以通过设置proxy链接同一网段下的移动设备进行联调，可以说是前端开发中的一大利器。然鹅。。。在使用这个利器的时候，发现了一个很麻(dan)烦(teng)的问题，就是Charles无法抓取Https的包，这TM就很尴尬了。为了解决这个尴尬的问题，我去网上搜
2017-06-02 14:14:18
2206
原创 VUE本地开发第三弹：vue-cli+nginx实现本地开发
之前写过两篇博客，都是关于如何使用vue-cli进行本地开发的，但仍是覆盖不到所有的场景（至少我目前开发遇到了这样的情况）。后来又琢磨出了一套解决方案，如题，即使用nginx转发线上接口，从而配合vue-cli完成本地开发。接下来就这种方法作一个分享。第一步：安装nginx ngxin的安装很方便，具体安装以及基础配置可参照：http://www.cnblogs.com/cheemon/p/563
2017-05-06 14:41:55
3480
原创 VUE跨域设置：监听80端口
最近一直在折腾vue项目，之前有写过一篇帖子，是关于vue-cli跨域设置的，可以解决跨域调用接口的问题：http://blog.youkuaiyun.com/mrblacklu/article/details/63888636但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，
2017-04-25 15:09:28
9193
原创 JS:关于JQ获取图片高度为0的问题记录
好久没有写PC的页面，今天写了一把，然后被一个小问题纠结了好久：JQ获取图片高度为0。 不多说，上代码：<style> #box > img { margin-bottom: 20px; width: 100%; }</style><div id="box"> <img src="xxx" /> <img src="xxx" />
2017-04-08 18:28:55
4575
转载 30分钟掌握ES6/ES2015核心内容（下）
import export 这两个家伙对应的就是es6自己的module功能。我们之前写的Javascript一直都没有模块化的体系，无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程，再用一种简单的方法把这些小工程连接在一起。这有可能导致两个问题：一方面js代码变得很臃肿，难以维护 另一方面我们常常得很注意每个script标签在html中的位置，因为它们通常有依赖关系，顺序错了
2017-04-03 18:38:55
451
转载 30分钟掌握ES6/ES2015核心内容（上）
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了…在我们正式讲解ES6语法之前
2017-04-03 18:32:36
452
原创 vue:组件内获取actions的response
最近使用在学习使用vuex，想利用vuex集中管理状态。在和后台进行数据交互的时候，必然会涉及接口的调用，此类异步操作，通常写在action里面：import Vue from 'vue';import Vuex from 'vuex';Vue.use('Vuex');const actions = { getComplete ({}) { return new Promise((re
2017-04-01 11:28:51
7508
原创 zepto:设置select选中的问题记录---Safari浏览器兼容
最近在做项目的过程中，遇到一个需要动态设置select选中的需求。当然，用zepto实现起来还是很方便的：$('select').find('option[value="'+key+'"]').attr('selected', true);在安卓所有浏览器跑了一把，都没啥问题，IOS上也测试了一把。就在我以为可以收工的时候，出现了一个比较奇葩的问题：Safari浏览器中，select设置选中没有生效
2017-03-30 10:37:09
4000
原创 zepto: 随手记
在移动页面开发中，使用JQ未免有点重，这时候，zepto自然成为了一个不错的选择。zepto可以理解为JQ的阉割版本，轻量级，比较适合移动端。 最近在用到zepto的时候，发现它与JQ还是有点细微的差别，比如在对select的处理上：JQ里面获取selected状态一般是这样的：$('select').find('option:selected').val();但是这种方式在zepto中却是行不通
2017-03-24 14:22:29
424
原创 VUE:跨域设置
相信很多小伙伴在开发过程中遇到比较头疼的事情之一，就是在本地与非本地环境中的接口进行联调（至少我一厢情愿的这么认为OTZ）。在最近的开发过程中，不可避免的，我也遇到了这个问题，毕竟在本地YY写完代码，再上传测试实在是太。。。蛋疼。接下来，我将就我遇到的问题以及解决方式与众位小伙伴分享~（掌声~）在此项目中，我使用了vue的脚手架，vue-cli，跨域的设置在config文件夹下的index.js中。
2017-03-20 01:29:13
11436
1
原创 input[type="date"]默认样式修改
最近写一个页面，用到了date类型的input，不得不说，挺好用的，免去了额外引入第三方插件的麻烦，但与此同时，也出现了新的麻烦，那就是input[type=”date”]自带的一些样式，比如删除ICON，上下箭头等等，着实让人头疼，下面我介绍下几种去除此类样式的方法。<input type="date" value="1993-08-01" max="2017-03-11" min="1900-0
2017-03-11 17:27:47
23077
原创 VUE：字符串转换为HTML（笔记）
今天使用vue调试页面，发现了页面上的一个问题，后台数据传过来的HTML字符串并没有被转换为正常的HTML代码，一拍脑门，发现忘记转换了，于是满心欢喜加上了{{{}}}。但是之后构建发现报错： 为此去官网上查了下资料，发现在vue2.0版本中，{{{}}}转换HTML的方式已经被废除，该版本中必须使用v-html标签进行转换，下面是具体的使用方法：<span v-html="htmlData">
2017-02-28 12:20:13
18432
原创 windows下nodejs环境的搭建（基础篇）
新手报到帖~ 最近在玩VUE+WEBPACK，所以少不了node环境的搭建。在公司用MAC搭建了一把，感觉很容易，毕竟几行命令敲起来很快，但是在windows上貌似会麻烦一点点儿→_→。。 今天搭建了一把试个水，在此记录一把~ —————————————-割———————————————— 在环境搭建之前，先要做下准备： 1、GIT Bash：命令行工具，（个人比较喜欢用这个，如果有更好的
2016-12-22 01:10:03
580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人