小程序对象转数组 //声明变量接收对象数据var itemList = res.data.item;//声明一个空的数组var items = [];//遍历数据for(let i in itemList){ //push到空数组里 items.push(itemList[i]);}//传输数据到页面this.setData({ itemData:items}) ...
倒计时 <div id="box" data-time="100000"> <p class="day"></p>天 <p class="hour"></p>时 <p class="mintue"></p&
js 输入int类型数字后自动在后面加.00,输入double型保留小数点后两位(适用于金额格式化) var getFloatStr = function(num){ num += ''; num = num.replace(/[^0-9|\.]/g, ''); if(/^0+/) num = num.replace(/^0+/, ''); if(!...
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 = {}; ...
vue路由重定向 相信很多刚开始接触路由重定向的时候都会踩了一些坑,不懂怎么去理解什么是重定向,重定向需要怎么设置,那就来说说吧:首先你要去路由配置文件下配置项目启动时渲染的首页路径和路由名称,如图第一个对象里是配置路由重定向path:'/'为项目的根目录,redirect为渲染的路径(这里我是指向了第二个对象里的path)第二个对象里的配置path:'/index'是自定义的路径,component:Custom...
vue请求网络接口中图片报错403解决办法 网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 forbidden,这个时候应该使用缓存的方式拿到请求图片的地址进行缓存,只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可(这是一个专门缓存图片的网址)getImages( _url ){ if( _url !== undefined ){ ...
客户端怎么解决跨域问题 相信很多面试官都喜欢问前端一个问题,就是怎么去解决跨域的问题,首先你要去了解跨域是怎么产生的?不同的服务器,不同的域名都会产生跨域的问题。但是实质上通俗来讲只有浏览器会跨域, 好像这么说并没有什么毛病,解决办法如下:1.配置代理2.下载浏览器跨域插件allow-control-allow-origi3.通过服务端转发...
安装cnpm 使用淘宝镜像安装cnpm代替npm可以提高cmd安装速度,在cmd输入全局安装指令:npm install -g cnpm --registry=http://registry.npm.taobao.org,按照成功如图所示:
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命令...
使用json-server和postman模拟搭建服务端环境 很多都东西都要有第一次尝试才会有收获,例如前端可以创建json文件编写模拟接口,利用json-server去模拟搭建一个本地服务端环境去监听和操作自己创建的json数据,进而通过请求本地服务端接口进行数据的展示,也可以对数据进行增删改查。这对以后和后端开发工程师配合制定接口规范多多少少都有一点帮助吧。废话不多说,直接丢操作:1.首先你要安装Node.js2.打开cmd1)(全局安装json-ser...
上传/更新文件到github 初次尝试github已经不知道踩了多少坑,花了好几天去熟悉它,不断失败不断尝试,各种百度,想不到的姿势都用了一遍,加上 最自己的项目是用vue脚手架搭建打包推到github时因为路径的问题尝试了好多次更新,也不知道自己的更新方式是否正确,只能不断去尝试,最终疏通了,为了日后使用方便所以就当做一下笔记吧(这些笔记也来源于网络一些笔者的分享)。首次推文件可以这波操作:一.建立本地仓库1.安装g...
1到100的阶乘(递归) function calc(num){ if(num==1) return 1; return num*calc(num-1);}console.log(calc(100));
判断数组中出现次数最多的元素 已经时隔好久没来更新博客了,因为最近面试的经历才让我明白其实多去学习多去充实自己究竟有多么的重要,回过头想想还是为自己的博客留下一点所谓学习或者笔记之类的痕迹吧。现在就先来说说如何在数组中判断出现次数最多的元素。var arr = ['a', 'b', 'c', 'd', 'd', 's', 'b', 'b', 'c', 'x', 'c'];var obj = {};arr.forEach
ie7,ie8下 使用绝对定位的a标签点击失效解决办法 今天无意间发现一个使用绝对定位的a标签在ie7,ie8下 使用绝对定位的a标签点击失效解决办法,查了一下原来竟是酱紫的,又get到了一个新的技能。以下是问题解决的办法:这种时候有两种解决方法(主要是针对a标签不能设置背景情况):1、给a标签添加样式:background:url(about:blank);2、给a标签随便添加背景色或者背景图片,然后将a标签的透明
wamp安装提示缺少msvcr110.dll的解决办法 一直不知道什么原因导致安装wamp失败,今天总算是解决了,一直想尽办法安装这个php集成开发环境,不是说一定是用来敲php代码,只是为了方便测试,使用本地ip进行局域网访问,避免所做的东西上传服务器之后出现的一些bug能提前处理罢了,当然这只是我的个人喜好,方法多种多样。 查了一下资料,发现现在所有的5.5环境都是基于vc11的编译脚本下生成的,在window下就得依赖相关的组件,刚
键盘字母打字游戏 简单写一个比较拙的打字游戏,意在表明这个游戏实现的方式,仅此而已。开始停止 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
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
java中的观察者模式 正如前面所说的单例模式,我不喜欢老是去抠这些概念,只管去实现就行了,结果我发现这是错的,还是先好好理解这概念性的东西,才能运用自如。package mvc;import java.util.Observable;/** 一个 observable 对象可以有一个或多个观察者。观察者是实现Observer接口的任意对象* 一个 observable 实例改变后,调用 Observable
简单描述java中的单例模式 记得刚接触的时候什么叫单例模式是浑然不知的,也许是那时候自己太抵触代码的原因不想去理解,不想去挖掘的原因吧。public class Simple { private Simple sim=null; public Simple getInstance(){ if(sim==null){ sim=new Simple(); } return sim; } public
java 链接数据库实现登录验证 因为当初比较抵住框架,so放弃后端开发选择了前端开发,笔记一直有保留,不是因为什么,只是因为自己做过,曾经经历过,也许哪一天我又重拾了呢,这都是未知数……package example;import java.sql.*;import java.util.*; public class CheckUser{ //获得提交的用户名和密码 private String user="";
js判断浏览器类型及版本号 一直不知道写点什么东西,就想到的做一点简单的笔记,不至于用到时不知所措。var userAgent = navigator.userAgent.toLowerCase(); if(userAgent.indexOf("chrome")){//判断浏览器类型 console.log("这是chrome浏览器:"); console.log(userAgent.ma
js获取页面加载过程做一个简单的loading 前几天写了一个简单的,还是觉得改善一下document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法. function loadingChange() { if(document.readyState == "complete"){//当页面加载状态为完全
用js判断页面是否加载完成 很偶然的机会和白开聊到怎么去判断页面加载完成后再将页面内容显示出来,今天突然想到这个就随手写了一个简单的demo,原来竟是这么简单,而自己却一直没去整过,总算是明白了,原来自己已菜了这么久*{padding: 0; margin:0;} html{font-size: 40px;} body, html{width: 100%; height: 100%;} .wrap{ position:
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-
翻页功能 结构:1 js:var num=$(".page").text(); $(".btn_next").click(function(){ num++; $(this).parent(".page").find('span').
关于浏览器兼容的细节 /* 图片自适应 */ img { max-width: 100%; height: auto; width:auto\9; /* ie8 */ -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/ }
使用iscroll后,input等不能输入内容的解决办法 在iscroll.js文件中加入如下代码function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart' in window)?'touchs
写在ie6里的点滴 IE6的那些破事:1 .是不支持position:fixed属性;解决方法:_position:absolute;_top:expression(documentElement.scrollTop + 数值 + “px”);2. 不支持max-width属性;解决方法:max-height:240px;_width:expressio
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
返回顶部按钮 //返回顶部 $("类名").click(function(){ $("html,body").animate({scrollTop:0},300); return false }); $(window).scroll(function(){ var A = $("类
页面文案展开和收缩样式的操作 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
jq判断滚动条到页面底部 $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop + windowHeight == scrollHeight){
input文本框获取/失去焦点 $(document).ready(function() { var vdefault = $('#cell').val(); $('#id').focus(function() { //获得焦点时,如果值为默认值,则设置为空 if ($(this).val() == vdefault) { $(this).val(""); } }); $('#ID
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:
js不同界面传值 //在还没有跳转页面的当前页编辑var storage = window.localStorage;//声明storage永久存储数据storage.setItem("userid", data.uid);//实时存储,在需要跳转页面的前一行编辑//在已经跳转的页面中编辑storage.getItem("userid");//在跳转的页面里获取
将原先非随机对象重新定义随机对象数组 //给原先questionArray对象重新定义随机对象数组 var questionArray_leng = Object.keys(questionArray).length;//对象长度 //定义一个下标数组,然后打乱 var arr = []; for (var i = 1; i
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
js倒计时跳转范例 请等待15秒var s = document.getElementById("time");var intNum = setInterval("run()",1000);function run(){if (s.innerHTML == 0) {clearInterval(intNum);alert("不好意思时间到!");window.lo
jquery版本使用的区别和对比 jquery版本区别: 1.3一般功能够 1.4.2一般功能够而且稳定 1.7+比较新特性 2不支持老IE 兼容的话最好选 1.x。稳定性就用1.7或者1.4,其中1.4的体积相对小 另外更加情况选用1系列还是2系列,2
舞台灯光效果 舞台灯光body{ background-color:#000000;}td{ filter:light;}--> var g_numlights=0;flttgt.onclick=keyhandler;
a标签链接target的属性 value的值如下:_blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架中打开被链接文档。
单例模式 public class Simple { private Simple sim=null; public Simple getInstance(){ if(sim==null){ sim=new Simple(); } return sim; } public static void main(String[] s){ sim.Test(
java连接数据库和读取数据 /-------数据库create database sunshine;//添加数据库create table student(sno char(20) primary key,sname char(20),sex char(2));//添加表student//向表student添加数据insert into student value("01","何群杰");insert i
java 面向对象编程(模拟老师用电脑上课) //程序入口类/* * 陈老师用电脑上课。 * 课上出现的问题 * 比如: * 电脑蓝屏了。 * 电脑冒烟了。 * 对问题进行描述,封装成对象。 * 当冒烟MaoyanException发生后,课时无法继续。 * 出现了讲师的问题,课时计划无法继续NoplanException */public class ExceptionTest1 {
java 对mysql数据的增删改查 import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBC_Test { // 创建静
java 链接mysql 链接数据库的步骤 此文章主要向大家描述的是Java连接MYSQL 数据库(以MySQL为例)的实际操作步骤,我们是以相关实例的方式来引出Java连接MYSQL 数据库的实际操作流程,以下就是文章的主要内容描述。当然,首先要安装有JDK(一般是JDK1.5.X)。然后安装MySQL,这些都比较简单,具体过程就不说了。配置好这两个环境后,下载JDBC驱动mysql-connector-java-5.0.5.zi
观察者模式 //银行柜台类import java.util.Vector;public class Counter {//小屏列表private Vector vectSmallScreen = new Vector();//当前业务号private String bizNo;//柜台名称private String name;//构造函数public Counter(
mysql数据库优化技巧 1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索引而进行全表扫描,如: select id from t where num is null 可以在num上设置默认值0,确保表中num列没有null值,然后这样查询: select
mysql常见问题 1.乱码问题?mysql> create database texts CHARACTER SET gbk;mysql> set NAMES GBK;如何解决MYSQL数据库中文乱码问题?2.导出和导入?cmd 到数据库的Bin 目录下导出数据mysql -u root -p test>test.sql导入,直接用
java 乘法口诀的实现 package com.test;public class Multiplication {public static void main(String[] args){ //9X9乘法表 //定义其中一个乘数,取值范围是1-9 ,循环条件是i++ for(int i=1;i //定义另一个乘数,取值范围也是1-9 ,循环条件是j++
java小球弹性碰撞 源码:package E3;import java.awt.Color;import java.awt.Dimension;import java.awt.Graphics;import java.awt.Image;import java.awt.Panel;import java.awt.event.KeyEvent;import java.awt.ev
gui 打字游戏 import java.awt.*;import java.awt.event.*;import java.awt.image.BufferedImage;import java.util.Vector;import javax.swing.JFrame;public class keyTest extends Window implements KeyListener, Runnab
Java工程师、程序员或者是初学Java语言的小白选手,需要了解 作为Java工程师、程序员或者是初学Java语言的小白选手,需要了解、把握Java语言的整体技术架构,对此“尚硅谷”推出了Java技术体系相对完整的行业标准,针对每一部分知识,详细列出了具体需要掌握的知识细节。同时,结合移动互联网、云计算、大数据的行业背景,加入了Android、Hadoop及实时计算的内容。 本文档,对每一位初出茅庐、或自学成才的“屌丝程序员”都具有很高的参考价值
如何做好IT软件实施项目 内容简介 这个世界上写给项目经理的书很多,写给IT项目经理的书也不少,但写给从事管理软件实施的项目管理书籍并不多。 而笔者在从事项目经理工作中感到一个很苦恼的问题是,很多书其实非常经典,但都有一个缺点:理论正确,实战指导作用不足。 不是亲身亲历的人是很难领悟到那些理论的精髓,而每个刚刚入行又立志成为一个IT实施的新人往往不是一开始就能从理论上武装自己,在他们起步的时候
获取当前时间的javascript代码 var d=new Date();var month=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");var Today=d.getDate()+" "+month[d.getMonth()]+" "+d.getFullYear()+" "+d.getMonth(); document
mysql命令 1:使用SHOW语句找出在服务器上当前存在什么数据库: mysql> SHOW DATABASES;2:创建一个数据库MYSQLDATAmysql> CREATE DATABASE MYSQLDATA;3:选择你所创建的数据库mysql> USE MYSQLDATA; (按回车键出现Database changed 时说明操作成功!)4:查看现在的
键盘游戏 一.游戏目的;二.游戏操作说明;三.游戏设计思路;一.游戏目的:玩家可以通过键盘游戏熟悉键盘操作,提高打字速度;二.游戏操作说明:玩家打开打字游戏网页,点击开始按钮进入游戏;当很多字母落下时,玩家按中键盘相应的字母,字母消失;当一个回合结束时(例如3分钟),提示是否进入下一关;三.游戏设计思路: