js
关注
分享
扫一扫
qlingsu
这个作者很懒，什么都没留下…
展开
-
前端开发遇到 STATUS_BREAKPOINT
前端开发页面 遇到浏览器崩溃STATUS_BREAKPOINT原创 2022-07-25 09:03:06 · 2644 阅读 · 1 评论 -
angular1.x 自动完成组件
该组件在页面中使用方式<auto-complete ng-model="result" init-list="mymenus" showkey="name" value="value" style="width:200px;margin-left:200px;"></auto-complete>其中，ng-model为绑定在$scope的值，init-list为对象数组，showkey为对象中的显示的值的key，value为对象中的赋值的key，style为自定义内联样式。原创 2021-04-22 23:02:33 · 338 阅读 · 0 评论 -
前端下载并读取excel并转成对象数组array
xlsx.js可以读取excel，可以使用前端下载下excel文件，并将其中内容转为对象数组，方便处理。例如，在vue-cli3.0或4.0中，将excel作为静态文件，放到public下，通过路径可以访问到。其中axios请求到的文件格式为arraybufferaxios({ method: "get", url: "文件名.xlsx", responseType: "arraybuffer", }).then((res) =>原创 2021-04-21 09:12:25 · 2102 阅读 · 0 评论 -
前端pdf操作
vue-pdf 对pdf.js进行了二次封装。为了适应项目，做了如下改动在pdfjs包中找到es5/pdf.worker.js在pdf.worker.js 中，注释掉_this3.setFlags(_util.AnnotationFlag.HIDDEN) 可以让电子签章显示。在vue-pdf中，使用canvas渲染pdf文件页面。微信中不支持下载pdf文件，而且canvas也无法另存为图片。这里采用增加img标签的方法，让canvas渲染的我图片再次渲染到img标签中。这样就可以在微信中..原创 2021-01-26 17:22:24 · 1191 阅读 · 0 评论 -
angular 1.X 滚动事件
<div scroll-event> ...</div>//这个div要设置高度和可以滚动app= angular.module("app",["aaa","bbb","ccc"]);app.controller('aController',['$scope','$http']);app.directive('scrollEvent',function(){varobj={restrict:'A',//A匹配属性E匹...原创 2020-11-30 15:02:48 · 474 阅读 · 0 评论 -
mousedown和mousemove的时候，offsetX和offsetY坐标不准确
多层div 拖动的时候，比如<div id="div1"> <div id="div2">111111</div> <div id="div3">222222</div></div>当点击的是div2或div3的时候，取到的offsetX和offsetY的值是相对该元素。而我们最终需要相对div1的坐标可以如下处理mousedownEvent(event){ let rect = eve原创 2020-10-15 19:47:09 · 3568 阅读 · 0 评论 -
vue使用createElement异步渲染组件
采用了两种方式第一种方式，vue模板组件建立一个vue文件 ，假如名字叫mountElement.vue<template> <div id="mountedDiv"></div></template><script>import { isVNode } from "@/plugin/VnodeUtil";import TempSlot from "./TempSlot";import Vue from "vue";e原创 2020-10-09 09:14:36 · 3326 阅读 · 0 评论 -
vue让相同组件只显示一个
常用的有单例模式，也可以采用组件间通信的方法如下<template> <div > <div @click="showComponent"> </div> <div class="x-class" v-show="show"> </div> </div></template><script>import Vue from "vue";va原创 2020-08-17 09:48:44 · 1508 阅读 · 0 评论 -
js获取前几个月的数组方法和后几个月的数组方法
//获取month的数组，形如[202003,202004,202005],如果没有指定参考年月，以当前年月为准//入参，第一个，前几个月；第二个，参考月份如202007，如果没有以当前年月为准export function getPreMonths(monthNum, endYearMonth) { let now = new Date(); let currentYear = new String(now.getFullYear()); let currentMonth =.原创 2020-08-10 14:30:24 · 771 阅读 · 0 评论 -
js根据key给数组去重，实际上就是根据key获得归类，聚类
//根据key给数组去重,没有key的话就平铺去重Array.prototype.unique = function (key) { var obj = new Object(); this.map((item) => { if (key && item[key] && !obj[item[key]]) { obj[item[key]] = true; } else if (!key &.原创 2020-08-10 14:21:51 · 490 阅读 · 0 评论 -
vue-cli3和vue-cli4中vue.config.js给sass变量赋值
var appConfig = require("./public/appConfig")var styleVariables = appConfig.style;//在module.exports = {}中插入webpack配置configureWebpack: { module: { rules: [{ test: /\.scss$/, use: [ .原创 2020-07-31 17:48:53 · 2050 阅读 · 1 评论 -
js时间格式化工具 js复制文本函数(通过dom)
时间格式化工具Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(),原创 2020-05-14 09:34:54 · 190 阅读 · 0 评论 -
使用canvas做的画图板
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>画图板</title> <style type="text/css"> canvas{ ...原创 2020-04-17 10:00:19 · 401 阅读 · 0 评论 -
使用原生canvas实现环形布局
<html><div id="graph"></div><div id="drawing" style="position: relative;"></div><canvas id="processCanvas"></canvas><div style="position: relative;"...原创 2020-03-11 13:56:32 · 605 阅读 · 0 评论