先给大家介绍下vue发送websocket请求和http post请求 直接上代码: pdf.vue <script>import SockJS from sockjs-client;import Stomp from stompjs;import qs from "qs"export default {name: "pdf",data() {return {newsData: [],tagGuid_mx: "",tagGuid_4AA_Ia: "",tagGuid_4AA_P: "",tagGuid_4AA_Q: "", 49 tagGuid_1AA_6_Ib: "",tagGuid_1AA_6_Ic: "",tagGuid_pdfwd: "",tagGuid_pdfsd: "",stompClient: ,timer: ,visi...
django js 实现表格动态标序号 <table class="table table-striped"><thead><tr class="key_words_head"><th>序号</th><th>类目</th><th>关键词</th><th>操作</th></tr></thead><tbody id="key_words_body">{% for keywords in classify_keywords_obj %}<tr class="key_words_tbody"><td id="td_num"></td><td id="hide_id">{{ keywords.id }}</td><td id="td_classify">{{ keywords.classify.classify_name }}</td><td id="td_key...
Vue中实现拖放排序,啥也不说,贴上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> ul { min-height: 100px; width: 200px; margin: 20px auto; background: #eee; } li { min-height: 2em; margin-top: 10px; background: #abcded; } / 组件过渡类 / .drog-move { transition: transform 1s; } </style> <body> <div id="app"> <transition-group name="drog" tag...
写这个文章主要是记录下用法,官网已经说的很详细了npm install vue-datepicker --savehtml代码<myDatepicker :date="startTime" :option="multiOption" :limit="limit"></myDatepicker> <myDatepicker :date="endtime" :option="timeoption" :limit="limit"></myDatepicker> js代码<script> import myDatepicker from vue-datepicker export default {name: PillDetail,components:{myDatepicker},data () {return {startTime: { ...
效果图:使用方法 (1)引入 jQuery 包,下载地址 (2)引入 zTree 包,下载地址 (3)引入 tree-select.js (4)$("#id").treeSelect(data); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TreeSelect</title> <script type="text/javascript" src="./js/jquery-1.11.0.min.js"></script> <link rel="stylesheet" type="text/css" href="js/zTree_v3-master/css/zTreeStyle/zTreeStyle.css" rel="exter...
编程式跳转的实现代码,如下所示: <template><ul class = "prolist"><!-- //产品 --><!-- :to = "/detail/item.id" --><!-- 声明式跳转 :to = "{ name: detail,params: { id: item.id } }" --><!-- <router-link :to = "{ name: detail,params: { id: item.id } }" tag = "li" class = "proitem" v-for="(item,index) of iss" :key=index><div class = "itemimg"><img :src="item.images.small" :alt="item.alt"></div><div class...
前言 我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用jQuery如果删除指定或匹配的元素内的子元素和节点! jQuery中empty()方法的解释jQuery中的empty()方法:些方法可以清空/删除指定元素下的所以子节点或是内容 语法:$(selector).empty()举个大大的“例”字 利用jQuery中的...
vue的面包屑导航组件 用来将其放到navbar中; Breadcrumb/index.vue <template><el-breadcrumb class="app-breadcrumb" separator="/"><transition-group><el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path" v-if="item.meta.title"><span v-if=item.redirect==="noredirect"||index==levelList.length-1 class="no-redirect">{{item.meta.title}}</span><router-link v-else :to="item.redirect||item.p...
下面给大家介绍下监控Nodejs的性能, 最近想监控一下Nodejs的性能。记录分析Log太麻烦,最简单的方式是记录每个HTTP请求的处理时间,直接在HTTP Response Header中返回。 记录HTTP请求的时间很简单,就是收到请求记一个时间戳,响应请求的时候再记一个时间戳,两个时间戳之差就是处理时间。 但是,res.send()代码遍布各个js文件,总不能把每个URL处理函数都改一遍吧。 正确的思路是用middleware实现。但是Nodejs没有任何拦截res.se...
微信小程序判断页面是否从其他页面返回,具体内容如下所示: 在 data 中自定义一个标记变量,在onLoad里 Page({data: {isNewOpen: true, //判断当前页面是新打开还是从其他页面返回 list: [], page: 0},onLoad: function() { this.getList()},getList () {// ...},goDetail (e) { this.setData({isNewOpen: false})wx.navigateTo({url: `/pages/detail/detail`,}) },onShow: function () {if (!this.data.isNewOpen) {this.setData...
JS字符串与二进制的相互转化的方法,具体代码如下所示: //字符串转ascii码,用charCodeAt(); //ascii码转字符串,用fromCharCode(); var str = "A"; var code = str.charCodeAt(); var str2 = String.fromCharCode(code); 十进制转二进制 var a = "i"; console.log(a.charCodeAt()); //105 console.log(a.charCodeAt().toString(2)); //1101001var a = "我"; console.log(a.charCodeAt()); //25105 console.log(a.charCodeAt()...
elementUi vue el-radio 监听选中变化的实例代码如下所述: //change是radio-group标签的事件 <div><el-radio-group v-model="radioSex" @change="changeHandler"><el-radio class="radio" label="man">男</el-radio><el-radio class="radio" label="woman">女</el-radio> </el-radio-group> </div> export default {name: Radio,data () {return {radioSex: man}},methods: {changeHandler(value) {console.log(改变之后的值是: +...
定义标准接口 Interface= {};Interface.ParentWin = {};Interface.ChildWin = {};/*** 父页面提供的标准接口函数名称*/Interface.ParentWin.funName = {getDataFun: "getDataFun", //子页面调用,提供给子页面的数据接口updateDataFun: "updateDataFun", //子页面调用,向父页面提交数据接口closeFun: "closeFun" //子页面需要关闭时,调用父页面的关闭窗口接口}/*** 父页面设置需要提供给子页面的接口函数* @param childWinId :...
最近有个需求,一个列表上下移动要有简单过渡效果,在网上找了找没找到,可能是我搜的关键词不对? 试了试 Vue 的 transition-group ,也没有达到预期的效果,然后就花了点时间做了一个操作Demo。 最终效果 某列的数据由 X 位置上升到 Y 位置的过渡效果技术点 visibility: hidden v-for key 这么简单的实现哪有什么技术点,哈哈哈 实现方式 这个过渡效果一共由三部分组成: 在 Y行 位置插入 X行 位置的数据,添加一个高度展开效果,...
注:本文基于上一篇文章【Vue-Cli 3.0 中配置高德地图 】 ,采用直接引入高德 SDK 的方式来使用高德地图api 一、效果图二、组件要实现的功能 1. 如果有传入坐标点,则定位到坐标点 2. 如果没有传入坐标点,则定位到当前所在位置 3. 定位成功要在右侧显示经纬度和地址 4. 可以通过拖动 标记 来调整定位点 5. 标记 拖动后,右侧要显示拖动后的经纬度和地址 6. 点击确定按钮,返回最后的坐标点和地名给父组件 三、 组件实现具体代码<t...