vue.js学习

摘要： 最近跟着视频教学学习vue.js。 说真的，我觉得vue.js应该算作后端，函数，循环，增删改查功能。 一遍遍的跟着练习，回放练习，真的想哭脸。 头部的js，可以直接去vue.js官方下载也可以引用链接。 链接：https://cdn.staticfile.org/vue/2.4.2/vue.min 阅读全文
posted @ 2018-10-26 15:58 辣子倩 阅读(306) 评论(0) 推荐(0)

关于bootstrap之类好用的框架。

摘要： 朋友们都知道，有了框架码起代码来很是迅速，只要导入css和js之后的事情就很简单了。 新学的时候也是很喜欢，经常用框架来搭建网站，不得不说很迅速。 时间一久便发现，我连简单的导航栏都不知道写了，不是说静态而是说效果。 我连切换都不知道如何写了，比起之前真的是差太多了。 都说代码越写越上手，而我正好相 阅读全文
posted @ 2018-10-13 16:40 辣子倩 阅读(610) 评论(0) 推荐(0)

CSS 三角形的描绘

摘要： 说起来每次要写三角形的时候都给忘记，特意记录一下 丢一个空的盒子，在这里写上三角形的样式： border: 5px solid transparent; border-left-color: #414141; display: inline-block; 出来的效果就是这样： 简单的几句话就能够完成 阅读全文
posted @ 2018-08-27 15:20 辣子倩 阅读(131) 评论(0) 推荐(0)

微信-小程序

摘要： 说起来最近真的是很多弄小程序的，尤其是在面试的时候投简历看的都是微信小程序。 真的是莫名其妙的，明明筛选的是web前端的职位。 每次接到电话整个人都是虚脱的。 HR：是某某某吗？我这里有一个小程序的职位不知道你感兴趣吗？ 从高兴到后来的习以为常：不用了，谢谢。 真的是整个人都颓废了。 后来，总觉得小 阅读全文
posted @ 2018-08-02 10:51 辣子倩 阅读(137) 评论(0) 推荐(0)

html5 新元素contenteditable

摘要： 实习做项目的时候遇见了一个input text 换行的问题。 大家可能都知道text是输入框，可当文字过多就会撑破页面。 这时候大家大多会推荐textarea来进行换行，可这一个方法是较为不便的 固定的宽高不是长久之计 就这时 我突然搜到了一个html5 的新元素contenteditable 用法 阅读全文
posted @ 2017-11-27 10:43 辣子倩 阅读(203) 评论(0) 推荐(0)

简单的移动端页面

摘要： <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 这句话里最重要的就是meta里 阅读全文
posted @ 2017-11-23 08:54 辣子倩 阅读(289) 评论(0) 推荐(0)

使用位移来完成轮播图的自动播放

摘要： $(function(){ var sliderSquare = $(".sliderSquare ul li"); var sliderPic=$(".sliderPic ul li"); var sliderPicUl= $(".sliderPic ul"); var slderWidth=sl 阅读全文
posted @ 2017-09-05 16:33 辣子倩 阅读(201) 评论(0) 推荐(0)

前端代码规范

摘要： 前端代码规范 前端代码规范整理分为三部分：html、js、css； Html： Html其实也就是重构，根据眼前所看到的设计图，利用html代码重构出来，其中考虑到js交互以及css可行性的前提下，构造出最简洁且可读性最强的html代码。 Html规范定义如下： 1、 页面第一行有标准模式申明 <! 阅读全文
posted @ 2017-09-05 16:27 辣子倩 阅读(129) 评论(0) 推荐(0)

前端经验分享

摘要： 前端无非就是面向对象编程+经验累积+熟能生巧； 到了一定的地步一看这个bug就知道那里出问题，编写的时候能够预判哪里可能会出问题，经验的累积则是解决问题，写的多了，想的多了自然就胸有成竹了。 以下是我的个人经验： 1、 一个好的用户体验没一个好的前端是弄不出来的，前端要注重用户体验。 2、 Css、 阅读全文
posted @ 2017-09-05 16:25 辣子倩 阅读(229) 评论(0) 推荐(0)

常见的css3动画样式

摘要： 6、3D转换 属性: perspective : 设置假定人眼到投影平面的距离 只影响3D元素，不影响2D元素 设置位置：加在父元素上，设置好后，其子元素就可以完成3D的转换。 1、3d位移 改变元素在z轴上的位置 属性：transform: 函数：translateZ(z); translate3 阅读全文
posted @ 2017-09-05 16:15 辣子倩 阅读(1071) 评论(0) 推荐(0)
下一页