自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Berlin_Rome的博客

一个有梦想的前端菜鸟

  • 博客(26)
  • 收藏
  • 关注

原创 纯CSS绘图:我的经典制作-小桥流水人家

纯CSS绘图:我的经典制作-小桥流水人家爱情小熊更新博客了,很开心,因为有个她,下面的内容及其让单身狗不适应,请注意前方高能,谨慎前行!在用纯CSS绘制下面这些图的时候,有一些小故事。用纯的CSS绘图,我在网上寻找了许久,不知道要绘写什么,突然看到这两只小熊,因为那段时间刚刚恋爱,还处于热恋期,所以就想制作这个图,本身原图中间有一颗心的,给人一上一下的,但那时候还没有学animation动画,...

2019-03-14 18:31:32 430

原创 JavaScript的案例:模拟聊天界面发送信息

javascript案例:用头像切换模拟微信聊天这是我第一次写博客,也是一位刚入门的前端菜鸟!1.如图所示:点击下面头像即可切换用户,这也是我和我女朋友用的第一个情侣头像,你们莫被酸了哦,哈哈;2.在文本框输入信息点击发送,即可到达界面中;3.信息从下往上一次更新,当内容超出界面时,就会产生滚动条(由于没有可会的动图制作软软件,所以效果不是很理想,以后的内容会更加丰富的)

2019-03-13 18:35:46 958

转载 eslint大全

"rules" : { // 定义对象的set存取器属性时,强制定义get "accessor-pairs": 2, // 指定数组的元素之间要以空格隔开(,后面), never参数:[ 之前和 ] 之后不能带空格,always参数:[ 之前和 ] 之后必须带空格 "array-bracket-spacing": [2, "never"], // 在块级作用域外访问块内定义的变...

2019-12-18 10:41:59 69

原创 前端三大框架Vue,react,angular的区别

---------------------------前端三大框架Vue,react,angular的区别-----------------------------前端三大框架从难易程度上来说:angular>react>vue,想要寻求更好的发展当然会angular是最好的,一般在国内的小公司,主要还是流行vue入门快,而且angular是Google出的,react是Faceb...

2019-07-01 15:04:24 881

原创 Vue+elementUi开发项目

Vue+elementUi开发项目1. 安装Vue$ npm install vue

2019-06-19 17:56:13 615

原创 前端面试题一答案

前端面试题基础部份请用自己语言简述对html,css,js的理解.html超文本标记语言,用于实现网页的结构,内容。也就是网页上该显示标题,图片,段落,还是表格,由html实现。css级联样式表,用于实现网页样式,外观。也就是决定网页内容样式,比如,标题的字体大小,颜色,位置等等。js全称javascript是一门脚本语言,用于实现网页行为,动作。动态操作DOM节点元素,实现滚动,...

2019-06-14 17:48:26 1129

原创 es6新特性

es6语法Tags:javascript变量声明 var => let,const运用var变量提升案例一conosle.log(a); var a=10; //输出undefinedconsole.log(b);let b=10;//输出 b is not defined总结:这里var对变量就有了提升作用案例二conosle.log(a); var...

2019-06-13 18:31:56 72

原创 html5的新特性---sessionStorage与loacalStorage

一. session在学node.js学习中,其中就有一个保存登录状态的session,然后感觉懵懵懂懂。然后再学vue框架的时候就有点明白了,仿佛幡然醒悟。用一个简单的例子来说明session这里用一个形象的比喻来解释session的工作方式。假设Web Server:是一个商场的存包处HTTP Request:是一个顾客Session:商场的存包处的柜子Session ID:存...

2019-06-13 18:00:51 123

原创 vuex状态管理插件

vuex状态管理插件什么是vuexvue状态管理插件,集中式存储管理应用的所有组件的状态,某个组件改变了状态数据其它组件跟着发生变化。核心Vue Components:Vue组件。HTML页面上,负责接收用户操作等交互行为,执行dispatch方法触发对应action进行回应。dispatch:操作行为触发方法,是唯一能执行action的方法。actions:操作行为...

2019-06-13 16:10:10 873

原创 ajax,fetch,axios的区别及运用

AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。1. ajax的封装(创建myajax.js 文件夹)/** * { * method:get, *...

2019-06-11 19:49:35 753

原创 vue-cli

vue-cliVue Cli介绍CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目Vue Cli创建新项目npm istall -g “@vue/cli” 全局安装...

2019-06-11 12:55:57 101

原创 babel转码器---es6新语法转es5语法

babel转码器使用安装转码规则ES6转码规则$ npm install --save-dev babel-preset-es2015

2019-05-29 18:19:28 192

原创 webpack使用

安装模块npm i webpack -S //webpack打包工具npm i babel-loader -S //babel-loadernpm i “@babel/preset-env” -S // 转码规则npm i “@babel/core” -S //babel api npm i @babel/preset-env @babel/core babel-...

2019-05-29 18:12:45 51

原创 前端模块化编程

前端模块化前端技术发展可谓是日新月异,web2.0的到来,Ajax技术的广泛引用,jQuery库的层出不穷,前端代码日益膨胀,javascript的发展领域越来越广泛,就会应用使用模块化编程去规范管理。本文内容主要有理解模块化,为什么要模块化,模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS, AMD, ES6、CMD规范。刚进门的小白用通俗易懂的笔调介绍这些枯燥无味的概念...

2019-05-29 13:01:34 303

原创 nodejs中mysql的封装及引用

nodejs中mysql的封装及引用sql传参方式字符串拼接var id=10;var sql="SELECT * FROM USER WHERE id='+'";* 占位符var id=10;var sql="SELECT * FROM user WHERE id=?";var param=[id];query(sql,param,function(err,data){})...

2019-04-23 12:12:47 2031 1

原创 ajax

ajax包处理创建ajax.js文件存放function myajax(json) { //1.获取XMLHttpRequest var xhr = getXHR(); //2.打开连接发送请求 xhr.open(json.method, json.url, true); xhr.setRequestHeader("Content-type", "ap...

2019-04-18 18:53:26 110

原创 nodejs搭建后台管理系统

nodejs搭建后台管理系统

2019-04-18 18:42:53 4763 1

原创 nodejs中内置模块fs,path常见的用法

readFilereadFileSync 同步读取数据var fs=require('fs');fs.readFileSync('./a.txt');readFile 异步读取数据var fs=require('fs'); //引入文件fs.readFile('./a.txt',function(err,data){//当异步读取完文件数据后执行该回调函数中代码//err ...

2019-04-10 16:58:06 605

原创 循环语句:for,for in,for of,while,do...while,forEach,map

循环语句:for,for in,for of,while,do…while,forEach,map1.for循环for(语句1,语句2,语句3){ 被执行的代码块}eg:var arr=[1,2,3,4,5,6]for(var i=0;i<arr.length;i++){ console.log(arr[i]);}test:2.for in注意1.for...

2019-04-09 18:51:05 227

原创 js数组去重-面试题

nodejs数组去重首先再讲数组去重之前,先引进一个小的知识点indexOf(),indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,eg如下: var arr=[1,2,3,4,5]; var index=arr.indexOf(1); 1,3,5 console.log('index '+index); //输出的是0 2 4 var index=arr...

2019-04-09 13:57:55 514

原创 node.js学习笔记

nodejs学习笔记1.为什么学习nodejs?1.了解应用程序完整开发过程,更好的与后端进行交换;2.具有全栈开发能力;2.nodejs是什么?​ 1.简单来说就是一个应用编程平台;​ 2.不是一个框架;​ 3.也不是一门语言(是借助于javascript语言)。3.nodejs环境搭建​ 1.下载node.js ;​ 2.安装目录,如下图:​ ​ 3.创建目录:...

2019-04-09 12:52:14 265

原创 visual studio code前端插件的安装及前端插件应用

visual studio code插件的安装及应用

2019-04-06 13:18:46 3741

原创 JS用图片制作的走动的时间表

JS用图片制作的走动的时间表今天的话题是描写时间的。有一件事一直困于我的心中,爱情到底是什么啊,最开始就好像打烂了蜜罐,你侬我侬,慢慢的时间久了,好像甜就越来越少了,可我是个奇怪的人,对一个人永远保持着那一颗炙热的心。她一直觉得我很小气,确实这样,我对一个喜欢的人可以保持了一辈子的小气,她却从来没有为此心动过。如果有人愿意为我这样此生足矣,在爱情面前我就是一个孩子,其他事情上面却从没有一丝一毫的...

2019-03-29 18:04:26 349

原创 Javascript实现 QQ好友列表的展开和隐藏

Javascript实现 QQ好友列表的展开和隐藏你好哇刘岩!最近再看王小波写给李银河的《爱你就像爱生命》,好生羡慕刘银河,有个如此爱她的人,也很羡慕王小波又一个陪他到老的人。其中最喜欢的一句话就是:我把我的整个灵魂都给你,连同它的怪癖,耍小脾气,忽明忽暗,一千八百种坏毛病。;它真讨厌,只有一点好,爱你。(这也是想对我的恋人说的,但无可奈文采不及王小波的半斗)。王小波真是可爱啊,在他爱人面前如...

2019-03-19 18:09:07 854

原创 Javascript 小圆点导航实现幻灯片切换

小圆点导航实现幻灯片切换如果你说你在下午五点来,从四点钟开始,我就觉得快乐,时间越临近,我就越来越觉得快乐!因为星期一是我们约会的时间,忽然之间,星期一又来到了。在最近几个月,星期一可是最美好的一天了,每次最期待的就是星期一到来,可是你说你今天朋友来,你不来了,然后我有点不开心,但是想着你有时候还是真的难跑。突然你坐在地铁上,我感觉你的温度离得越来越远,你说我的博客怎么没有更新了,于是我就去写了...

2019-03-18 18:04:23 376

原创 CSS animation动画:实现台球运动效果

CSS animation动画:实现台球运动效果在学习animation动画的时候,我就得这个特别有意思,以后还想制作其他的超酷的效果,以前觉得弄特效的特别帅,感觉现在年龄已经老了,要是从小就有那个资本啊,就想成为一名超级厉害的特效师。1.如图所示:利用渐变阴影搭建了一个看似像台球桌的东西,其实跟台球桌还是有点差距,但是只是一下午时间,还弄了另一个案例所以效果还是不太好。2.在弄这个杆子的时...

2019-03-14 16:12:21 609

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除