gdragon_nana-CSDN博客

原创 vue.js学习

最近跟着视频教学学习vue.js。说真的，我觉得vue.js应该算作后端，函数，循环，增删改查功能。一遍遍的跟着练习，回放练习，真的想哭脸。头部的js，可以直接去vue.js官方下载也可以引用链接。链接：https://cdn.staticfile.org/vue/2.4.2/vue.min.js 以下的代码是根据教学内容来编写的。之后在学习几次，才来进行项目的编...

2018-10-26 16:01:21 151

原创关于bootstrap之类好用的框架。

朋友们都知道，有了框架码起代码来很是迅速，只要导入css和js之后的事情就很简单了。新学的时候也是很喜欢，经常用框架来搭建网站，不得不说很迅速。时间一久便发现，我连简单的导航栏都不知道写了，不是说静态而是说效果。我连切换都不知道如何写了，比起之前真的是差太多了。都说代码越写越上手，而我正好相反。毕竟js，jq两支用的都不是很溜。框架虽好，建议在熟练的情况下（这里的熟练是指精...

2018-10-13 17:05:27 411

原创 CSS三角形的描绘

说起来每次要写三角形的时候都给忘记，特意记录一下丢一个空的盒子，在这里写上三角形的样式： border: 5px solid transparent; border-left-color: #414141;//这里可以根据设置top left right bottom来设置三角形的方向 display: inline-block; 出来的效果就是这样：简单的几句话就能够完成...

2018-10-13 16:50:48 226

原创简单的移动端页面

这句话里最重要的就是meta里面的句子它是为了告诉浏览器你要执行的是移动端的页面在不涉及触屏的状态和执行方法时，编写的页面的方法和PC端差不了多少。最重要的一点就是关于字号的问题，我在编写时起初设置字号用的是px做单位，可后来减少字数之后发现字体会变小。在移动端最好使用em来做为字号的单位

2017-11-23 08:55:43 959

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

html如下: css如下: *{ padding:0; margin: 0; list-style: none; } .sliderPic { width:1200px; height:350px; overflow: hidden; margin: 10px auto; } .

2017-09-05 16:31:05 495

原创前端代码规范

前端代码规范前端代码规范整理分为三部分：html、js、css； Html： Html其实也就是重构，根据眼前所看到的设计图，利用html代码重构出来，其中考虑到js交互以及css可行性的前提下，构造出最简洁且可读性最强的html代码。 Html规范定义如下： 1、页面第一行有标准模式申明 2、 Html标签有属性 ="zh-CN"

2017-09-05 16:26:17 353

原创前端经验分享

前端无非就是面向对象编程+经验累积+熟能生巧；到了一定的地步一看这个bug就知道那里出问题，编写的时候能够预判哪里可能会出问题，经验的累积则是解决问题，写的多了，想的多了自然就胸有成竹了。以下是我的个人经验： 1、一个好的用户体验没一个好的前端是弄不出来的，前端要注重用户体验。 2、 Css、js一定要模块化处理，就算不打包，也要模块化管理，方便今后维

2017-09-05 16:25:16 175

原创常见的css3动画样式

1、转换 2、过渡 3、动画 4、CSS优化 1、转换 1、什么是转换转换即改变元素的一些状态，大小、位置、形状可以是2d转换，也可以是3d的转换 2d : 使元素在 x轴和 y轴上发生变化 3d ：2d基础上增加了 z轴的变化 2、转换属性 CSS3转换属性: transform : none /

2017-09-05 16:14:25 188

原创实现ajax的异步调用代码

html的部分: 请输入序号: 查询新建员工员工姓名: 员工编号: 员工性别: 男女员工职位: 保存 js的部分: document.getElementById("refer").onclick=function(){ var request =new XMLHttpRequest(); request.open(

2017-09-05 15:37:39 269

原创怎样创建二维数组

怎样创建并初始化二维数组？第一种： var arr=[[1,2,5,7],[2,4,6,8],[5,7,9,11],[6,12,17,19]]; 怎样输出17？第二种： var arr = new Array(new Array(1,2),new Array("a","b"));alert(arr[1][0]); 第三种： var arr =new Array();//先声明一维

2017-08-19 23:39:53 1054

原创二维数组

二维数组：数组中的某个元素，又指向另一个子数组对象何时使用：2种情况： 1. 存储横行竖列的二维数据时，比如：2048 2. 存储上下级包含关系的数据如何创建：2种： 1. 先创建普通空数组，再逐个元素追加子数组 2. 创建同时，初始化子数组常用的二维数组例子比如城市对应着省份

2017-08-19 23:38:57 184

原创函数

function functionname() { 这里是要执行的代码 } 备注：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。调用带参数的函数在调用函数时，可以向其传递值，这些值被称为参数。可以发送任意多的参数，由逗号隔开 Function myfFunction(var1,var2){ 这里是要执行的

2017-08-19 23:32:46 222

原创常量

常量：一旦创建并初始化后，值不可改变的量何时使用：保存程序中一成不变的值比如：π g 如何声明并初始化：const 常量名=值; 习惯上：常量名全大写字母组成如：const NAME=“nana”

2017-08-19 23:29:25 250

原创爆炸的动画特效含倒计时

.content{ width: 500px; margin:0 auto; } .content .img1{ animation: zhazha 1s infinite; } .content .img2 { animation: boom 1s 1; } @keyframes zhazha{ from{ tran

2017-08-19 23:23:48 568

原创 999特效动画

自行导入js .all { width: 800px; margin: 0 auto; margin-top: 50px; } .one{ width:25px; height:25px; border-radius: 50px; background-color: #e69696; display: inline-block; }

2017-08-19 23:22:20 264

原创整理出来前端面试题 js篇

1、请将冒泡排序和快速排序的算法写出来实现冒泡排序： [html] view plain copy var times=0; var bubbleSort=function(arr){ for(var i=0;i for(var j=i+1;j if(arr[i]>arr[j]){//如果前面的数据比后面的大就交换

2017-08-19 22:52:26 191

原创 HTML+CSS的一些面试题

1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性； 2.xhtml和html有什么区别 HTML是一种基本的WEB

2017-08-19 22:27:36 202

原创检索框的实现

ul li{ list-style: none; } .all { width: 600px; } .box { width:300px; height:auto; margin:30px 70px; float:left; position:relative; }

2017-08-18 15:02:36 289

原创常见的悬浮广告

div{ position:relative; width: 200px; height: 200px; } img{ width: 200px; height: 200px; position: absolute; border-radius: 50%; }

2017-08-18 15:00:49 1250

gdragon_nana的博客