- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅
转载 愿你出走半生，归来仍是少年（北京四中初二女学生作文）
愿 你文/北京四中初二学生见字如面-致未来的张咏言亲爱的自己：我不知道为什么写信给你，更不知道你何时能收到这封信，在这里有些愿望寄托于你。首先愿你平安无事地度过青春期，但别平安无事地度过青春。你不是他们口中的乖乖女，这点我比谁都清楚，你有时候果断、激动甚至有点“草莽精神”的意思，着实让我吓了一跳。愿你的世界里天天都是好天气。即便忘带伞也要告诉自己：宝宝今天偏要淋雨!原来驱赶阴霾的太阳...
2019-08-15 11:00:38
1142
原创 前端零碎知识点，前端踩坑记录
This指向问题。this对象指向调用函数的对象，全局环境中this指向window。call和apply函数中的this指向指定的对象，如果所指定的是undefined或是null，this将重新指向window。在箭头函数中，this等同于外层代码块的this。取整时，建议使用Math.trunc( )来代替ParseInt( ),Math.trunc( )这个办法仅仅只是删除小数点后的数字
2019-08-02 16:00:47
348
原创 以匠人之心，做最完美的产品
匠人精神在我看来就是：一生只做一件事，并将这件事做到极致，在我看来，用心去做好一件事比做了很多很多的的事情更重要。这也是我对自己的要求与鼓励。可能会有人问，“如果坚持了一辈子，却没有名利双收，这样的坚持还算成功吗？”“如果坚持了一辈子，最后依然默默无闻，这样的人算得上精英吗？”在我看来这些将一生的心血都花费在自己热爱的事情上并为之而努力的人才是真正的精英，真正hero！有这样一个人，他的成绩全班倒数
2017-12-01 12:04:38
1989
1
原创 Js关于面向对象的详细介绍
在说到面向对象之前，首先要声明几种概念：0、什么是类？ JavaScript是一种基于原型的语言，它没类的声明语句，比如C+ +或Java中用的。这有时会对习惯使用有类申明语句语言的程序员产生困扰。相反，JavaScript可用方法作类。定义一个类跟定义一个函数一样简单。在下面的例子中，我们定义了一个新类Person。function Person() { } // 或var P...
2017-11-30 09:50:29
586
原创 Css3实现3D空间感
<div class="box"> <div></div> <div></div> <div></div> <div></div> <div></div></div>body{ perspective: 1000px;}.box{ width: 900px; height: 900px; margin: 30px auto;
2017-11-23 09:21:33
1097
转载 前端初始化代码
网易初始化代码： html {overflow-y:scroll;} body {margin:0; padding:0; font:12px,”微软雅黑”;background:#ffffff;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0...
2017-11-20 10:35:16
1343
原创 使用 : after与：befor伪类画贯穿线
<div class="box"> 用以上社交帐号直接登录</div><style> .box{ position: relative; } .box::before{ content: ""; border-top: 1px solid #ededed; display: block;
2017-11-13 14:03:12
1683
1
原创 Css3基于 box-shadow的鼠标悬停
<div class="buttons"> <h1>简单的悬停效果基于 <code>box-shadow</code></h1> <button class="fill">Fill In</button> <button class="pulse">Pulse</button> <button class="close">Close</button> <button class=
2017-11-09 10:10:27
905
原创 uniapp踩坑记录（持续更新）
我与2020年3月30日起开始接触uniapp平台，从现在开始我将会持续更新我的踩坑记录以帮助更多需要帮助的人。由于刚刚接触没多久，踩的坑不多。希望可以帮到你。uniapp官网1、有关于vantUI版本的问题。app和小程序必须要用vant weapp，链接地址为 vant app官网地址。如果你执意要使用vantUI 那么你可能会遇到如下的报错信息并且在真机调式模式下，App会出现白屏的现...
2020-04-01 18:34:58
5029
1
原创 MVC与MVVM简单介绍
MVC （ model view controller）即数据存储、用户界面、业务逻辑。此框架可以对服务器渲染后的数据进行操作或是修改。说白了，就是所有的通信都是单向的。其工作原理为： view 传送指令到controller，controller完成业务逻辑后要求model设置状态，model将新的数据发送到view。 其缺点为：它必须等待服务器端的指示。如果为异步模式，所有节点、
2018-01-17 16:13:26
1718
原创 有关于addEventListener以及removeEventListener的相关问题
之前在编写js代码时经常容易爆出 cannot read property "....." of null 这种叫“捕获类型错误”，一般往往是因为编写人员粗心大意捕获错了对象所导致的，或是在捕获时类型错误。addEventListener主要解决了js中需要触发多个函数而被创造出来的， 其中包含三个参数 addEventListener( “触发事件”,”需要运行的函数名”,”是否需要阻止冒
2017-12-29 10:18:52
1842
原创 Js模拟正则筛选关键字
<style type="text/css"> div { background: rgba(30, 100, 30, 0.2); width: 800px; margin: 20px auto; padding: 15px; text-align: center;
2017-12-19 11:36:02
1659
原创 Js控制鼠标滑动图片
<div class="all" id="all"> <img src="./images/mi.png" id="mi"> <div id="up"></div> <div id="down"></div></div><style type="text/css"> *{ padding: 0; margin:
2017-12-08 11:39:00
1460
原创 什么是跨域？常见的跨域的方式都有哪几种
跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 同源就是指，域名，协议，端口均相同。 http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php （端口不同:8080/8081，跨域）http://www.123.com/index.html
2017-12-08 11:11:48
3700
原创 json与jsonp之间的区别
JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：json是一种数据交换格式，而jsonp是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。也可以说jsonp是基于json的一种模式，一种方法。 在这里要说一下，json是js中的一个对象他和 var obj = {}是
2017-12-08 10:27:57
436
原创 em、rem、px在Web开发中的区别
随着响应式设计的不断火热，基于相对字体大小的单位变开始流行起来，但他们真正的区别在哪里，有的时候会搞得晕头转向，在这里我来做个总结。如果有说的不当的地方，还请各位同仁多多指教。在说之前有两个很重要的概念，那就是font-size具有继承性以及body，html是根元素。px 这个单位的特点就是精准性。但是他的缺点就在于太过于精确从而导致用户在拖动、改变浏览器的字号大小以及尺寸时，就会出错。这样对于
2017-12-01 10:53:59
849
原创 canvas画太极
最近看了一部电影《太极2：英雄崛起》恰巧里面有我最喜欢的bady再加上上大学时也学过太极拳。索性就用canvas画个太极吧，供大家乐呵乐呵~ <canvas width="600" height="400" id="myCanvas"></canvas><script> var c=document.getElementById('myCanvas'); var cxt= c.get
2017-11-16 20:35:12
392
原创 Vue-router之初体验
之前在做网站时页面与页面之间的转换都是使用a链接跳页面的方式进行跳转的，这样就会带来一个问题，那就是响应时间会变慢并且会时常出现卡顿的现象，这就让人很不舒服了。因此我开始在关注上Vue全家桶之一的vue-router。走路由的好处在于：通过路由来加载页面，不会让你重新刷新这个页面，而是可以做到局部页面组件的替换(隐藏或者显示)，一开始加载的一些CSS,JavaScript文件都不用再次重新加载了，网
2017-11-15 14:00:19
341
原创 CSS3 transform介绍
<ul class="nav-list"> <li class="nav-color nav-1">translate</li> <li class="nav-color nav-2">rotate</li> <li class="nav-color nav-3">scale</li> <li class="nav-color nav-4">skew</li>
2017-11-14 11:01:05
424
原创 有关Css自定义变量的介绍
首先，我先来说说什么是“自定义变量”顾名思义，就是可以随意定义变量名的一种变量。通常在前面都会加上 - -作为记号，它的作用和font-size、color等正式属性没什么区别。那为什么要在前面加上 “- - ”呢？因为$foo被 Sass 用掉了，@foo被 Less 用掉了。为了不产生冲突，官方的 CSS 变量就改用两根连词线了。 图中pulse选择器中定义了两个名为color和hover的属
2017-11-14 10:21:38
1206
原创 CSS实现文字竖向排版以及双实线的实现
双实线<style>border:5px double #d5d5d5;</style>文字竖排显示主要依靠 writing-mode实现<style> writing-mode: vertical-rl;</style>“writing-mode”共有三种属性horizontal-tb（默认值）：自上而下，从左到右的横排书写方式。vertical-lr：从左到右，自上而下的竖排书写
2017-11-12 21:53:01
1671
原创 Css有关于圣杯及双飞翼布局
css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。 说道margin负值问题就不得不说一下前端页面常见的布局：圣杯和双飞翼布局。其实这两种布局在实际应用上是一样的东西，不同的是概念不一样。使用的就是我们常见的float以及margin负值得概念圣杯布局来源于2006年发在a list part上的这篇文章：a list part 而双飞
2017-11-10 11:15:01
275
原创 jQuery实现渐变式轮播图效果
<div class="menu"> <div class="pic"> <img src="images/1.jpg" /> <img src="images/2.jpg" /> <img src="images/3.jpg" /> <img src="images/4.jpg" /> </div>
2017-11-09 16:01:43
3102
1
原创 Css3-3D导航栏
<ul class="all clear"> <li class="box1"> <a href="#"> <span>home</span> <span>首页</span> </a> </li> <li class="box1">
2017-11-09 09:21:37
1325
原创 jQuery实现三级城市联动
<div id="all"> <select id="save"></select><!-- 省级 --> <select id="city"></select><!-- 市级 --> <select id="area"></select><!-- 区级 --></div><style> select{ width: 100px; }
2017-11-08 21:36:08
502
原创 jQuery实现的list列表
<div class="menu" id="menu"> <div> <p>Web前端</p> <ul style="display:block"> <li>JavaScript</li> <li>DIV+CSS</li> <li>jQuer
2017-11-08 21:28:57
5474
原创 js特效制作页面访问量无IP数量统计累加特效
<script type="text/javascript"> function getCookieVal(offset){ var endstr=document.cookie.indexOf(";",offset); if(endstr==-1) endstr=document.cookie.length; return u
2017-11-08 21:11:39
1019
原创 Js实现倒计时功能
<div class="time"></div> <script type="text/javascript"> setInterval(fun,1000); function fun(){ //倒计时终止时间 var endTime = new Date("2019/5/1 0:0:0"); //
2017-11-08 20:57:56
278
原创 jQuery控制table进行添加和删除
<table border="1" width="500" height="200" align="center" cellspacing="0" cellpadding="0" id="tab"> <tr> <td>序号</td> <td>产品名称</td> <td>型号</td> <t
2017-11-08 16:11:51
369
原创 css设置小图标
通常我们在布局的时候都会遇到各种各样的小图标，类似于这样或者是这样 那么该如何放置这些小ico呢？有两种方法。第一种，创建一个小容器给小容器设置宽、高巴拉巴拉巴拉~然后将图片插进去或者设置成背景即可<i class="icon">要插入的图片</i><style> .icon{ width:10px; height:10px; font-st
2017-11-08 15:42:41
9782
原创 使用Vue.js调动豆瓣API电影模块，并渲染上页面
1、引入Vue.js<script src="../vue.js"></script>2、在HTML上书写Vue指令 <div id="test"> <ul class="row"> <li class="m-lst" v-for="(value,index) in hotMovie"> <div> <img class=
2017-11-07 14:17:49
2906
1
转载 jq实现置顶效果
<div class="go-top"></div><script> $(function(){ var go_top = $('.go-top'); function site(){ var wh = $(window).height()*0.4; var st = $(document).scr
2017-11-07 13:58:04
3689
原创 jQuery实现页面滚动时顶部动态显示隐藏
很多时候你会看到页面上有一个始终固定在网页顶部的导航菜单，当页面向下滚动的时候，导航菜单动态隐藏，页面滚动到顶部时，导航菜单动态显示，淘宝也采用过此效果，很不错，当然，里面使用了CSS3动画效果，不支持低版本浏览器。代码相当的简单，只需几行就搞定。<div class="nav-top"></div><style> .nav-top{ background: #f7f7f7
2017-11-07 11:43:59
2170
原创 HTTP中GET与POST的本质区别
首先GET和POST是什么？他们是HTTP协议中两种发送请求的方式。HTTP是什么？HTTP是基于TCP与IP的关于数据如在万维网中如何通信的协议。HTTP的底层是TCP/IP，也就是说GET与POST都是TCP链接。GET与POST做的事是一样的，都可以传输数据。因此GET与POST在本质上没有区别，而真正的区别在于TPC链接的不同，但是在万维网中各个浏览器/服务器的限制，导致他们在引用过程中体
2017-11-07 08:37:44
1790
原创 给子元素设置了margin后，父元素的跟着一起动了
一般就是给父元素设置overflow: hidden;即可解决问题，之所以出现这种情况的原因是：普通文档流盒子间，只要垂直外边距直接接触就会发生合并，合并后外边距视觉高度取两个发生合并外边距中较大者。发生这一现象的有三种情况：相邻兄弟块元素间、父元素及其首子元素和末子元素间（没有内边距或边框把外边距分隔开）、空块级元素自身的合并。
2017-11-01 10:12:22
3189
2
原创 CSS-有关于图片的问题
一般在实际项目中，图片大多数情况下都是由标签插入进去的，这样的好处就是方便后期的维护以及在进行前后端对接时提供方便。可这就带来了一个问题，那就是由标签插进去的图片并不会像设置背景图片那样方便。在这里我给大家提供一个解决方案。1、首先给需要插入图片的div设置一个类名，可以是img-box、imgs等等，在这里我推荐使用img-box。2、img-box的宽高样式自定义。3、在style
2017-11-01 09:21:14
248
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人