前端
beyond丿qq:1559810637
这个作者很懒,什么都没留下…
展开
-
bootstrap中使用瀑布流加载数据的案例
分享一段瀑布流加载替换分页查询的代码<!DOCTYPE html><html xmlns:th="http://www.w3.org/1999/xhtml"><!--<head th:include="include :: header"></head>--><head> <meta charset="utf-8"> <title>回忆录相册</title> <原创 2020-06-01 11:05:01 · 796 阅读 · 0 评论 -
ES6常用的新语法学习笔记
简介ES6是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。1.let和constletlet和var 差不多,都是用来声明变量,但是let的声明只能在{}内,以下代码输入都是10var a = [];for (var i = 0; i < 1...原创 2018-10-25 16:46:31 · 560 阅读 · 0 评论 -
Vue自定义组件实现按钮权限功能
在这之前请看我上一篇博客https://blog.csdn.net/qq_41594146/article/details/83381964,这里有思路和数据库设置,之前做的是没有组件化,也就是单纯的v-for循环直接显示,刚刚写了按钮权限的组件,现在贴上代码\ var myButton=Vue.extend({//设置标签 props:['names','item2...原创 2018-10-26 18:54:08 · 2896 阅读 · 0 评论 -
Vue的自定义组件不能使用click方法
先贴代码 var myButton = Vue.extend({//设置标签 props: ['names', 'item2'],//names为按钮名,item2为数据 template: '<span><span v-for="obj in item2" v-if="obj.name==names" v-html="obj.cod...原创 2018-10-26 20:15:30 · 13488 阅读 · 0 评论 -
Jquery改变多选框的值的时候,源代码显示选中但是页面上显示没有选中
这是之前的代码:for (let me of menuid) { $('#' + me.menuid).attr("checked", true); }改变集合中的id的多选框为选中,然后页面上并没有选中,源代码却显示checkbox=checkbox,然后我用了另一种方法改变选中状态解决了问题for (let me of menuid) {...原创 2018-10-31 19:15:30 · 656 阅读 · 0 评论 -
Nodejs加Vue.js的简单增删改查
用的node做的后台,数据库为mysql,数据交互和页面渲染用的vue,项目目录图:话不多说,首先来看node项目的配置文件app.js,注释我会写在代码里//引用模块var express = require('express');var path = require('path');var favicon = require('serve-favicon');var lo...原创 2018-11-03 14:42:30 · 3379 阅读 · 0 评论 -
Web应用使用F12调试的时候出现Failed to load resource: the server responded favicon.ico:1
favicon.ico意指你的网站图标,就是我们打开一个网页左上角出现的图标,我们只需要再页面上加入以下这行代码就不会再报这个错<link rel="shortcut icon" href="#" /> ...原创 2018-11-01 21:38:10 · 4102 阅读 · 0 评论 -
Jquery的简易版ajax $.post()
语法jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)参数 描述 url 必需。规定把请求发送到哪个 URL。 data 可选。映射或字符串值。规定连同请求发送到服务器的数据。 success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。 ...原创 2018-11-06 00:03:14 · 348 阅读 · 0 评论 -
layui的弹出层弹出多个并且点击多次的时候success函数执行多次,并且index成倍增加,打开弹出层卡顿解决
就标题这个问题弄了一晚上,在官网的社区也找了没有解决问题的答案,最终还是脑洞大开解决了问题博主写的项目中有需求是在一个弹出层上再弹出另一个弹出层,然后做完测试的时候发现,当你在点击多次第二个弹出层时会非常卡顿,并且cpu顿时彪上去,测试发现弹出层的success的函数当你点击了多少次它就执行了多少次,而在这个函数中,我有着根据第一个弹出层的数据来绑定事件和重载数据,所以就发生了卡顿的现象,后面...原创 2018-11-20 23:39:23 · 2666 阅读 · 0 评论 -
Jquery禁止浏览器的前进后退
jQuery(document).ready(function () { if (window.history && window.history.pushState) { $(window).on('popstate', function () { /// 当点击浏览...原创 2018-12-13 13:19:34 · 1594 阅读 · 0 评论 -
使用ajax进行跨域请求 无论请求是否成功都是走的error回调
前端代码: $.ajax({ type:'post', url:'http://171125dv96.iask.in/weiqing_manage/Package.json', dataType:'jsonp', jsonp:'ca...原创 2019-05-05 22:13:13 · 815 阅读 · 0 评论 -
Layui上传多图片并限制图片分辨率示例代码
话不多说,如标题 直接上代码HTML代码 <div class="layui-form-item"> <label class="layui-form-label" style="width: 150px">冒泡推送首页大海报:</label> <div class="layui-upload"> ...原创 2019-06-03 09:25:17 · 1599 阅读 · 3 评论 -
springboot使用thymeleaf模板引擎 实现局部刷新数据功能
1.介绍 springboot和thymeleaf 就不用说了,都懂,完事呢 局部刷新 用ajax;前端用ajax局部刷新数据一般有这么几个办法:使用layui 或者 bootstrap等ui框架 那么就很简单实现,或者使用ajax请求后用jquery重新拼接一下完事渲染 前端实现局部数据刷新 或者你用mvvm类型的前端框架也可以 (jquery天下第一)...原创 2019-08-01 11:32:21 · 6954 阅读 · 23 评论 -
Layui的TreeTable使用
Layui官方本身是没有TreeTable的,不过有个大佬自己写了一个,这是码云地址:https://gitee.com/whvse/treetable-lay/tree/master/接下来我来说一下具体使用这个东西首先下载这个文件夹中的东西在你的web项目下将这个文件夹弄到里面去,在页面上导入这些文件 <link rel="stylesheet" href="as...原创 2018-10-20 17:25:36 · 9005 阅读 · 3 评论 -
Layui在使用选项卡的时候嵌入页面显示有限,部分内容显示不全
找到该选项卡的代码然后把图中的属性改为yes原创 2018-10-20 13:05:41 · 4808 阅读 · 2 评论 -
form 关于form表单提交方式get和post的区别?
1.get是从服务器上获取数据,post是向服务器传送数据。2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式,服务器端用Request.QueryS...转载 2018-09-03 10:15:23 · 4931 阅读 · 0 评论 -
Jquery的$.extend和$.fn.extend
json对象分为三种1.对象:var v={sid:'123',sname:'asd' }2.数组: var v=[1,2,3,4]3.混合型 var v={ sid:'123',sname:'asd', v:[1,2,3,4] } $.extend和$.fn.extend$.extend是用来扩充Jquery类属性或者方法.$.extend(1,2,3)用后面的对象扩充...原创 2018-09-18 11:09:35 · 96 阅读 · 0 评论 -
JS中从后台传来的时间在页面上正确的显示方法
function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 Y = date.getFullYear() + '/'; M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1...原创 2018-09-20 17:09:03 · 2405 阅读 · 0 评论 -
Layui 在使用Layui框架中使用form表单中的标签但是没有css效果的解决方法
这是原来的代码 <label class="layui-form-label">搜索选择框</label> <div class="layui-input-inline"> <select name="modules" lay-verify="required" lay-search=&qu原创 2018-10-03 21:22:47 · 4190 阅读 · 2 评论 -
Layui 关于在使用Layui弹出层的时候,弹两个窗口时再使用第二次弹窗的时候导致窗口不能点击
问题如标题,原因是因为我做的添加和修改是在同一个窗口中,但是由于我在第一层的窗口中的一个按钮需要调用打开第二层窗口,所以就导致在代码上一个按钮绑定了两次click时间,在第一次使用过后,再去使用的时候会导致第一次的事件也会执行,页面上会多弹出一个窗口导致页面无法点击,解决方法就是在你弹出第二层窗口中使用$("div.layui-layer-shade:last-child").hide();这样可...原创 2018-10-05 00:55:57 · 6873 阅读 · 0 评论 -
jquery 根据name属性查找DOM
Js代码 : $("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 ...原创 2018-10-12 18:19:33 · 4238 阅读 · 0 评论 -
Angularjs 关于在使用Angularjs的时候下拉框的第一个选择为空白
如果数据时静态的话需要去控制器中创建一个对象数组,例如 $scope.num = [{id:"10"},{id:"20"},{id:"30"}];//下拉框的值option标签的代码为:<option ng-repeat="x in num" value="{{x.id}}">{{x.id}}</option>然后在select标签中原创 2018-10-12 21:25:32 · 626 阅读 · 0 评论 -
Angularjs的指令学习笔记
1.指令ng-app ng-controller<script src="../js/angular.min.js"></script><body><div ng-app="myApp" ng-controller="myCtrl"> {{ firstName + " " + lastName }}&a原创 2018-10-13 09:48:06 · 347 阅读 · 0 评论 -
Vue.js 使用Vue.js和Jquery做增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="bootstrap-4.1.3-dist/css/bootst原创 2018-10-14 12:03:30 · 829 阅读 · 0 评论 -
Angular.js 用Angular.js加Jquery做增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> <script src="js/jquery-3.3.1.js">&原创 2018-10-14 12:04:46 · 189 阅读 · 0 评论 -
React学习笔记,文档中的大部分代码都有注释
React主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。1.使用(以下源码如果复制使用请去掉注释)导入三个js库<script src="../js/react.development.js"></script><script src="....原创 2018-10-18 11:08:26 · 1312 阅读 · 0 评论 -
Layui 在使用Layui的select标签的时候重新赋值样式没改变,但是数值改变了
原因是因为在你重新赋值之前的时候layui的样式就把select的样式给渲染好了,所以我们要给它赋值之后重新渲染,代码为:layui.use(['layer','form'],function () { layui.form.render('select'); });重点是layui.form.render('select')这句就是重新渲染select,如果后面不加参数的话就是...原创 2018-10-16 21:26:52 · 11555 阅读 · 3 评论 -
使用js将页面上的table导出成excel表格
function base64(content) { return window.btoa(unescape(encodeURIComponent(content))); } function tableToExcel(tableID, fileName) { var excelContent = $("#" + tableID).html(); // alert(excel...原创 2018-09-01 17:09:38 · 9664 阅读 · 19 评论