- 博客(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
原创 前端面试题一答案
前端面试题基础部份请用自己语言简述对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中内置模块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
原创 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的粉丝