摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul, li { margin: 0; padding: 0; } div{ width: 500px; height: auto; displa 阅读全文
摘要：
主讲人：AlloyTeam@石小勇(腾讯高级前端工程师，AlloyTeam核心成员之一，现主要负责腾讯QQ兴趣部落的研发设计工作) 1.闲聊前端 从移动Web时代开始，前后端分离之后，前端这个岗位才开始慢慢火起来 一线城市前端需求量大，但合格前端很少 2.大话面试 面试如相亲，为什么这么说? 五大要 阅读全文
摘要：
HTML5已经从一个新的名词变成了我们在项目中经常用到的东西了，今天我们就来分析一番其中contenteditable 。 contenteditable是HTML5的一个新的特性，有可能你也了解过一些，但是因为你没在项目中遇到过，只知道contenteditable="true"可以触发可编辑，对 阅读全文
摘要：
这篇文章衔接上篇，主要罗列一些前端面试中可能问到的html中最基本的问题。 (格式有点乱，内容有点水，罗列了一些基本用法，大家随便看看) 常用标签 容器标签 div div标签本身无特殊意义，作为一个块级容器，主要用于组合其他html元素常用于页面的布局。 span span标签与div标签类似，本 阅读全文
摘要：
href href(超文本链接)属性指明了一个网络资源的位置，并定义了当前元素(例如一个a标签)或者当前文档(例如一个link标签)和这个网络资源的关系。 <link href="style.css" rel="stylesheer" />对于上面的代码，浏览器会理解这个外部资源为样式表，在下载这个 阅读全文
摘要：
了解Webpack相关 什么是webpack Webpack是一个模块打包器(bundler)。 在Webpack看来, 前端的所有资源文件(js/css/img/less/...)都会作为模块处理 它将根据模块的依赖关系进行静态分析，生成对应的静态资源 理解Loader Webpack 本身只能加 阅读全文
摘要：
何为瀑布流： 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。 瀑布流的应用： 瀑布流对于图片的展现 阅读全文
摘要：
es5_Array 迭代方法： forEach： let arr = [1,4,2,3,4,5]; arr.forEach(function(value,index){ console.log(index); console.log(value); }) //显示0 1 1 4 2 2 3 3 4 阅读全文
摘要：
适用于多个活动场景 1.HTML <body> <div class="old-driver"> <div class="box-false"> <div class="box"> <img class="car" src="car.png"> <img class="gas" src="gas.p 阅读全文
摘要：
可以的话，请想象一下互联网没有发明之前的日子。网站还不存在，纸质的书本是我们主要的信息来源，而在书本中查询我们想要的资料会耗费相当多的精力和时间。 而如今，你打开个浏览器用搜索引擎搜索，任何你能想到的信息都会呈现在你的指间。并且有可能某人在某地建立了一个跟你心中实际要搜索内容一致的网站。 在接下来的 阅读全文
摘要：
## 文本输入框容易下沉因为软键盘弹出时是一个动画 ## //方法：利用滚动条，弹出软键盘的时候让滚动条滚动到最底部。并设置一个定时器每过0.5秒设置一次， //这个是因为软键盘还没有完全弹出滚动条已经到此时的底部了，等软键盘完全弹出后就遮住了输入框（需要再次设置滚动条）。 let interval 阅读全文
摘要：
这是《CSS设计指南》的读书笔记，用于加深学习效果。前一篇CSS入门指南-2：盒子模型、浮动和清除介绍了css盒子模型、浮动和清除，这一篇介绍 css元素的定位。 定位（position） CSS 布局的核心是 position 属性，对元素盒子应用这个属性，可以相对于它在常规文档流中的位置重新定位 阅读全文
摘要：
前言 这是一个基于vue-cli构建的前端项目，外观尽可能去还原app的样式，但是因为水平有点渣，好多地方都是得过且过，罪过罪过，这个项目主要还是面向新手吧~希望和大家多学习学习 技术栈 vue vuex vue-cli vue-router axios mint-ui 说明 登录注册采用的是loc 阅读全文
摘要：
我们初步了解了HTML和CSS，现在让我们深入挖掘HTML并了解哪些元素构成了这种语言。 建设网站前，我们需要了解什么元素适合排版什么内容。这对于理解元素如何展示在页面中以及元素的语义化都有非常重要的意义。 在工作中使用适当的元素排版需要长时间的实践，但接下来的学习中我们将会合理的使用它们。 语义化 阅读全文
摘要：
为了记住这个方法：转化数据 [ {element:'图片',id:'1',pid:'0'},//count=1 {element:'大图片',id:'2',pid:'1'}, {element:'png',id:'3',pid:'2'}, {element:'jpeg',id:'4',pid:'2' 阅读全文
摘要：
微信小程序学习 仿哔哩哔哩制作的小程序（待完善） 项目预览图 小程序？大改变？ 之前就被朋友安利使用小程序，最近接近了小程序，发现了它竟然带来了一场“大革命”。简单说，它就是一个可以实现之前只能是原生态APP可以实现的效果和功能。比如说，一些酷炫的页面与转场，一些可以直接和手机硬件交互的功能，录音啊 阅读全文
摘要：
ionic开发app时，常会用到很多的手势，下面是推荐一篇有关手势的介绍。原文链接：http://www.ionic.ren/2015/12/... 1、长按 : on-hold 在屏幕同一位置按住超过500ms，将触发on-hold事件： 你可以在任何元素上使用这个指令挂接监听函数： <any o 阅读全文
摘要：
最近做了一个用js实现鼠标拖拽多选的功能，于是整理了一下思路，写了一个小demo：遮罩出现：被遮罩盖住的，即为选中的块（背景色为粉色）下面是具体代码，注释已在文中，与大家交流。 <!DOCTYPE html> <html> <head> <title>鼠标拖拽多选功能</title> <script 阅读全文
摘要：
双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，div2是中间的自适应区域 ... <body> <div class="wrap"> <div class="di 阅读全文
摘要：
早前阅读高性能JavaScript一书所做笔记。 一、Loading and Execution 加载和运行 从加载和运行角度优化，源于JavaScript运行会阻塞UI更新，JavaScript脚本的下载、解析、运行过程中，页面的下载和解析过程都会停下来等待，因为脚本可能在运行过程中修改页面内容。 阅读全文