小程序开发工具与基础之环境搭建与工具 小程序开发准备 1、申请小程序账号（appid） 2、下载并安装微信开发者工具 进入微信公众平台https://mp.weixin.qq.com/ 立即注册小程序 按照信息填写之后完成注册 具体操作可查看小程序官方开发文档 使用注册的小程序账号密码，...

2020-03-16 16:00:39

前端现在有发展前途吗？应届生好找工作吗? 「前端，有发展钱途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iP...

2020-03-16 05:45:18

HTML连载75-3D转换模块之正方体 一、正方体 核心要点就是：使用3D转换模块，以及平移、旋转的在X、Y、Z轴上的应用 style * { margin : 0 ; padding : 0 ; } ul { width : 200px ; height : 200px ; border : 1px solid black ; box-sizing : border-box ; margin : 100p...

2020-03-16 05:45:08

hammer.js实现移动端幻灯片 效果图 index.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta name ="viewport" content ="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" title 移动端幻灯片 / title lin...

2020-03-15 16:03:47

移动端事件（touchstart+touchmove+touchend） 移动端事件有哪些： 触摸事件 手势事件 传感器事件 （后面两个兼容性不怎么样，因此重点就是触摸事件） 触摸事件： touch 事件 pointer 事件 （PC端可能会使用jQuery做动画，移动端一般不会，基本都是使用css3做动画） on...

2020-03-15 16:02:46

HTML实体 HTML 字符实体 HTML 中的预留字符必须被替换为字符实体。 HTML 实体 在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（）和大于号（），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（ch...

2020-03-15 16:01:45

用flex布局实现栅格系统 之前一篇栅格系统是用float布局来实现的https://www.cnblogs.com/chenyingying0/p/12495051.html 其实并不太适合移动端，不过优点是兼容性比较好 这篇用flex来进行布局，不管在PC端还是移动端都很适合 不过存在兼容性问题，在低版本浏览器不适...

2020-03-15 16:01:15

使用栅格系统开发响应式页面 响应式布局的原理：使用媒体查询设置断点 栅格系统 grid.css /* 解决嵌套时的padding:0 15px */ .row{margin: 0 - 15px;} /* xs */ .container{width: 100 %;margin: 0 auto; /* 水平居中 */ padding: 0 15px; /* 解决不嵌套时的margin:0 -...

2020-03-15 16:00:47

移动端常用单位（%和rem） px % em（ font-size的值就是 1em，如果自身没有设置font-size，则去找父元素的；常用于 text-indent:2em 来缩进两个字符 ） rem（html的font-size的大小，就是1rem ；rem是相对于根元素html，即rem继承的是html的font-size，不是body！！！...

2020-03-14 16:05:10

CSS中使用animation-timing-function：steps(num，start/end)实现逐帧动画 用animation做动画时发现背景图片是直接平移运动到指定位置的，即具有连续性，而animation-timing-function：steps(num，start/end)属性可以使背景图片运动不连续，即实现逐帧动画。 steps(num...

2020-03-14 16:04:40