前端开发
小达哥的垃圾桶
小王子果然是猪
展开
-
安卓开发之嵌入H5
1、开启网络权限AndroidManifest.xml添加:<uses-permission android:name="android.permission.INTERNET"/><?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.mya.原创 2020-06-24 16:58:49 · 2431 阅读 · 2 评论 -
JS之CSS+HTML写原生动态菜单栏(高亮、收缩、选中)
html代码如下,也就是ul+li(ul+li)这样的等级关系:<ul class="sidebar-menu" style="font-size: 17px;"> <li><a href="${path}/web/open/publicService?accessToken=${accessToken}" class="inactive...原创 2018-09-04 14:58:27 · 6873 阅读 · 0 评论 -
Vue第五篇之Vue.js编辑菜谱(v-for、v-model实战)
1、先获取门店下的所有菜品类型、菜品名称、菜品id(list),也就是最大数据量this.$http.post(ceshiApi+'getCyFoodAndFoodTypeForShopId',{shopId:this.shopId},{emulateJSON:true,credentials: true}).then(function(res){ if(res.data.type=...原创 2018-05-08 10:22:53 · 4000 阅读 · 0 评论 -
Vue第六篇之Vue遍历data中某个字段,并累加、算总数,总计(this.list.forEach方法实战)
直接上代码,遍历data中prodAllPrice,并累加、算总数,总计(this.list.forEach方法实战)://定义 let sum = 0;this.list.forEach((item) => { //遍历prodAllPrice这个字段,并累加 sum += item.prodAllPrice;});//返回...原创 2018-05-08 10:11:47 · 41699 阅读 · 6 评论 -
Vue第三篇之vue.js时间戳转时间字符串
直接上干货:/** * 通过时间戳返回yyyy-MM-dd HH:mm:ss * @param timestamp * @returns {string} */formartDate(param) { var time = new Date(timestamp); var y = time.getFullYear(); var m = time.getMo...原创 2018-05-14 11:35:55 · 16386 阅读 · 0 评论 -
Vue第四篇之Vue.js中el-steps步骤的简单使用
html中:<div class="step"> <el-steps :active="orderStatus" > <el-step :title="item.title" :description="item.description" v-for="item in items"></el-step> </...原创 2018-05-10 16:24:41 · 40529 阅读 · 4 评论 -
JS之输入框,模糊查询。显示模糊下拉列表
//--------------------------JS-------------------------$(function(){//当键盘键被松开时发送Ajax获取数据$('#handleApplyLabelSequence').keyup(function(){var keywords = $(this).val();if (keywords=='') { $('#word'...原创 2017-12-27 20:36:35 · 5837 阅读 · 2 评论 -
JS之对浏览器Cookie的操作
//删除cookiesfunction DelCookie(name){ var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=GetCookie(name); if(cval!=null){ document.cookie= name + "="+cval+";expires="+e...原创 2017-12-06 15:42:55 · 921 阅读 · 0 评论 -
JS之(eval函数)返回Json或Object,导致Bug,使用eval函数处理
function news(id){$.ajax({type : "POST",url:"${path}/bulletinNews/newsDetail.do", dataType: 'json',//返回数据的类型 data:{id:id}, success:function (data) { data=eval('('+...原创 2017-11-21 16:12:35 · 1341 阅读 · 0 评论 -
JS之使用Echarts画出人际关系图
首先在html中写一个壳子,通过ajax获取数据后再向壳子中注入数据即可1、html代码如下:<div class="strip_out"> <div class="strip" id="interpersonalRelationship"></div></div>2、JS代码如下:数据往哪组装呢:根据idvar in...原创 2018-09-04 15:04:39 · 10016 阅读 · 0 评论 -
JS之使用Echarts动态下载、切换柱形、折线图,
html代码如下:<div class="strip_out"> <div class="strip" id="strip_5"></div></div>js代码如下:var myChart5=echarts.init(document.getElementById("strip_5"),"macarons");...原创 2018-09-04 15:10:37 · 1549 阅读 · 0 评论 -
JS之以POST方式下载文件
1、原先是以<a>标签的方式,用户点击下载,但交互效果很差2、现在改为以POST方式下载文件var loading;$.ajax({ url: url, type: "post", data: {}, beforeSend:function(XMLHttpRequest){ loading = layer.load(0); },...原创 2019-05-08 10:16:07 · 4916 阅读 · 0 评论 -
JS获取浏览器信息及屏幕分辨率
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网...转载 2019-03-19 11:21:13 · 1966 阅读 · 0 评论 -
JS之以POST方式打开Web页面(地址栏参数问题)
以post方式打开页面/** * 以post方式打开页面 * url为请求路径 * params为请求参数 * target为页面打开方式 */function postOpenWindow(URL,PARAMS,target) { if(target==null) target = "_blank"; var temp_form = document.creat...原创 2019-03-11 13:11:32 · 5740 阅读 · 0 评论 -
前端开发:Layer之将页面以弹窗形式展示
目前开发项目时,用的是layer.js;感觉还不错,记录一下小功能:将页面以弹窗形式展示1、项目中引入layer/layer.js库;下载地址:layer下载2、随便弄一个项目可以访问的页面,例如:path+'/web/open/showFunctionBox';3、弹窗function/** * 功能介绍 * @param accessToken */functio...原创 2019-01-11 14:57:46 · 3303 阅读 · 1 评论 -
Echarts之学生成绩低于60分标红色
场景:在echarts图上显示学生成绩、平均成绩;分别以两种不同颜色显示;新加需求:学生成绩低于60分的标红;解决方案:visualMap:[{ show: false,//不显示选择按钮 top: 25,//显示时的位置 right: 10,//显示时的位置 seriesIndex: 1,//只对学生成绩生效,因为我学生成绩的series写在第二个;第...原创 2019-01-04 11:36:31 · 3186 阅读 · 0 评论 -
JS获取项目Url请求头Path
Locationhost属性host 属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名称和端口号。//在公共的JS中写const path = "http://"+document.location.host+":"+document.location.port; //通用//其他调用的页面直接用path获取“http://www.xxxx.cn:80”因为在...原创 2018-12-03 17:49:38 · 8866 阅读 · 0 评论 -
验证码的实现VerifyCodeUtils
package com.soft.share.util;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.RenderingHints;import java.awt.geom.AffineTransform;im...原创 2017-06-28 09:23:25 · 3111 阅读 · 1 评论 -
Vue第二篇之在HTML中引入Vue.js,快速使用Vue
对于没有接触过es6和webpack的童鞋来说,不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令,和整个vue实例的基础架构。下载vue.js 地址:https://download.csdn.net/download/qq_31122833/10723310,下载完之后在HTML中加入v...原创 2018-10-16 11:19:27 · 55741 阅读 · 9 评论 -
Vue第一篇之环境搭建
一期项目马上结束了,第二期项目想用vue来写;不多说了,马上开干!1、安装node.js,因为vue是依赖node的npm的管理工具来实现的下载地址:https://nodejs.org/dist/v8.9.1/node-v8.9.1-x64.msi,下载好node.js后点击安装,一路下一步就行;打开cmd命令窗,进入到你安装包所在目录,输入命令:msiexec /i node-v4.4...原创 2018-10-16 10:03:55 · 3751 阅读 · 0 评论 -
JS之Checkbox的值用","逗号连起来
js代码如下: var obj = document.getElementsByName("class"); var check_val = []; for(var k in obj){ if(...原创 2018-09-04 15:43:39 · 4527 阅读 · 0 评论 -
原创CheckBox的第三种状态原生代码
js遍历出htmlfor ( var key in map) {var s1="";var s2="";var check = false;//通过遍历对象属性的方法,遍历键值对,获得key,然后通过 对象[key]获得对应的值var list = map[key];for (var i=0; i< list.length;i++) {debugger;s2+='<...原创 2017-12-08 13:03:47 · 1016 阅读 · 0 评论 -
JS之(prop作用)CheckBox全选/全不选只有第一次点击的时候有效,后面点击全部无效了
unction chekcAll(that){ //如果是选中状态var sog = $(that).attr("sog");debugger; if($(that).prop("checked")==true){ $("."+sog).prop('checked',true); } if($(that).prop("che...原创 2017-11-28 15:58:36 · 922 阅读 · 0 评论