- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue微前端系统的搭建
首先最少创建两个项目：一个主系统：vue-qiankun-base(vue create vue-qiankun-base)；一个子系统：vue-qiankun-app(vue create vue-qiankun-base)
2023-10-10 15:49:42
293
原创 前端面试题
1.HTML和HTML5有什么区别？什么是HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准1.文档类型声明HTML<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3333.org/TR/html4/strict.dtd">HTML5<!DOCTYPE html>可以看出：HTML的文档类型声明太长而且复杂，而HTML5的文档声明相对来说更为简便，有
2022-03-10 15:43:00
1024
原创 前端页面内嵌excel表格-Luckysheet
前端页面内嵌excel表格-Luckysheet因为要输入不固定行、列的表格数据，用editor和input框都不合适，因此觉得内嵌一个excel表格展示对用户更友好index.html -入口页面引入cdn<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https:
2021-12-22 17:46:15
3229
2
原创 ace-editor的封装使用
因为前端页面上有通过编写代码来执行而得出结果的场景，ace-editor可以嵌入页面和js应用程序里，因此来选用。引入CDN包括样式，语言，json格式<script src="https://cdn.bootcdn.net/ajax/libs/ace/1.4.9/ace.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/ace/1.4.9/ext-beautify.js"></scrip
2021-12-02 11:54:37
2164
原创 MathJax的使用
在页面有很多情况需要显示公式，但在单纯在页面显示是不能达到效果的，因此需要MathJax的编译。引入CDN在页面头部引入地址（还要加上配置）<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async></script><script type="text
2021-12-02 11:41:36
1266
原创 关于Google浏览器（新版本）通过iframe嵌套网页存储不了cookie的问题
关于Google浏览器（新版本）通过iframe嵌套网页存储不了cookie的问题在存储cookie在代码里设置SameSite和Secure的值$cookie.set(username, 'zhangsan', { expires: datetime, path: "/", SameSite:"None", Secure:true});这样就可以存储cookie的值了。...
2021-06-03 14:17:27
4238
12
原创 js两个时间段是否存在交集
//判断两个时间段是否有交集isDateIntersection(start1, end1, start2, end2) { var startdate1 = new Date(start1.replace("-", "/").replace("-", "/")); var enddate1 = new Date(end1.replace("-", "/").replace("-", "/")); var startdate2 = new Date(start2.replace
2020-05-22 14:08:30
1277
原创 vue3使用预渲染prerender-spa-plugin达到SEO优化
实现SEO优化有四种方法：1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理此处只介绍第三种预渲染的方法，各种方法的利弊也不过多描述如果只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可
2020-05-20 15:47:40
3856
3
原创 如何使用ckeditor5（包含是否只读）
我下载的是 ckeditor5-build-decoupled-documentnpm i ckeditor5-build-decoupled-document在组件中去引入import CKEditor from "@ckeditor/ckeditor5-build-decoupled-document";import '@ckeditor/ckeditor5-build-decoup...
2019-12-02 16:22:49
1547
原创 vue如何刷新当前页面
provide / inject 组合作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。App.vue:声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载在用到此功能的vue页面里：注入App.vue组件提供（provide）的 reload 依赖，在逻辑完成之后（删除或添加…）,直接this...
2019-09-24 17:57:04
204
原创 使用AMap（高德地图）实现热力图（2D和3D）
首先在入口文件index.html中引入两个js文件<script src="https://a.amap.com/jsapi_demos/static/bezier/bezier.js"></script><script src="https://webapi.amap.com/maps?v=1.4.14&key=秘钥&plugin=AMap....
2019-09-20 15:12:55
10180
8
原创 js以十个（或者n个）为一组放入新的数组里
var result = []; for(var i=0;i<multipleSelection.length;i+=10){ result.push(multipleSelection.slice(i,i+10)); }
2019-09-18 18:50:18
3081
原创 通过Base加密用户名和密码写在请求头里
使用命令行安装js-base64npm install --save js-base64在页面引入js-base64let Base64 = require('js-base64').Base64在函数里使用let info = 参数 $.ajax({ type: 'GET', url: url, dataType: 'json', ...
2019-08-30 15:39:20
703
原创 如何在vue里访问本地的json文件
修改webpack.base.conf.js 文件要把json文件放在static文件下在resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '/src': resolve('src'), '/libs': path.resolve(__d...
2019-08-30 15:27:16
1353
原创 js数组按照指定字来排序
先定义一个需要自定义排序的数组（或者是乱序数组）var objs = [{‘name’: ‘A’, ‘type’: ‘fly’},{‘name’: ‘B’, ‘type’: ‘blur’},{‘name’: ‘C’, ‘type’: ‘wipe’},{‘name’: ‘D’, ‘type’: ‘cube’},{‘name’: ‘E’, ‘type’: ‘iris’},{‘name’:...
2019-08-30 15:21:43
2108
原创 JS 开发常用工具函数
1、isStatic：检测数据是不是除了symbol外的原始数据function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof v...
2019-07-15 18:14:43
110
原创 微信公众号，点击按钮打开pdf文件流，安卓跳转到浏览器里下载，ios可预览但默认不能下载
微信公众号，点击按钮打开pdf文件流，安卓跳转到浏览器里下载，ios可预览但默认不能下载注：在pc上开始时采用这两种方式是没有效果的，或者打开的是空页面，但上线到公众号是没有问题的！！！！！！！！！方法一：采用生成的a标签 var a = document.createElement("a"); a.setAttribute("href", data.data); a.setAttr...
2019-07-05 14:17:35
7048
3
原创 多个关键词加红
多个关键词加红lightWord(article, oldWord){ for (const key of oldWord){ let regExp = new RegExp(key, 'g');//正则表达式方法，完全匹配对应的关键字，且声明全局 article = article.replace(regExp, `<span style="c...
2019-05-30 13:48:50
239
原创 封装时间
时间戳转年月日时分秒timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()...
2019-04-19 15:32:21
267
原创 vue 使用webpack打包图片，GZIP打包js和css压缩
vue 使用webpack打包图片，GZIP打包js和css压缩1.打包压缩图片① 输入命令安装file-loadernpm i -D file-loader② 在webpack.config.js中的rules数组中添加file-loader的相关配置 require("image-webpack-loader"){ test: /\.(png|jpe?g|gi...
2019-04-18 14:52:26
2840
原创 获取表格中的数据导出excel
获取表格中的数据导出excel下载js安装包地址：https://download.csdn.net/download/kieven2008/10285254引入：<script src="js/JsonExportExcel.min.js"></script>HTML：<el-table ref="multipleTable" :data="tableDat...
2019-01-06 14:48:37
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人