lyx9611的博客

elementUI el-table内容自动滚动方案（二）vue-seamless-scroll

定时器实现el-table的内容滚动

【代码】vue 内容滚动方案。

diff_match_patch谷歌字符差异性的解决方案

uniapp禁止用户滑动某个盒子

遍历树结构，并找到第一个无叶子节点的节点

引入与使用// #ifndef VUE3import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({// #endif// #ifdef VUE3import { createStore } from 'vuex'const store = createStore({// #endif定义vuex的state、mutations、getters、actions：A

链接是服务器地址可能会跨域方法1：不会涉及跨域const link = document.createElement('a'); console.log(location.origin+src) link.href = "http://www.xxx.com:8000/frame/download.do?id=38e07c7b-5743-4d1e-a5af-f486a7df401e"; link.setAttribute('download',

原生拖拽<div class="dock flex-row" ref="dock" :class="{collapse: isCollapse}"> <ul class="dock-icons flex-row ali-center" ref="icons"> <li class="dock-icon flex-col" v-for="(item, i) in dock" :key="i" draggable="true" @dra

/** * @name getTableData * @desc 纯JS前端分页方法 * @param {Number} page 当前页码，默认1 * @param {Number} pageSize 每页最多显示条数，默认10 * @param {Array} totalData 总的数据集，默认为空数组 * @return {Object} { data, //当前页展示数据，数组 page, //当前页码 pageSize, //每页最多显示条数

文章重点是我研究的历程与成果，另外一些遇到的小问题分析。学习目标：这次的研究只针对两个需求：一个是将中文的地址在地图上标记出来，另外一个是唤起第三方的地图做路线规划以及导航，在这个基础上，我们都知道在导航的时候会有起点、终点和途径点，起点如果没有设置，就会默认是使用者的当前位置吧。学习内容：在此次学习中，我使用了三种方式来做的。直接使用了微信小程序的sdkrendjs直接渲染地图uni-app的map组件实现地图的显示和定位，导航的时候直接唤起第三方地图【不知道的话，我一般会说成是手机上已经

今天在做项目的时候，在node文件上传时，要选择什么插件？了解到有这几种插件供选择：formidable、multer（建立在busboy上，2515颗星）、connect-multiparty（有一个提示不要使用它的注释）、node-stridable（3376），busboy（814），node-multiparty（557）、在参考连接1，作者推荐使用：node-formidable，busboy或multer在链接2中列举了几个文件上传的比较与使用建议我这次使用的是multer，参考

express1、安装express1.依赖中间件2.接收请求get/post/user3.非破坏式4.staticnpm install express2、使用注意：如果下面注释的代码不注释，访问a.html或者b.html，实际上得到的结果还是根目录的结果。不知道各位大佬知不知道是怎么回事，欢迎帮忙解答const express= require('express');var server = express();/*server.use('/',function (req,re

nodejs基础1、后台优势：1、性能2、跟前台js配合方便3、便于前端学习测试node是否安装成功？js能用的，node也可。ctrl+shift+b运行node;ctrl+q 结束nodenodejs服务器http----协议

模块化系统模块化http、querystring、url

工厂模式目的：是为了创建对象目标：当创建相似对象时执行重复操作当编译时不知道具体类型的情况下，为工厂客户提供一个创建对象的接口使用场景：对象的构建十分复杂依赖于很多设置文件需要依赖具体环境创建不同实例处理大量具有相同属性的小对象工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。---------------------什么时候不该用工厂模式？不滥用运用工厂模式

原型模式创建一个共享的原型并通过拷贝这些原型创建新的对象用于创建重复的对象也就是创建一个对象作为另一个对象的prototype属性值，我们也可以通过Object.create(prototype, optionalDescriptorObjects)来实现原型继承。Object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象。------ 带来性能上的提升【】原型模式1原型模式2ES5提供了原生的克隆方法：Object.create，不支持这个方法的浏览器可以使

当在node.js函数中使用async / await时,它是否会阻塞node.js线程,直到它执行下一行代码？1、async或await不会阻止整个解释器，node.js仍然将所有JavaScript作为单线程运行，即使某些代码再async或await上等待，其他事件仍然可以继续运行其事件处理程序（node.js不会被阻止）。2、 事件队列仍在为其他事件提供服务，是一个事件，解决了一个允许从逻辑上讲,您可以考虑在执行函数时遇到await关键字时node.js执行的操作如下：进行函数调用解释

封装fetchexport default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); url = baseUrl + url; if (type == 'GET') { let dataStr = ''; //数据拼接字符串 Object.keys(data).forEach(key => {

比较年月日思路：转为毫秒时间计算function compareDate(that, date1, date2) { var oDate1 = new Date(date1); var oDate2 = new Date(date2); var data1 = Date.parse(date1.replace(/-/g, "/")); var data2 = Date.parse(date2.replace(/-/g, "/")); var datadiff =

//查询结构树的最后一级function getChild(t, arr) {//t是我们的Vue实例，arr是data数组 var child1 = []; if (child1.length > 0) { return } else { if (arr.length > 0) { for (var i = 0; i < arr.length; i++) { if (arr[

亲测有效：var url="https://blog.youkuaiyun.com/lyx9611?name=你好啊。"encodeURI(url);

前端怎么使用js和css实现网页打印和导出pdf

需求1//模拟后台返回的table数据var tableData = [{ thName: "姓名", name: "userName", value: "你",}, { thName: "性别", name: "sex", value: "女"}, { thName: "年龄", name: "age", value: 100,}];function renderTableJson(json) { var co

function isEmptyObj(obj) { for (var key in obj) { if ({}.hasOwnProperty.call(obj, key)) return false; } return true;}

var dateFormatFun = function (item) { var date = new Date(); var nowYear = date.getFullYear(); var nowMonth = date.getMonth() + 1; var nowDate = date.getDate(); var nowHour = date.getHours(); var nowMinute = date.getMinutes(); var nowSecond = date.g

DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。这两个方法都需要三个参数，分别为：事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。DOM事件流如图（剪自javascript高级程序设计，懒的画了）：由图可知捕获过程要先于冒泡过程当第三个参数设置为true就在捕获过程中执行，反之就在冒泡过程中执行处理函数var click = "ontouchend"

function sum(a,b){return a+b} // 第一次声明函数变量 sumconsole.log(sum); // 因为存在变量声明提升，输出函数第二次声明的结果console.log(sum(1,2)) // NaNfunction sum(a,b,c){return a+b+c;} // 变量声明提升，第二次声明函数变量 sum，覆盖了第一次声明console.log(sum);console.log(sum(1,2,3))java与JavaScript区别？

html部分代码<view class="echarts-box"> <view class="charts" id="canvasID" :prop="options" :change:prop="echarts.updateEcharts"></view></view>js部分代码如下<script module="echarts" lang="renderjs"> let myChart export default {

/* var data=[1,3,5,6,7,7];求和1：getArrSum(data)*/function getArrSum(arr) { var sum = 0; for (var i = 0; i < arr.length; i++) { if (!isNaN(arr[i])) { sum = sum + parseFloat(arr[i]); } } return sum}/* var data=[{name:'你好',value:100},{nam

获取id、echarts中的绘制方法（包含自适应window）resize

js javascript 数组 最小值

1、这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备onselectstart为Chrome、Safari准备-moz-user-select是FF的css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}2、或者使用下面的方法<div unselectable="on" onselectstart="return false;" s

对象的深拷贝与浅拷贝

1、prop的验证（我就直接从官网复制了）有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定 HTML 中的 attribute名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名1、以数组的形式prop:['name','age'];2、以对象的形式prop:{ name:{ type:String,

indexOf() 方法对大小写敏感！如果要检索的字符串值没有出现，则该方法返回 -1。

html代码如下：<div class="content"></div><div class="nav_lists"></div>new Vue({ el:'#elem', data:function(){ return{ } }})css样式如下：.nav_lists, .content { background-color: #fff; } .content { d

1、出现中文报错1、Uncaught SyntaxError: Unexpected end of input（报错）丨 解决办法2、Uncaught SyntaxError: Invalid or unexpected token

document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement||e.target; while(elem) { if(elem.textContent == "某某"||elem.id == "inff") { c.concatFlag=...

var funPie= function (myChart, dataObj,is1366) { var data = []; for (var i = 0; i < dataObj.dataArr.length; i++) { data.push({ value: dataObj.dataArr[i].value, ...