- 博客(64)
- 收藏
- 关注
原创 小程序对象转数组
//声明变量接收对象数据var itemList = res.data.item;//声明一个空的数组var items = [];//遍历数据for(let i in itemList){ //push到空数组里 items.push(itemList[i]);}//传输数据到页面this.setData({ itemData:items}) ...
2018-10-15 15:44:07 4012
原创 倒计时
<div id="box" data-time="100000"> <p class="day"></p>天 <p class="hour"></p>时 <p class="mintue"></p&
2018-09-18 16:46:02 222
转载 js 输入int类型数字后自动在后面加.00,输入double型保留小数点后两位(适用于金额格式化)
var getFloatStr = function(num){ num += ''; num = num.replace(/[^0-9|\.]/g, ''); if(/^0+/) num = num.replace(/^0+/, ''); if(!...
2018-09-14 11:07:35 4043 1
原创 split获取参数
<script> var url = 'http://www.baidu.com/?name=xiaoming'; function param(url){ var index = url.indexOf('?'); console.log(index); var query = url.substr(index+1); console.log(query); var o = {}; ...
2018-08-26 22:24:04 755
原创 vue路由重定向
相信很多刚开始接触路由重定向的时候都会踩了一些坑,不懂怎么去理解什么是重定向,重定向需要怎么设置,那就来说说吧:首先你要去路由配置文件下配置项目启动时渲染的首页路径和路由名称,如图第一个对象里是配置路由重定向path:'/'为项目的根目录,redirect为渲染的路径(这里我是指向了第二个对象里的path)第二个对象里的配置path:'/index'是自定义的路径,component:Custom...
2018-07-06 21:44:56 9622
原创 vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 forbidden,这个时候应该使用缓存的方式拿到请求图片的地址进行缓存,只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可(这是一个专门缓存图片的网址)getImages( _url ){ if( _url !== undefined ){ ...
2018-07-05 17:25:25 13249 1
原创 客户端怎么解决跨域问题
相信很多面试官都喜欢问前端一个问题,就是怎么去解决跨域的问题,首先你要去了解跨域是怎么产生的?不同的服务器,不同的域名都会产生跨域的问题。但是实质上通俗来讲只有浏览器会跨域, 好像这么说并没有什么毛病,解决办法如下:1.配置代理2.下载浏览器跨域插件allow-control-allow-origi3.通过服务端转发...
2018-07-05 10:03:50 4184
原创 安装cnpm
使用淘宝镜像安装cnpm代替npm可以提高cmd安装速度,在cmd输入全局安装指令:npm install -g cnpm --registry=http://registry.npm.taobao.org,按照成功如图所示:
2018-06-29 11:04:43 1847
原创 Vue2.x脚手架搭建
1.首先要全局安装最新版本的node;2.在cmd中输入Vue2.x安装命令:1)全局安装vue脚手架:npm install -g vue-cli2)初始化基于webpack的vue项目:vue init webpack my-project3)进入你的项目目录:cd my-project4)安装依赖:npm install5)启动项目:npm run dev3.为了以后能执行run dev命令...
2018-06-29 10:22:31 1439
原创 使用json-server和postman模拟搭建服务端环境
很多都东西都要有第一次尝试才会有收获,例如前端可以创建json文件编写模拟接口,利用json-server去模拟搭建一个本地服务端环境去监听和操作自己创建的json数据,进而通过请求本地服务端接口进行数据的展示,也可以对数据进行增删改查。这对以后和后端开发工程师配合制定接口规范多多少少都有一点帮助吧。废话不多说,直接丢操作:1.首先你要安装Node.js2.打开cmd1)(全局安装json-ser...
2018-06-07 18:43:21 4194
原创 上传/更新文件到github
初次尝试github已经不知道踩了多少坑,花了好几天去熟悉它,不断失败不断尝试,各种百度,想不到的姿势都用了一遍,加上 最自己的项目是用vue脚手架搭建打包推到github时因为路径的问题尝试了好多次更新,也不知道自己的更新方式是否正确,只能不断去尝试,最终疏通了,为了日后使用方便所以就当做一下笔记吧(这些笔记也来源于网络一些笔者的分享)。首次推文件可以这波操作:一.建立本地仓库1.安装g...
2018-06-07 15:48:12 17607
原创 1到100的阶乘(递归)
function calc(num){ if(num==1) return 1; return num*calc(num-1);}console.log(calc(100));
2017-07-27 11:52:18 5690
原创 判断数组中出现次数最多的元素
已经时隔好久没来更新博客了,因为最近面试的经历才让我明白其实多去学习多去充实自己究竟有多么的重要,回过头想想还是为自己的博客留下一点所谓学习或者笔记之类的痕迹吧。现在就先来说说如何在数组中判断出现次数最多的元素。var arr = ['a', 'b', 'c', 'd', 'd', 's', 'b', 'b', 'c', 'x', 'c'];var obj = {};arr.forEach
2017-07-27 10:28:41 1421
转载 ie7,ie8下 使用绝对定位的a标签点击失效解决办法
今天无意间发现一个使用绝对定位的a标签在ie7,ie8下 使用绝对定位的a标签点击失效解决办法,查了一下原来竟是酱紫的,又get到了一个新的技能。以下是问题解决的办法:这种时候有两种解决方法(主要是针对a标签不能设置背景情况):1、给a标签添加样式:background:url(about:blank);2、给a标签随便添加背景色或者背景图片,然后将a标签的透明
2016-05-09 18:21:17 2921
原创 wamp安装提示缺少msvcr110.dll的解决办法
一直不知道什么原因导致安装wamp失败,今天总算是解决了,一直想尽办法安装这个php集成开发环境,不是说一定是用来敲php代码,只是为了方便测试,使用本地ip进行局域网访问,避免所做的东西上传服务器之后出现的一些bug能提前处理罢了,当然这只是我的个人喜好,方法多种多样。 查了一下资料,发现现在所有的5.5环境都是基于vc11的编译脚本下生成的,在window下就得依赖相关的组件,刚
2016-05-06 10:20:44 14080 2
原创 键盘字母打字游戏
简单写一个比较拙的打字游戏,意在表明这个游戏实现的方式,仅此而已。开始停止 var arr=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","S","Y","Z"); var charInDiv=''; f
2016-05-03 17:46:55 1658
原创 1到100之间的和、偶数和、奇数和
package com.test;public class Sun{ public static void main(String args[]){ int sum=0; int sun=0; for(int i=1; i<=100; i+=2){ sum += i; } System.out.println("1————100的奇数---="+sum); for
2016-05-03 17:36:09 7016
原创 java中的观察者模式
正如前面所说的单例模式,我不喜欢老是去抠这些概念,只管去实现就行了,结果我发现这是错的,还是先好好理解这概念性的东西,才能运用自如。package mvc;import java.util.Observable;/** 一个 observable 对象可以有一个或多个观察者。观察者是实现Observer接口的任意对象* 一个 observable 实例改变后,调用 Observable
2016-05-03 17:32:49 480
原创 简单描述java中的单例模式
记得刚接触的时候什么叫单例模式是浑然不知的,也许是那时候自己太抵触代码的原因不想去理解,不想去挖掘的原因吧。public class Simple { private Simple sim=null; public Simple getInstance(){ if(sim==null){ sim=new Simple(); } return sim; } public
2016-05-03 17:23:22 703
原创 java 链接数据库实现登录验证
因为当初比较抵住框架,so放弃后端开发选择了前端开发,笔记一直有保留,不是因为什么,只是因为自己做过,曾经经历过,也许哪一天我又重拾了呢,这都是未知数……package example;import java.sql.*;import java.util.*; public class CheckUser{ //获得提交的用户名和密码 private String user="";
2016-05-03 17:14:29 21706 2
原创 js判断浏览器类型及版本号
一直不知道写点什么东西,就想到的做一点简单的笔记,不至于用到时不知所措。var userAgent = navigator.userAgent.toLowerCase(); if(userAgent.indexOf("chrome")){//判断浏览器类型 console.log("这是chrome浏览器:"); console.log(userAgent.ma
2016-05-03 16:30:37 1109
原创 js获取页面加载过程做一个简单的loading
前几天写了一个简单的,还是觉得改善一下document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法. function loadingChange() { if(document.readyState == "complete"){//当页面加载状态为完全
2016-03-29 18:25:16 8843
原创 用js判断页面是否加载完成
很偶然的机会和白开聊到怎么去判断页面加载完成后再将页面内容显示出来,今天突然想到这个就随手写了一个简单的demo,原来竟是这么简单,而自己却一直没去整过,总算是明白了,原来自己已菜了这么久*{padding: 0; margin:0;} html{font-size: 40px;} body, html{width: 100%; height: 100%;} .wrap{ position:
2016-03-27 23:53:42 17903 1
原创 css3背景图片无间断滚动
类名{background: url(../images/bg.png) 0 bottom repeat-x; -webkit-animation: animate-cloud 20s linearinfinite; -moz-animation: animate-cloud 20s linear infinite; -ms-animation: animate-
2016-01-05 12:55:54 3793
原创 翻页功能
结构:1 js:var num=$(".page").text(); $(".btn_next").click(function(){ num++; $(this).parent(".page").find('span').
2015-12-25 10:58:04 654
原创 关于浏览器兼容的细节
/* 图片自适应 */ img { max-width: 100%; height: auto; width:auto\9; /* ie8 */ -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/ }
2015-11-28 16:56:07 593
转载 使用iscroll后,input等不能输入内容的解决办法
在iscroll.js文件中加入如下代码function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart' in window)?'touchs
2015-09-29 16:41:23 1620
转载 写在ie6里的点滴
IE6的那些破事:1 .是不支持position:fixed属性;解决方法:_position:absolute;_top:expression(documentElement.scrollTop + 数值 + “px”);2. 不支持max-width属性;解决方法:max-height:240px;_width:expressio
2015-09-07 15:35:07 604
转载 css3 阴影处理及兼容
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}.shadow { /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Micr
2015-09-07 15:08:50 547
转载 返回顶部按钮
//返回顶部 $("类名").click(function(){ $("html,body").animate({scrollTop:0},300); return false }); $(window).scroll(function(){ var A = $("类
2015-08-03 14:55:27 384
原创 页面文案展开和收缩样式的操作
display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;注:-webkit-line-clamp: 3文案显示行数为3行展开和收起可以通过click点击事件addClass
2015-06-09 13:33:00 1225
转载 jq判断滚动条到页面底部
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop + windowHeight == scrollHeight){
2015-06-09 13:00:10 1694
转载 input文本框获取/失去焦点
$(document).ready(function() { var vdefault = $('#cell').val(); $('#id').focus(function() { //获得焦点时,如果值为默认值,则设置为空 if ($(this).val() == vdefault) { $(this).val(""); } }); $('#ID
2015-06-01 11:27:20 989
原创 click按钮选择事件
Title .frame{ width: 600px; height: 500px; background-color: #eee;}.frame .btn_box{width: 130px; height: 28px; margin-bottom:30px; border: 1px solid #d2d2d2; line-height:28px; padding:
2015-04-23 09:59:11 648
原创 js不同界面传值
//在还没有跳转页面的当前页编辑var storage = window.localStorage;//声明storage永久存储数据storage.setItem("userid", data.uid);//实时存储,在需要跳转页面的前一行编辑//在已经跳转的页面中编辑storage.getItem("userid");//在跳转的页面里获取
2015-04-09 10:03:59 867
原创 将原先非随机对象重新定义随机对象数组
//给原先questionArray对象重新定义随机对象数组 var questionArray_leng = Object.keys(questionArray).length;//对象长度 //定义一个下标数组,然后打乱 var arr = []; for (var i = 1; i
2015-04-09 09:38:27 353
原创 js 一次按钮事件获取全部数据
div{ border: solid 1px red; width: 200px; height: 200px;}点我 第一个方法:var mycar=new Array("df","dff","fdsf"); var dd=document.getElementById("hh"); for (var i=0;i dd.innerHTML=d
2015-04-07 11:49:06 809
原创 js倒计时跳转范例
请等待15秒var s = document.getElementById("time");var intNum = setInterval("run()",1000);function run(){if (s.innerHTML == 0) {clearInterval(intNum);alert("不好意思时间到!");window.lo
2015-04-07 09:56:31 417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人