- 博客(35)
- 收藏
- 关注
RSS订阅原创 新年，新气象，你有你的学习目标吗？
如果还在学习，却没有明确目标的朋友，可以参考：http://web.jobbole.com/95622/也许不适合所有人，但，总有有人需要，不是吗？一起分享，共同进步。共勉。...
2019-02-11 09:49:41
427
原创 金额输入框的规则----微信小程序+js+jqeury
昨天写小程序项目，在输入金额的框上也只是简单的为 input 设置了"type=‘number’";并设置了一定的限制money.value = money.value.replace(".","$#$").replace(/\./g, "").replace("$#$", ".");//只允许存在一个点money.value = money.value.replace(/^(\-)
2019-01-18 11:43:25
3553
1
原创 lazyLoad——减少页面请求时间，节省流量。
为什么要使用懒加载而不直接加载？当然没规定一定要懒加载，肯定是根据实际情况来决定使用的与否。当你一个页面有庞大的数据需要请求加载（比如花瓣、Pixiv等网站），你如果一次请求，先不说你要多久才能请求完整个页面，你有那么多流量吗？什么，你还不是无限流量，那你可以把自己卖给移动、电信、联通了。使用懒加载加载图片有什么好处呢？1 增强用户体验2 优化代码3减少http的请求4减少服务器端...
2019-01-09 19:56:37
592
原创 提前祝贺元旦——带来今日学习的收获（snow.js）
前些日子杭州飘雪了，可惜上班时候雪已经化了。不过天气预报道：未来几天气温持续下降，于元旦将再降雪。可惜我那时已经在家里了吧。不过，不影响我的继续学习。首先发上链接：（简易版，可直接使用）https://github.com/LyuSen/js下载完将snow.js放入带大家看一眼snow.js相信大家就会用了…没错，我们只需要建一个类名为snow的容器即可…再给个下雪空间大小，结束...
2018-12-29 16:47:23
676
原创 让你的网页逼格上升一截——wow.js的引入
你还在写页面一次请求所有数据吗？抱歉，这次先不讲懒加载，也是直接请求所有数据，但是我们的逼格不一样了…——当你滚动页面时，加载的内容以动画的形式呈现给你——https://www.delac.io/wow/滚动后：是不是效果更加吊炸天= =虽然我觉得没这效果也不错，但是老板要求，以前的自算太傻了，底层的实现也有点偏了…在正式开始前，希望各位小伙伴别到时候拿着就用，赶项目的例外，时间...
2018-12-24 18:53:26
4389
原创 微信分享——js-sdk接口的爬坑分享
有好东西，大家要一起分享也是公司运营部门在某些时候做推广的一些方式。那么我们平时用的这些分享接口怎么实现呢？以下为微信公众平台为我们提供的微信页面开发js-sdk说明文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115我们简单的实现文档提供的步骤：再次我直接进入调用js文件关于1.1.3的...
2018-12-19 19:02:41
385
原创 animate.css的使用——老板再也不用担心我没有特效了！
animate.css—— 一款强大的预设css3动画库！你还在使用hover？还在自己写动画帧?一个人的脑洞总是有限，让我们一起来看看一仓库的创意，从中启发属于你的动画效果！！！animate.css体验（附带下载）：https://daneden.github.io/animate.css/或这git下载：https://github.com/daneden/animate.css使...
2018-12-13 20:21:26
2357
原创 关于制作移动端web所必须了解的——手机适配（先将rem）
时代在变更，科技在升级。很多时候，你会发现，你现在所用的知识可能是好多年前的了。为什么你不肯更新新技术？原因很多：1、用惯了老方法，新东西上手需要时间，项目又赶。——为什么项目后不去了解？2、没有去关注——走科技路线的话，不望向远方，是想置身谷底？3、…今天，从熟悉的rem开始转向新学的vw。在新的开始前，为旧的事物进行一个总结：首先，什么是rem：rem（font size o...
2018-12-11 22:23:28
307
原创 聊天界面如何实现新消息置底
没怎么写过聊天界面，最近上手的项目要求，在这，进行一下简单的实现过程。有所不足，请多多指教：然后我们要实现的效果如下：实现代码如下：html：<ul id="talkArea" style="border: 1px solid;width: 100px;height: 100px;overflow: auto;"></ul><input type="te...
2018-12-03 21:26:12
3667
原创 “./“”@/”“../” 路径问题——我对你知根知底，我劝你放弃抵抗，跟我走一趟
今天有同事问我： ./ @/ …/ 的区别，我直接的回答是，你用了这么久还不知道？不会百度？当然我也说了一下当时我的理解：./ //当前目录下的路径@/ 问题就来了，当时我的回答也是，当前目录下的路径，发现和上述矛盾了，然后去百度了（打脸）...
2018-11-30 15:19:30
2907
原创 stylus——你值得拥有的伙伴
你还在使用传统的样式写法？ div{ width: 200px; height: 200px; background:red; }如果可以不写花括号会怎么样？ div width: 200px; height: 200px; ...
2018-11-29 12:50:39
179
原创 bootstrap的底层原理原来是.........
什么是响应式布局？简单地说，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。在说到响应式，很多人会立刻想到：Boilerplate，Foundation，Ulkit，bootstrap这些框架。而以下，我将就Twitter推出的bootstrap为例，毕竟最火，使用的人也多。类似bootstrap这类响应式框架其底层实现原理就是媒...
2018-11-22 23:08:41
6096
原创 数组的去重工作
说到数组的去重，常规操作是：var arr=[1,2,3,4,5,1,2,3,4,1,5,2]; var newArr = []; var len = arr.length for(var i = 0 ;i < len ;i++){ if(newArr.indexOf(arr[i])==-1){ newArr.push(...
2018-11-18 21:08:14
220
原创 vue实现一个app
最低技术要求：Vue、vue-cli、vue-router、vuex1、Vue（官网：https://cn.vuejs.org/v2/guide/）2、vue-cli (需要安装好node.js、npm,详情可以参考：https://blog.csdn.net/weixin_42855542/article/details/83820199)3、vue-router(官网:https://...
2018-11-15 19:46:37
2174
原创 向前之旅，vuex的安装！
vue全家桶——vuex。可在package.json的dependencies中输入 如下然后可以在自己的编辑器（本人用的是webstorm）的terminal中输入npm install （如果没有上述步奏，可直接 npm install --save）然后可在src 目录下创建一个store文件夹store——中文是商店，存放东西的地点，很好。里面新建store.js...
2018-11-12 21:05:57
210
原创 有坑不怕，我们继续安装vue-cli。
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。在这里，我们进行一次vue-cli的安装：首先打开你的cmd，别告诉我你不会？你不会我告诉你啊！（win+r，输入cmd）。也可已选择你想安装vue-cli的文件夹。在这里我选择在我桌面的LyuSen文件夹进行可使用shift...
2018-11-07 11:16:01
207
转载 全网汇总的关于post和get的区别
关于post和get的区别，通过百度，你能看看到形形色色的说法。但是总的来说，大同小异，在这，为这个大杂烩中，我要跳进去了：首先是来自w3schools的“标准答案”：1、GET在浏览器回退时是无害的，而POST会再次提交请求。2、GET产生的URL地址可以被Bookmark，而POST不可以。3、GET请求会被浏览器主动cache，而POST不会，除非手动设置。4、GET请求只能进行u...
2018-11-05 22:38:30
189
原创 添加、删除、替换、插入到某个节点的方法（js、jq）
首先说下，具体用得到的方法：js：appendChild()//添加removeChild()//删除节点insertBefore（插入节点，被插节点）//插入（前插后）replaceChild（新节点,旧节点）//替换（前替换后）jq：append() （旧节点添加新节点后面）appendTo() （新节点添加到旧节点后面）prepend() （旧节...
2018-11-04 17:29:14
9869
原创 Vue组件传值之子组件向父组件传值
理论上，父子通讯，小子听老子的就好。但是实际上，有交流才有进步，独裁专政往往没什么有结果。因此通讯原理是调用了父组件身上的方法。详情请看代码，其中吧上次代码中的孙子给剔除了。代码不佳，请多多包涵和指教！！ps：注意区域，其为实际作用区域！！！<!DOCTYPE html><html lang="en"><head> <meta cha...
2018-11-01 22:01:29
255
原创 Vue组件传值之父组件向子组件传值
看到网上，有的父传子，仅一层，在这里加个孙子，及其会出现的警告进行解决。以下开始记录，请各位多多指教：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &
2018-10-31 22:46:15
287
1
原创 layUi框架入门篇（二）——布局
今天我们继续就layUi官网提供的文档来一次后台布局，官网如下：https://www.layui.com/doc/效果如下：1、正常的布局大致的内容概括：<body class="layui-layout-body"> <div class="layui-header">头部</div> <div class="layui-side l...
2018-10-28 17:53:36
86380
16
原创 码云使用教程之——不是人人都是马云，但人人都可以有码云
码云是一个面向开源及私有软件项目的中文托管平台。对待英文稍稍不足的人可以说是客气的很。但是如果你愿意使用github，全英文当然骚气十足（Chrome谷歌右键有翻译功能，使用起来也相对轻松），但是，支持下国货嘛。以下是 码云 的官方地址：https://gitee.com/在开始前，如果没有注册的小伙伴先自行注册。码云有一个上传限制，一小时20个，所以为了打破这个限制，我们使用...
2018-10-25 22:34:06
1218
原创 挺好玩的文字滑动效果
用多了背景滑动，突然想用文字滑动的效果。先直接看效果接着直接上代码，来一个hover事件先：html：<div class="cont"> <a data-hover="你在南方的艳阳里大雪纷飞" class="animate">你在南方的艳阳里大雪纷飞</a></div>css： .cont{
2018-10-23 23:07:44
313
原创 layUi框架入门篇（一）——引入
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。但是想用它，必须要按照他的规矩老干事，毕竟那人的手短，骚操作可以有，那也是规矩里的。附上layui官网https://www.layui.com/下载完后我们将其解压拿出 layui 文件夹打开编辑器，将其放入。然后在html...
2018-10-18 21:58:00
111807
22
原创 欢迎大家参考我的瀑布流，小白推荐
首先，了解一下什么是瀑布流（以下为百度百科）：又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。接下来是我自己的语言，菜鸟前端，大家多多包容也请大家多多的指教！！说是参差不齐，实际上也只是高度上的差异，若高...
2018-10-16 00:11:47
843
原创 关于制作一个网页，小白需要注意点
从最初的从开头一路写下来，代码凌乱不堪，结构糊里糊涂，再到有了整体框架，内容布局仍旧不清不楚。到现在对于做个架子而言，已经相对能驾轻就熟的完成。 在这里对自己现下的写法进行一个小总结。 1、html： 仍是三段法则（视情况增加内容）: &lt;div id='header&gt;&lt;/div&gt; &lt;div id='main'...
2018-09-02 19:33:35
744
1
原创 轮播图,小白教程
近段时间关于前端的学习，在这里对与html、css、js的结合制作一个轮播图效果，对学习成果进行一个记录。 轮播图: 可以从图上，看出我们要实现的效果，首先罗列出来，方便我们一步步的进行处理。 此处我才用的是重叠图片，通过定时器，按一定时间进行对图片display属性进行更改。 实现的效果是：1&gt;图片自动轮播 2&gt;图片序列按钮的点击更改图片事件 3&gt;上、下...
2018-08-26 21:35:07
28436
8
原创 JavaScript-数组
要学数组，那么在这之前，首先要对他的定义有所了解——Array，可以存储一组数据的结构。其特点在于：有下标，有长度，按照一定的结构顺序存储（便于查询）。声明的方式如下： 1、var arr=[1,2,3,4] 2、var arr=new Array(3); 需要注意的是，Array 必须大写，其为js内置对象，（4）表示声明数组空间个数（此处为4） 3、var ar...
2018-08-16 22:21:24
140
原创 关于js
今天开始了js的学习。现在补充，和回忆所学。Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器同样，又是来自商标的冲突，呵呵有名的微软公司对这门语言的显示版本去了个几乎是家喻户晓的名字——“Jscript”。不过即便是有这么多的名字，现在人们还是对“JavaScript”这个名字情有独钟，光大的人们也更加的知道这个名字，但是“ECMA...
2018-08-09 21:29:19
171
原创 重温属性——文本
在这里重温以下属性 常用的h1，p，li，a 等等和文字有关的。 需要了解的是 文字的对齐方式： h1 { text-align:center; } 文本居中 p.date { text-align:right; } 向所在盒子右对齐，相对应的是left p.main { text...
2018-08-08 22:59:15
80
原创 关于定位的一些事。
当在这一个页面上想要实现布局打破固有的自上向下的文档流排版。就需要脱离出文档流，从而移动布局排版。 今天在这里对于定位有一点想法，和记录了一些很是有用的内容。 首先，CSS定位是基于盒子模型的，可分为 静态static定位 绝对absolute定位 相对relative 定位 固定fixed定位。 其中，平时所用最多的是：绝对定位和相对定位。1、绝对定位： position:a...
2018-08-07 22:58:56
110
原创 像素
在平时的码代码时，总是会用到px这个东西，之前对它只是觉得是图片的一个单位。这只是一个小的概念呢。 px是CSS和JS使用的抽象单位。在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。 px是一个相对单位，相对的是设备像素(device pixel)。 在这里补充一下，设备像素就是我们平时说的物理像素。与之相对应的还有一个叫逻辑像素，逻辑像素...
2018-08-05 22:28:17
212
原创 面试的一些问题
作为web前端的开发人员，在外人眼里，大多有码农，呆板，死相的称号。一定程度上，这种说法也是正确的。 张哥说过，程序就像生活。而，生活大多数时候总是平平淡淡，甚至 更多的时候会觉得枯燥。 对于web开发，对于技术，如果不能从理论角度透彻了解，只是单纯使用，那也只是一种变相的体力劳动。 因此很多面试上的问题，以理论的形式呈现，在脑海里编程。 今天听取了张哥对一些企业面试所提的问题。现在在这里...
2018-08-02 22:06:08
129
原创 关于初识float的一点小感悟
float的个人感悟在网页图片或者文字排版时，常常因为html本身自上向下的排序满足不了我们对美观的需求，及清晰明朗的界面的舒适。为此我们可以引入float。在解决我们对排版的需求同时，它也带来了一定的弊端 浮动的原理并不是说他直接变换了位置，而是浮动对象的类似拔高了，给人一种视觉上的错误，同时也因此而导致后面元素的被遮盖。 所以也导致使用浮动...
2018-08-01 23:01:00
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人