自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

徐磊

Web前端 - 笔记

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

原创 vue列表通用模板解析(上拉更多下拉刷新)

ps: 对于前端来说,列表是最常见的,不管哪个项目,都离不开列表,所以当项目做多了的时候,会有自己的一套模式,下面我就把我的模式放上来,给你们看看。技术:vue + vant(vue的ui框架)<template> <div class="wrapper"> <van-pull-refresh v-model="isLoading" @refresh="getData(1)"> <van-list v-model="lo

2020-08-18 16:25:30 96 1

原创 2020/08/18 日常闲聊,有点迷茫

大家都想知道,我消失的这两个月,都干了什么吗?不用想了,和大部分人一样,有项目的时候,做项目,没项目的时候,刷知乎和贴吧(摸鱼)大家都知道,程序员忙起来很忙,闲起来很闲。所以,最近都处于一个很闲的状态下。以至于我上博客,都没什么内容可写,还拖到了现在,还水了那么多字。。。这几个月来,在公司基本上没有学到东西,怎么说呢,被我学完了?我不确定,但公司需求的技术我基本都会,还有一方面,则是公司为了节约成本和时间,总是套用之前做过的模板,所以基本上都是在此基础上改。一来二去,总是做着重复性的工作,尤

2020-08-18 16:03:21 69 1

原创 四舍五入两年前端取经归来(html+css常用基础篇)

题外话:今天稍微整理了下工作中经常用的html+css,算是一个技术总结吧消失了两个月,终于有小伙伴加了我qq,小伙子,你催更狠独特呀待会儿,过两三个小时,还会有经历文章,如果没有,说明我偷懒了,等明天吧,哈哈html篇1.万能div(常用指数★★★★★)讲道理,有一说一,div天下第一。大家不会反驳吧小徐,这里写个文案,好<div style=" font-size:16px; font-weight:500; line-height:1.5; color:#3

2020-08-17 17:01:48 186 3

原创 2020/06/22 初识云开发的机遇和感受

上一周,我哥知道我做前端这一块的,拜托我帮他弄个模拟摇号的小程序,他还说要是成本太大了,就不做了。我想也没想,就对我哥说,我先试试看,然后就按照他的要求先用html页面写了个大概,完成基本的功能,由于是html页面,可以直接发给他看。他看了,觉得还不错,说这一套移到小程序上面,会不会很麻烦。我二话不说,自己申请了个小程序,花了半天时间,将小程序完善,提交体验版,添加体验成员,一气呵成,然后发了个二维码给我哥。他看了挺满意的,就问我审核通过要多久,我说快的话大概几小时,慢的话几天。由于成本低,是静态

2020-06-22 10:11:23 132

原创 使用JQ编写的抖音罗盘时钟

一个小时内用jQuery写出来的,效果看上去还不错。这里先放个效果图整个HTML页面注运动速度找transition,我设置的是1s显隐颜色找activeColor noActiveColor圆间距找dPx以上三点都可以自定义,其他的要自定义自己改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content

2020-06-17 16:12:34 255

原创 2020/06/15 项目做得多,要学会偷懒

由于公司定位主要为电商做软件,所以只要我们自己做一个像样的app,公众号,小程序,再根据客户所需求,在这基础上改,一个客户所需的软件就完成了。因此,你便会碰到各式各样的需求,有人要求专场自建,有人要求特殊的专场,还有人要求颜色主题自定义,轮播图背景和底色跟着变。按道理来说,不可能我给你做一套,他另做一套,既然客户那么多,又想自定义,又想都通用,然后就牵扯到了云商城。菜单自定义,专场自定义,首页排版自定义,颜色主题自定义等等一系列的自定义,都要变量,小至参数,大至组件甚至整个网页(网页也算个组件吧)。

2020-06-15 10:04:30 1024

原创 2020/05/25 项目有新鲜玩意儿,和看了某种小说感想

眨眼间,又到了周一,开始码文的日子。虽说程序员的生活过得平淡,没有什么值得留念的地方。但理了理上周所发生的事情,我发现还是有几件让我感兴趣的事。先说说工作上面有趣的地方吧。我们有个报名系统的项目,需要填写相关信息,手写签名确认并录入人脸。这就需要监听触屏和canvas画图,还有**face++**的人脸识别接入了,这两种其实我都没怎么接触过,所以感觉都很新奇。当我把手写签名的功能做出来,自己测试了一遍又一遍,根本停不下来,感觉很好玩,我很喜欢这种玩自己做出的东西。不过那后面face++那种,

2020-05-25 11:59:29 176

原创 全栈初始构建指令vue+express

依赖express框架的node后端1.安装生成器$ npm install express-generator -g2.创建名称为APP的应用:$ express app3.安装依赖包$ cd app 进入app目录$ npm run install 安装依赖包生成 package.json 文件4、启动应用$ npm start5、在浏览器中使用 localhost:3000访问默认的端口就是3000更改端口:路径:app/bin/wwwvar port =

2020-05-22 16:27:51 134

原创 给一个培训还是自学的理由

在博客上,发现有不少道友开始学习前端,其中不乏在考虑培训,还是自学的道友,听我一言。既然你考虑到了培训,却又拿不定主意,说明你大致有着这些担忧,让我来为你一一疏解一番。1.培训太花钱,怕白花钱2.自学没方向,希望有人带3.同学朋友都去培训了,自己要不要去4.不想换环境,不想再过高中生活除了以上4个问题,道友们可以在下面留言,我会一一回应,希望能帮到你们。好,我们先说说1的这种情况,怕白花钱,如果你出现了2的这种无头脑的情况,我建议你自己自问一下,一个合格的前端工程师,所需要哪些技能。一般初学

2020-05-20 09:32:42 1138 1

原创 2020/05/18 入职一年半工作经历,心态转变总结

题外话,由于最近项目不多,又有大把的业余时间。我打开了尘封了整整一年的博客,看了看别人写的总结,与自己的实习周记。我发现看的人还挺多的。想来如果接着出个续集就好了,你们也是这样期待的吧。所以我又回来了,先写个年记 总结先,周记什么的再说了,每周一更新,看看我能写多久。18年年底,面试狂潮,杭州的几个区几乎走遍,我如愿以偿拿到了前端实习岗位,也结识了不少志同道合的朋友,学习到了不少有用的知识。实习了6个月了,毕业了也转正了,公司搬迁换名,就像换了个面貌…我还记得那时的HR,魏姐,与我畅聊的一下

2020-05-18 16:57:32 2209 12

转载 十大经典排序算法 - JavaScript算法(二)

**转载文章 十大经典排序算法的JS版**输入:随机输入n个数:5,7,8,6,1,1,2,5,4,9输出:n个数的排列(从小到大):1,1,2,4,5,5,6,7,8,9排序对比:排序分类:冒泡排序(Bubble Sort)冒泡排序是一种简单的排序算法,它重复的走访要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来,走访数列的工作是重复的进行直到没有再需要...

2019-05-31 11:40:47 203

原创 实现杨辉三角 - JavaScript算法(一)

是时候开启新的篇章了,积累下算法,可能很多都不实用,但有趣就行。现在前后端分离了,很多数据上的问题,前端尽量不用处理,因为避免响应时间过长,反而影响了用户的体验,所以在算法上来讲,前端一般来说,用不上很多算法,但是,算法其实很锻炼人的思维,就算用不上,也会潜移默化地提升你的编码能力。废话不多说了,趁着工作空余时间,立马上代码,给大家快乐,快乐。function run(x, y){ // ...

2019-05-31 10:24:17 301

原创 2019/02/13 一位前端实习生 艰辛过程 励志 实习周记(六)——第七周

今年过年过得特别的快,也就十几来天,就结束了,意犹未尽。过年的喜庆还未消散,我继续着编码的道路,这个星期,我的毕业设计有了一个质的飞越,我将后台管理系统做的差不多了,可以对番剧的增删改查,番剧里面的剧集也可以增删改查。我用的是node中express作为后台语句,调用一些语句来连接moongodb数据库,进行增删改查操作,渲染使用的是art-template,不过我还不是很明白使用的art-t...

2019-05-27 09:43:24 2797 5

原创 2019/01/29 一位前端实习生 艰辛过程 励志 实习周记(五)——第六周

这一周已经过去了,年底了,31号准备回家过年了,我来讲述一下这一周所发生的事情或者学习到的一些东西。总得来说这一周,公司没有分配任务给我们,让我们自学,自己捣鼓捣鼓,我突然想起来毕业设计都还没有开始做,我马上就开始了毕业设计的制作,我的选题是动漫视频网站,如今在这快速发展,压力大的现实社会下,动漫给人们带来了一片空间来释放压力,获取快乐。本身我也是一个动漫迷,从小到大是靠着B站视频长大的,曾经...

2019-05-27 09:41:59 3560

原创 2019/01/21 一位前端实习生 艰辛过程 励志 实习周记(四)——第四 五周

第四周的周一,刚到公司没多久,公司就开始给我们布置了真实的项目,需要我们动手了,一个比较简单的工作,就是根据UI设计稿,来修改模板上的页面,简单地来说,就是使用模板上的现成的组件,来拼装一个新的项目,对于我们实习生来讲,修改模板是一种很好的学习方式和工作经验。这个模板项目没有使用框架,是一个使用原生js编写的项目,和刚进公司,练习的第一个项目尤为相似,麻雀虽小,五脏俱全,里面的核心概念也很重要的...

2019-05-27 09:40:06 2973

原创 2019/01/07 一位前端实习生 艰辛过程 励志 实习周记(三)——第二 三周

经过第一周的努力,我们第二周就把之前的项目给完成了,也是获益匪浅,到了第二周,大哥就安排我们去了解React框架,为以后编程的道路奠定一些框架的基础,还有可能后面会用到这个框架做项目。这个React框架是前端三大框架之一,除了这个框架之外,还有Vue,Angular。还有其他什么UI框架,服务器框架等等,都会用到。我们也是按照以前自学的方法,看视频看文档,来自学,好在我在b站屯了一波前端教程,...

2019-05-27 09:37:53 4086

原创 2019/01/01 一位前端实习生 艰辛过程 励志 实习周记(二)——第一周

第一天实习上岗,提前了半个小时到公司,来得比较早,公司没人,因为是要刷指纹的,也进不去,只能在门外等候其他同事的到来。没过多久就来人了,“您好,我是新来的实习生!”,出于礼貌,我亲切地问候。“您好,您好,我也是实习生!”,对方见到我,也是十分高兴。“我是徐磊,前端实习生。”“啊,我也是前端实习生,我叫易燃!”几句简单的问候,我们互相成为了好朋友。进入公司,标准的写字楼规格,比较整洁,也...

2019-01-01 13:44:36 10559 2

转载 移动前端常用meta标签

原文链接:http://caibaojian.com/mobile-meta.html//code from http://caibaojian.com/mobile-meta.html&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;!-- 使用 HTML5 doctype,不区分大小写 --&amp;gt;&amp;lt;html lang=&quot;zh-cmn-Hans&quot;&amp;g

2018-12-25 10:31:48 175

原创 2018/12/22 一位前端实习生 艰辛过程 励志 实习周记(一)—— 前言

记录经历的真事,载入实习的日志别人双12纷纷剁手,我双12找到实习,也算是在双12给我最好的礼物了下面就是记载了我当时找实习的经历的一些真事,也算是给自己,给别人一些提示吧。11月底,来杭州这边面试前端实习的,起初也是抱着试探,谦虚地心态来的,结果发现,问的问题都是概念上的问题,都没怎么问项目上的问题,可能是因为基础概念不清,以前学的那些,基本上全还给老师了。面试完第一家,就觉得自己准备的...

2018-12-22 14:55:54 10305 4

原创 简单化构造函数的继承方法(二)- ES6中的class继承

在ES6中,继承的方法就更加方便了,废话不多说,直接上代码// 父类class Parent { // 构造父类的属性 constructor(name, age){ this.name = name; this.age = age; } // 创建父类的方法 say() { alert('我叫' + ...

2018-12-10 20:30:33 117

原创 简单化构造函数的继承方法(一)- 组合继承

在各大博客和资料网上,对于构造函数的继承方法也比较多,以下是我个人认为对构造继承的理解:附上代码先构造函数的组合继承// 构造一个函数Personfunction Person( name, age ){ this.name = name; this.age = age;}// 添加两个原型方法 Person.prototype.say = function(){ ...

2018-12-10 17:28:02 138

原创 深入浅出之前端面试经(HTML篇)

Html 篇:1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?• IE: trident 内核• Firefox:gecko 内核• Safari:webkit 内核• Opera:以前是 presto 内核,Opera 现已改用 Google Chrome 的 Blink 内核• Chrome:Blink(基于 webkit,Google 与 Opera Softwar...

2018-12-02 10:29:44 185

原创 面试第二家公司的面试题及答案(二)

一个页面的组成主要由哪三个部分组成?html head body一个盒子模型的基本属性主要有?margin padding width height border 等等1B = 8 bit堆和栈的区别?我们都知道:在计算机领域中,堆栈是两种数据结构,它们只能在一端(称为栈顶(top))对数据项进行插入和删除。堆:队列优先,先进先出;由操作系统自动分配释放 ,存放函数的参数值,局...

2018-11-27 20:00:40 271

原创 面试第一家公司的面试题及答案(一)

1.谈谈对跨域的理解,怎么处理跨域?简单的理解:浏览器或者JavaScript说处于安全方面的考虑,对同源策略的限制。处理的方法一:后台代理通过同域名的web服务器创建一个代理,比如说杭州的服务器后台(www.hangzhou.com/proxy-hangzhouservice.php)来调用广州服务器(www.guangzhou.com/server.php)的服务,然后再把响应的结果...

2018-11-26 15:39:37 266

原创 jQuery中的事件委托练习(一)

1.事件委托的基本结构$(function(){ // 事件委托: // 请别人帮忙做事,然后将做完的结果反馈给我们 $("button").click(function(){ $("ul").append("&lt;li&gt;我是新增的li&lt;/li&gt;"); }); // 在jq中,直接遍历,给所有li添加点击事件 /*$(...

2018-11-24 13:40:10 431

原创 初识Ajax-基本解析和读取文件信息(一)

1.ajax详细解释代码//ajax用于数据读取(GET),上传数据(POST)的js语言//函数(地址,成功函数,失败函数)function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { ...

2018-11-24 13:18:42 222

原创 句句解析js中的完美 / 缓冲运动框架(新手专用)

1.完美运动框架对于初学者来说,还是非常必要的,所以要好好分析。2. 基础牢固者,尽量就不要看注释了,巩固复习旧知识!//js完美运动框架//函数(对象,{style1:目标值1, style2:目标值2}, 运动时间, 结束运动后的函数)function startMove(obj, json, time, fn) { clearInterval(obj.iTimer); //先关...

2018-11-23 21:18:58 118

原创 详细解析js中的混合方式构造对象(构造加属性,原型加方法)

详细解析混合方式构造对象js代码如下function CreatePerson(name, qq) //用构造函数加属性{ //原料 +new 系统偷偷替咱们做 //var obj=new Object(); var this=new Object(); //加工 this.name=name...

2018-11-22 16:42:23 169

原创 利用原生js实现自定义滚动条(可点击到达,拖动到达)

1.HTML文件div1是滚动条,div2是滚动小球,div3是文本区域容器,div4是文本区域。&lt;div id="div"&gt; &lt;div id="div1"&gt; &lt;div id="div2"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="div3"&gt;

2018-11-22 16:32:42 699

原创 Boss直聘微简历(个人实例)本人找实习工作中,欢迎联系

我的问答 回答会展示在微简历下方已回答问题 17 个个人情况个人工作的规划想先在杭州长期发展,找一份前端工作,想在中小企业共同发展,来施展才华。工作再忙,也得逛逛CSDN,学习新的知识,充实自我。实习过后,希望能转正,能留在单位,为单位出一份力婚姻状况未婚你最近一次离职的原因是?无,大四第一学期找实习中求职期望可接受的工作区域杭州拱墅,西湖,滨江,余杭不会考虑哪种规模的...

2018-11-22 16:10:59 14013 1

原创 使用getPos方法实现 鼠标动一串圆

1.首先来n个div自己随便设置多少个圆&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;div&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;

2018-11-21 17:05:58 615

原创 实现具有吸附性的拖拽效果-高级拖拽(兼容)

实现具有吸附性的拖拽效果-高级拖拽(兼容)1.body里面有Div和一段文字&amp;amp;amp;lt;body&amp;amp;amp;gt; 这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字 &amp;amp;amp;lt;div id=“div1”&amp;amp;amp;gt;盒子里面的文字盒子里面的文字盒子里面的文字盒子里面的文字盒子里面的文字&amp;amp;amp;lt;/div&amp;amp;a

2018-11-21 16:41:39 1120

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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