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 辣子倩 阅读(302) 评论(0) 推荐(0) 编辑

关于bootstrap之类好用的框架。

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

CSS 三角形的描绘

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

微信-小程序

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

html5 新元素contenteditable

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

前端代码规范

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

前端经验分享

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

常见的css3动画样式

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