F_linlin的博客

原创 点击按钮切换新旧版本，且在页面加载完成后弹出提示语

作为一名新人，一只菜鸟，一个小白，初入公司，就被领导安排了任务，费劲了周折，才解决了问题。附上代码：<ul id="nav-menuie"></ul><input type="hidden" value="{$is_domain}" id="dzhidden"><input type="hidden" value="data:image/...

原创 点击按钮切换新旧版本，且在页面加载完成后弹出提示语

作为一名新人，一只菜鸟，一个小白，初入公司，就被领导安排了任务，费劲了周折，才解决了问题。附上代码：点击‘切换新版’按钮，跳转到新版页面，并在页面元素全部加载完成后弹出提示语alert中内容。这里设置localStorage，目的是为了使弹出框只出现一次，无论刷新还是点击其他页面不会再弹出提示。...

原创 Vue的基础知识

vue的生命周期：beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令：v-for、v-bind（缩写形式:prop）、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-html、v-s...

原创 简单的注册登录本地存储~

这里有个小坑，注册使用location.href=''不管用，而用window.open()就好了~

原创 git详解

一、版本控制系统：指可以记录文件变化的软件。二、版本控制系统三大分类：三、git的基本命令：

原创 var,let,const三者区别

原创 js原型和原型链

每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念。关系：instance.constructor.prototype = instance.proto特点：Ja...

原创 css实现三栏布局

1.flex布局2.定位方式3.浮动方式效果如下：

原创 JS单线程异步实现原理

一、单线程 JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。 这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准...

原创 js中数组遍历的几种方法及其区别

第一种最常用的：for循环for(i=0; i< arr.length; i++) { }优化版for循环,即for(i = 0,len=arr.length; i < len; i++) { }对于数组较大时，优化比较明显；第二种：foreacharr.forEach(function(e){ });第三种：fo...

原创 正则表达式的常用小例

　　常用的正则表达式pFan.regExp = { //# 字符串匹配 //是否为 数字！整数，浮点数 isNum: function (num) { //# 是否为数组 return !isNaN(num); } , isEmail: function (mail) {//# 是否为 邮箱 return /^([a-z0-9...

原创 jQuery之元素的操作：复制、删除和创建

复制元素使用.clone()。　　删除元素使用.remove()和.detach()。两者的区别在于，前者不保留被删除元素的事件，后者保留，有利于重新插入文档时使用。　　清空元素内容（但是不删除该元素）使用.empty()。　　创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了：代码:$('Hello'); $('new list item'); $('...

原创 jQuery之元素移动

　如果要移动选中的元素，有两种方法：一种是直接移动该元素，另一种是移动其他元素，使得目标元素达到我们想要的位置。　　假定我们选中了一个div元素，需要把它移动到p元素后面。　　第一种方法是使用.insertAfter()，把div元素移动p元素后面：代码:$('div').insertAfter('p');　第二种方法是使用.after()，把p元素加到div元素前面：代码:...

原创 jQuery之链式操作

选中网页元素以后，就可以对它进行某种操作。　　jQuery允许将所有操作连接在一起，以链条的形式写出来，比如：这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。　　jQuery还提供了.end()方法，使得结果集可以后退一步：...

原创 jQuery之改变结果集

　如果选中多个元素，jQuery提供过滤器，可以缩小结果集：有时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法：...

原创 jQuery之选择网页元素

　jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。　　使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。　　选择表达式可以是CSS选择器：也可以是jQuery特有的表达式：...

原创 ajax中get和post的请求

1.传递数据的方式不同：get是直接把请求数据放在url的后面，是可见的，post的请求数据不会显示在url中，是不可见的。 2.数据长度和数据类型的差异：get有数据长度的的限制，且数据类型只允许ASCII字符，post在这两方面都没有限制。3.安全性的差异：get不安全，post更安全。由此得出的两者的使用场景：get使用较方便，适用于页面之间非敏感数据的简单传值，post使用较...

原创 各种兼容

原创 重力回弹

原创 方块顺时针旋转

原创 从0-5又返回0

原创 点击切换内容

效果图如下：

原创 一个简单的一分钟倒计时

原创 封装一个随机数

原创 打印出30以内的素数

for(var i=2;i<=30;i++){var flag=true;//假设所有数都是素数for(var j=2;j<i;j++){if(i%j==0){flag=false;}}if(flag==true){console.log(i);}}

原创 判断素数的简单方法

function isPrimeNumber(num){var count=0;for(var i=2;i<num;i++){if(num%i==0){count++;}}if(count==0){document.write(num+"是素数");}else{document.write(num+"不是素数");}}isPrimeNumb...

原创 简易计算器，虽low但易懂

原创 常见的块元素与行内元素

原创 弹性盒布局

CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex...

原创 ：nth-child()与：nth-of-type()的区别？

原创 不可继承元素和可继承的元素

不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align【注】width是...

原创 BFC

BFC——“块级格式化上下文”，是指一个独立的渲染区域。一、BFC布局规则：（1）垂直方向，一个接一个地放置；（2）Box的垂直方向由margin决定；（3）BFC的区域不会与float box重叠；（4）BFC是一个独立的区域；（5）计算BFC高度时，浮动元素也参与计算。二、触发BFC的条件：（1）根元素（html）；（2）float属性不为none；（3...

原创 宽高自适应

一、1..宽高自适应：就是元素的大小能够根据窗口或子元素自动调整。1）宽度自适应：块级元素宽度设置为100%或者不设置情况下，默认为父元素的宽度 。2）高度自适应：不设置父元素的高度或者设置height：auto，父元素的高度随着子元素而变化，即父元素的高度由子元素而撑开。（高度自适应主要用在内容不确定的情况下使用）3）元素高度自适应窗口：html body 的高度在默认的情况下，heigh...

原创 最快捷的数组求最大值

var arr = [ 1,5,1,7,5,9];console.log(Math.max(...arr)); // 9 小伙伴们，快不快？