摘要：
巧用border 在移动端 经常出现border,细边框但有的时候 产品大大1px甚至乎会觉得不够细那么要如何写出比1px还要小的border下面是代码 希望对大家有所帮助 .thinner-border { position: relative; width: 1px; margin:14px 0 阅读全文
摘要：
最近倒腾了一会vue，有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo，(好土掩面逃~）; 1. methods methods类似react中组件的方法，不同的是vue采用的与html绑定事件。给个例子 /*html*/ <input type 阅读全文
摘要：
前言 作为一个vue初学者不得不了解的就是组件间的数据通信(暂且不谈vuex)。通信方式根据组件之间的关系有不同之处。组件关系有下面三种：父-->子、子-->父、非父子 父-->子 父向子传递数据通过props **父组件代码** <template> <header-box :title-txt= 阅读全文
摘要：
React-element 根据开源项目 vue-sell进行的开发，将其改造成了react的项目。在开始学习vue的时候就是用的这个项目，发现效果不错，所以在学习React也使用了此项目。 目的:将此项目改造成React项目，在此过程中学习React用法，和比较与Vue的不同 技术栈 react 阅读全文
摘要：
2017.8参加了阿里的内推。面试前被要求做了一道编程题，现在分享一下。 题目要求：巴拉巴拉具体忘记了，大概就是一个列表，每个列表后面有个删除按钮，点击相应的删除按钮就可以删除相应的列表的其中一行，并且要以面向对象的方式实现。题目知识点：闭包，构造函数与原型。下面是我的代码： <!DOCTYPE h 阅读全文
摘要：
做一个ul li 列表类似这样的平时经常会用到 要是用浮动做还是比较简单的直接左右浮动，清除浮动就可以搞定了，因为最近用display:inline-block用的比较顺手，所以就尝试一下。通过text-align:left，text-align:right，可以控制元素靠左还是靠右，这种方法只能做 阅读全文
摘要：
这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inlin 阅读全文
摘要：
参加了网易内推的笔试，分享一下自己对三道编程题的理解。(ps:第二题有点投机取巧了)题目顺序为：彩色砖块，交错的01串，小易独立的生活 var line = 'ABAB' var tokens = line.split('') var a = {}; var num = 0; for(var i = 阅读全文
摘要：
趁着周末偷来一点闲，总结近期的工作和学习，想着该花点心思把N3-admin这套基于N3-components的单页应用模板简单的给介绍一下。 首发于个人博客；blog.lxstart.net项目路径: https://github.com/N3-compone...ps: 本项目不同于vue-adm 阅读全文
摘要：
写在前面 去吧！皮卡丘！小时候拥有一台任天堂是多少熊孩子的梦想，每个夜晚被窝里透出的微弱光线，把小小的童年带入另一个世界，家门口的鸟和狗，森林里的虫和瀑布，山洞里的超音蝠，带着小小的梦，走过一个个城市，一路冒险，飞天潜水，攀瀑碎岩，所向披靡。每个醒来的清晨，都恍如出门冒险的那天~ 要做什么 基于开放 阅读全文
摘要：
自从接触了前端日历和日期部分的功能后，我发现网上使用js操作日历的插件真不多，非常好的也就极个别，代码良莠不齐，js对日期操作相比其它语言极其的不友好，如果做个日历，里面附带预约表单，这种功能就非常头疼了，然而这又很常见，比如预约挂号系统，这是很常见的。 一、JavaScript实现的繁琐性 如果你 阅读全文
摘要：
贪吃蛇 源代码地址：https://github.com/jiaoshibo/... 在手机浏览器上的显示效果 贪吃蛇的基本框架 首先确定蛇的移动区域，由一组'ul'标签构成，给予'ul'一个宽高，就组成了蛇的活动区域。'li'标签构成了蛇的身体和行进路线，以及蛇的食物，由不同的色块进行区分。'li 阅读全文
摘要：
媒体查询 参考：https://developer.mozilla.org...一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成，例如宽度、高度和颜色。媒体查询，添加自CSS3，允许内容的呈现针对一个特定范围的输出设备而进行裁剪，而不必改变内容本身。 基本使用 阅读全文
摘要：
目前接触最多的页面开发，基本还是使用 JQuery 的。主要原因基于：操作方便；页面简单；兼容良好；新手多……没有能配合使用其他方案的人。因此，本篇文章就是写着玩加吐点槽的。 Write Less，Do More是JQuery的核心理念。所以你们就不要在工作中随意造轮子了！ 一、Ajax 绝对禁止同 阅读全文
摘要：
链接： ionic3教程（一）安装和配置 ionic3教程（二）登录页制作 ionic3教程（三）设置页制作 ionic3教程（四）安卓硬件返回键处理ionic3 教程（五）基本的网络请求 这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示。 对 Angular 的基本架构不熟悉的请点 阅读全文
摘要：
几种 JavaScript 动画库推荐 JavaScript 库对设计师和开发人员来说，都是非常有用的工具。它们可以为你的网站添加一些超级强大的功能，给用户带来更好的体验。 2017年8月前端开发者超实用干货大合集 在过去的几年当中，网络上所流传的各种设计和开发资源，在素质上有明显的提升。其中有一些 阅读全文
摘要：
1.绝对定位+浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>布局测试</title> </head> <style type="text/css"> .demo{ position: relative 阅读全文
摘要：
前言 IMWebConf 2017 ←这是官网 然后看到了这个： 所以就试了下，作为一个前端菜鸟，发现通关还挺简单的，不过每个方面的知识都涉及到一点，所以在这里总结一下。 下面进入正题。 第 0 关 就在这个页面打开控制台就能看到这个信息： window.location.search.match( 阅读全文
摘要：
概念 background-origin: 背景图片从盒子哪里开始渲染background-clip: 背景图片裁剪到盒子哪里 取值 background-origin: 默认值：背景图片从padding区域开始渲染 boder-box: 背景图片从边框里面开始 padding-box:背景图片从p 阅读全文
摘要：
何为HTML语义化 语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 为什么要语义化？ 有利于SEO（搜索引擎优化），有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化 阅读全文