- 博客(26)
- 资源 (2)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 前端JS使用jsencrypt进行RSA加解密
npm i jsencrypt -S import {JSEncrypt} from 'jsencrypt ' ////or<script src="./node_modules/jsencrypt/bin/jsencrypt.min.js"></script> let encrypt = new JSEncrypt(); let pubkey = `-----BEGIN PUBLIC KEY----- MIGfMA0GCSqGSIb3DQEBAQ
2022-04-08 18:20:53
2324
原创 npm publish报错error 426 Upgrade Required - PUT http://registry.npmjs.org/your-packageName
error:npm notice npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more informa
2021-11-22 13:12:10
2628
原创 Vue动态组件的双向绑定及数据传输,比v-if更优雅
当你在写好了一些与解耦业务的公共组件，想着在动态渲染相关的业务里面使用时是否会不知道如何往下做，而对Vue-Component-is的理解也只停留在组件展示阶段，而业务中很多场景都可以使用component-is实现，类似复杂表单开发、拖拽组件的实现等等，如果你正在使用大量的v-if，那么我建议你看看这篇文章；先来看看以前v-if的写法 <!-- //输入框 --> <finput v-if="info.component === 'input'" v-m
2021-11-22 12:11:08
1241
原创 js获取一年有多少周及每周详细日期
获取一年的周数量及详细function formatNumber(n) { return n.toString().length > 1 ? n : '0' + n}const getWeek = { run: (year) => { let days = getWeek.getDate(year || new Date().getFullYear()) let weeks = {}; for (let i = 0; i < days.length;
2021-11-09 15:49:23
1875
原创 vue动态渐变斑马纹进度条
vue-processbarnpm i vue-processbar -SUsage1.import vueProcessbar from 'vue-processbar'2.components: { vueProcessbar }3.options:{//default props height:'30px',//进度条高度 radius:'15px',//进度条圆角 可为px、%等 time:'3000ms',//动画开始到结束时间 anima
2021-05-12 12:30:06
944
原创 防抖与节流,rxjs防抖与节流
简介最近在看Rxjs的文档，看到operator内debounceTime、throttleTime的两个方法，怪自己读书少，之前写防抖节流的时候一直想写个utils可能是因为理解不到位就一直没敢下手，今天既然发现了工具就记个笔记写下来以便日后少掉一点头发。代码:一、安装rxjsnpm install -S rxjsnpm install -S rxjs-compat二、引用import { Observable } from "rxjs/Observable";import "rxjs/
2020-10-28 12:43:10
1271
1
原创 vue太阳系模型,vue solar-system
简介本人很喜欢太空与各种天文景象，经常在steam的宇宙沙盘模拟各种太阳系的场景，今日突发奇想用vue做个简略太阳系简单娱乐一下，仅仅八大行星的公转轨道，并没有太阳、自转、卫星、行星带等等细节，行星数据轨道半长轴、赤道半径、公转周期均来自百科。<template> <div class="container"> <div v-for="(planet, index) in system" :key="'system' + index"
2020-10-26 15:12:20
545
原创 vue饼状图，vue-pie，canvas饼状图，饼状图，canvas
NPMhttps://www.npmjs.com/package/vue-pie-canvas#preview预览
2020-10-23 13:17:43
524
原创 JavaScript-字母和数字的相互转换
一、字母转数字 let letter = 'a'; let num = letter.toUpperCase().charCodeAt() - 64; console.log(num); // 1一、数字转字母 let num = 1; let letter = String.fromCharCode(64 + num); console.log(letter); // 'A'
2020-10-10 16:35:45
2342
原创 vue-tree-down,vue流程图，纵向流程图
soucegit:https://github.com/zhuyuhaoliar/vue-tree-downnpm:https://www.npmjs.com/package/vue-tree-downvue-tree-downUsagenpm install vue-tree-down1.import TreeDown from "vue-tree-down"2.components: { TreeDown, }3.list: [//datasource {
2020-08-31 15:49:12
775
原创 vue-tree树状图,横向树状图,流程图
soucegit:https://github.com/zhuyuhaoliar/vue-tree-rightnpm:https://www.npmjs.com/package/vue-tree-rightvue-tree-rightUsagenpm install vue-tree-right1.import TreeRight from "vue-tree-right"2.components: { TreeRight, }3.list: [//datasource
2020-08-26 15:28:45
5673
8
原创 Nuxt.js服务端渲染
Nuxt.js服务端渲染一、安装npx create-nuxt-app <项目名> //npx在NPM版本5.2.0默认安装了配置项：koa+UI+Universal+Axios…二、页面配置比如想要生成的链接为http://domain/hot/617464918241hot为文章分类，617464918241为文章ID，则pages目录为:├── pages│ ├── _type│ │ └── _id.vue│ │ └── index.vue│
2020-06-02 11:47:38
263
原创 关于前端处理office-word文档的思路
1、需求需要为政府自动处理word文档内容格式等等,原需求为：浏览器导入原始word文件,经过处理后导出文件内容，字体、样式、缩进、行距等等须符合客户给出的标准;2、为什么会是前端处理？1、针对.doc/.docx文件格式，作为前端并没有接触过word处理，Excel就不一样，可以随意读取内容，这个需求我听说拖了挺长时间，因为还不确定能不能做，直到我入职当天晚上，项目经理把这个任务交给了我，...
2019-11-01 14:18:41
1401
原创 前端js处理接口返回文件流（.doc）
1、需求场景api接口返回word文件流，返回报文为乱码，需要转换为.doc文件并下载2、方法接口返回报文处理：第一种、xhr：{ responseType: ‘blob’ }，处理文件流为Blob类型第二种、在接收到文件流后，用下面的方法将其处理为Blob类型, let file_blob = new Blob(res);Blob文件类型处理(chrome):/** data...
2019-10-24 11:35:52
1607
原创 html动态设置font-size
<script> //font-size,窗口自适应 (function (doc, win) { var dpr, rem, scale; var docEl = document.documentElement; var metaEl = document.querySelector('meta[name="viewport"]'); var res...
2019-09-02 15:41:44
1864
原创 判断用户终端是ios、android、pc
userPlatform() { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS return 'ios' } else if (/(Android)/i.test(navigator.userAgent)) { //判断Android...
2019-08-13 14:18:53
293
原创 关于vue生产环境跨域的踩过的坑和解决方案
关于vue跨域的踩过的坑和解决方案前提（需求）开发环境生产环境前提（需求）最近做一个功能需要请求三方资源.json文件，因为之前用jquery的时候使用ajax-jsonp很容易就get到了数据，但是我发现请求三方接口和三方资源还是有区别的，无论vue-json和jquery我都在vue项目里面尝试（即使原理都是jsonp）但是chorme浏览器都会告诉你资源请求被锁定，这是浏览器的安全策略...
2019-07-21 14:14:19
10927
9
canvas中点绘制箭头
2022-03-07
请问这个问题是个这个问题吗？我可能搞不懂了呢吧哈哦嘿嘻啊？
2022-01-18
vue动态组件渲染的疑问
2021-11-16
使用原生js实现冒泡排序
2021-11-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人