前端笔记

略懂PHP、Java、Swift,目前就职于37.com,专注于JS的学习与应用。

CSDN2018博客之星评选——期待各位大佬的投票

我的序号是NO.165,谢谢各位!!投票入口:https://bss.csdn.net/m/topic/blog_star2018 无端端就入选了,我只是专业切图的,很菜很菜的,志在参与,哈哈哈哈哈哈哈哈…

2019-01-03 00:02:33

阅读数:1252

评论数:4

腾讯、今日头条、欢聚时代(YY)等前端工程师面试记录及题目分享(2018.08社招)

腾讯、今日头条、欢聚时代(YY)等前端工程师面试记录及题目分享(2018.08社招);本文适合拥有一年/以上实际开发经验的朋友阅读,也欢迎经验不够但对前端有兴趣的朋友阅读以确立自己的方向。 面试过的公司: 腾讯、欢聚时代、今日头条、三七互娱、多益网络、CVTE、荔枝FM、深信服、平安科技、平安好...

2018-09-03 17:44:58

阅读数:4199

评论数:26

网盘下载速度慢?MAC下三步操作轻松绕开百度网盘限速,实现高速下载

声明:此文发表于2017-11-07,于2018-06-04设置为私密,于2019.01.18再次公开,本文仅供学习交流,如有侵犯您的权益,请联系本人删除,本人邮箱:935298247@qq.com 相信大家都比较困惑,百度网盘客户端限速后一般只有几十K的下载速度,Windows有百度网盘破解版...

2019-01-18 11:31:09

阅读数:39490

评论数:80

Node项目部署到阿里云服务器(ECS),以Nuxt.js服务端渲染项目为例

Nuxt.js项目如何部署到阿里云?Node.js项目如何部署到到阿里云服务器(ECS)?以Nuxt.js服务端渲染项目为例讲解 1、前言 最近打算业余时间搭个网站玩玩,选择的技术栈为node+mongodb+Nuxt.js(基于vue,用于创建服务端渲染 (SSR) 应用) 2、阿里云部署 (1...

2019-01-15 02:37:21

阅读数:823

评论数:6

Weex Project-> Error:Error: Command failed: pod update

Question Weex project run npm run ios(weex run ios)error: Error:Error: Command failed: pod update Answer (1)update openssl, then ruby, then cocoapod...

2019-01-15 00:36:49

阅读数:769

评论数:0

Nuxt.js项目不识别import原因及解决方法

1、问题 使用npx create-nuxt-app创建Nuxt.js项目,项目默认使用require引入依赖,如下: 平时习惯使用import,改为import Koa from 'koa'会报SyntaxError: Unexpected identifier,即不识别import错误。 2...

2019-01-07 01:17:56

阅读数:899

评论数:3

ES6公用立体轮播组件的封装及使用

ES6公用立体轮播组件的封装及使用 源码github链接:https://github.com/XieTongXue/how-to/tree/master/carousel-3d 1、效果展示 2、容易产生bug的点 当前图片需要一个背景框,如上图所见白色框,白色框为漂浮于当前轮播图片上方;轮播...

2019-01-07 00:30:47

阅读数:1559

评论数:0

[Vue源码分析] v-model实现原理

[Vue源码分析] v-model实现原理 最近小组有个关于vue源码分析的分享会,提前准备一下… 前言: 我们都知道使用v-model可以实现数据的双向绑定,及实现数据的变化驱动dom的更新,dom的更新影响数据的变化。那么v-model是怎么实现这一原理的呢?接下来探索一下这部分的源码。

2018-12-28 23:55:06

阅读数:1377

评论数:8

Node快速切换版本、版本回退(降级)、版本更新(升级)

Node快速切换版本、版本回退(降级)、版本更新(升级) 场景 最近遇到一些node的坑,比如6.3.0版的node用不了公司最新的工作流,升级到10.x版的node后,又用不了另一套工作流。 问题 怎么实现node版本降级、升级?是否可以安装多个版本按需要进行切换?

2018-12-17 00:07:02

阅读数:859

评论数:6

JavaScript判断设备类型加载对应网页并设置两端通用事件

JavaScript如何判断设备类型加载对应网页并设置通用事件 基本思路: 在网页入口添加判断逻辑,如下:首先获取当前navigator对象的userAgent,通过userAgent判断当前设备类型。 ①:如果符合移动端判断逻辑,则加载移动端入口;否则加载pc端入口 ②:通用事件的设置,...

2018-12-16 22:17:30

阅读数:660

评论数:2

[Vue源码分析] 模板的编译

最近小组有个关于vue源码分析的分享会,提前准备一下… 前言: Vue有两个版本:Runtime + Compiler 、 Runtime only ,前者是包含编译代码的版本,后者不包含编译代码,编译过程需要借助webpack的vue-loader,接下来分析的是Runtime + Compil...

2018-11-30 01:35:21

阅读数:672

评论数:3

使用mpvue开发微信小程序——原生微信小程序、mpvue、wepy对比

mpvue是什么?为什么使用它? 目前小程序开发主要有三种形式:原生、wepy、mpvue,其中wepy是腾讯的开源项目;mpvue是美团开源的一个开发小程序的框架,全称mini program vue(基于vue.js的小程序),vue开发者使用了这个框架后,开发小程序的效率将得到很大的提升。 ...

2018-11-20 23:14:32

阅读数:454

评论数:0

浏览器指纹实现方案:Cookie、Flash Cookies、帆布指纹识别

浏览器指纹实现方案及对比,Cookie、Flash Cookies、帆布指纹识别 浏览器指纹指什么? 是一个能够唯一标识当前浏览器的字符串 实现方法 1、Cookie 2、Cookie替代方案——Flash Cookies 3、帆布指纹识别(使用canvas实现)

2018-11-19 22:57:14

阅读数:983

评论数:2

使用mpvue开发微信小程序——音乐小程序项目源码分享

前言: 最近小组有个微信小程序分享的环节,于是在业余时间使用mpvue框架写了个音乐小程序,时间有限,项目暂时只是demo级别,之后有时间会继续完善。此小程序使用mpvue框架开发,样式使用stylus编写,歌手、音乐数据抓取自QQ音乐,项目运行方法请看仓库中的readme。 源码地址 gith...

2018-11-14 02:10:53

阅读数:972

评论数:9

[Vue源码分析] Virtual DOM

最近小组有个关于vue virtual dom的分享会,提前准备一下...... [Vue源码分析]Virtual DOM 本文章涉及源码版本为Vue 2.5.2 为什么使用virtual dom 做一件事一般都先问问为什么,那么为什么使用virtual dom?真正的 DOM 元素是非常庞大的,...

2018-10-25 02:11:45

阅读数:1022

评论数:12

ES6公用分页组件的封装及应用举例

es6公用分页组件的封装及应用举例,以下源码使用到JQuery、Sass,但重要的是方法,用什么其实不重要,不合适改改就行。 分页类 以下为pagination.js源码 import './pagination.scss' import $ from '../../lib/jquery-...

2018-09-19 20:42:21

阅读数:595

评论数:5

Sass mixin与extends、%placeholder、function

一、Sass mixin与extend的区别及适用场景 @mixin用于定义复用样式片段,使用@include引用mixin。与其类似,@extend命令让一个选择器继承其它选择器样式实现复用样式片段。 那么什么时候使用mixin,什么时候使用extend?下面做个分析对比。 1、@mixi...

2018-09-14 19:51:58

阅读数:149

评论数:2

Requirejs与r.js打包,AMD、CMD、UMD、CommonJS、ES6模块化

一:require.js 1、require.js是什么?为什么要用它? require.js是一个JavaScript模块载入框架,实现的是AMD规范。使用require.js有以下优点: ① 异步加载,防止js加载阻塞页面渲染,提高了性能。 ② 使用程序调用的...

2018-09-12 20:40:24

阅读数:160

评论数:0

SASS+Compass基本使用,结合JavaScript实现随机点名小系统

SASS、Compass基本使用,以一个随机点名demo为例 demo 源码:https://github.com/XieTongXue/call-over 1)SASS、Compass是什么?为什么要用它? SASS是一种“CSS预处理器”,是一款强化CSS的辅助工具,在CSS语法基础上增...

2018-09-11 19:57:02

阅读数:104

评论数:0

JavaScript函数节流(throttle)与函数去抖(debounce)解析与应用举例

概念 函数防抖(debounce): 事件响应函数在一段时间后才会执行,如果在这段时间内再次调用,则重新计算执行时间;当预定时间内没有再次调用该函数,则执行响应逻辑。 函数节流(throttle): 可以理解为在函数防抖上多加了一个功能:函数节流会预定一个自动执行时间,到时自动执行一次。 ...

2018-08-24 11:17:28

阅读数:165

评论数:0

提示
确定要删除当前文章?
取消 删除