![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 58
无名前端小白
这个作者很懒,什么都没留下…
展开
-
HTML5+ API 爬坑记录
也down 了官方demo 下来, 配置这个filters 也是一样的结果;原因分析: 应用采用的强制横屏模式, 在 manifest.json 中 是像如下配置的, 而平板系统的横竖屏设置是锁定竖屏的, 可能应用在跳转到系统相册界面时突然从横屏转向竖屏是某些冲突导致, 至于更深层的原因暂时还没有能力排查;经过多次查看官方示例时发现, 传入的filters 的内容格式似乎不太对, 人家的示例传入的filters 是没有引号的!有个比较早些使用5+开发的项目, 最近两天反馈了一些问题, 解决过程在此记录;原创 2023-11-23 14:16:57 · 774 阅读 · 0 评论 -
关于setInteval定时器在不同浏览器下表现差异
项目下用到websocket, 中间使用了setInterval 定时向服务端发送心跳包, 5s/次, 观察正常, 就将浏览器最小化后, 经过了两天, 周一过来查看, 咋才 5000次;例如: chrome.exe --disable-background-timer-throttling。在启动命令后增加 --disable-background-timer-throttling 参数。遇到这种简单的问题当然是请教一下GPT 来的最快最实际, 不出所料, 马上得到证实;原创 2023-10-16 10:18:12 · 206 阅读 · 0 评论 -
element-ui / element-plus dialog 自定义层级
方法土了点, 实属无奈之举, 大家在用的时候类名可以自己定义一下, 我这里直接写成一样的了。原创 2022-12-28 17:40:44 · 4252 阅读 · 2 评论 -
Datart 二开, 增加 边框 媒体组件
背景:之前在davinci 上有二开过这一部分, 现在要用datart就直接搬过来了;基于 datart 的 β1.0.0 (20220218 master) 进行, 嵌入了;边框基于 http://datav-react.jiaminghi.com/ 实现;效果如下: datart 二开, 增加边框媒体组件 功能实现:// 增加依赖 // 文件路径 package.jso原创 2022-02-22 10:20:05 · 2052 阅读 · 6 评论 -
前端试题收集,晋升题库
团队壮大, 设计晋升机制时需要一个题库, 故收集, 个人也顺便复习https://github.com/qiu-deqing/FE-interview#%E5%B8%B8%E8%A7%81%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95%E7%9A%84%E6%97%B6%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6%E7%A9%BA%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6https://github.com/paddin原创 2021-03-23 09:46:42 · 121 阅读 · 0 评论 -
WEB前端技能考核内容及岗位要求
在找工作的过程中,多多少少都会涉及到个人能力水平,技术技能水平等级。为了应大家的要求,web前端中文站给大家聊一聊web前端这块的工作要求情况。将岗位区分,从主要职责、专业技能、素质能力、特别要求共四大方面给大家介绍下。PS,当然,不同的岗位,薪资不一样,特别是工作三年后,一般会有一个质的提升!web前端岗位等级分类实习生/见习生(实习生)主要职责:1、页面及需求练习2、基本技能学习专业能力:HTML技能:了解HTML技术,能运用一些HTML标签css技能:了解CSS,能.转载 2021-02-24 20:13:39 · 3710 阅读 · 0 评论 -
[转] CodeMirror基本配置项
原文地址:https://blog.csdn.net/qq_35372389/article/details/106540469editor = CodeMirror.fromTextArea(document.getElementById("textarea"), { extraKeys: { // 配置按键 "Ctrl": "autocomplete", // 需要下面的synonyms配置..转载 2020-10-20 11:26:24 · 2127 阅读 · 0 评论 -
URLSearchParams 获取location.search 中参数的神器
定义URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。构造函数URLSearchParams()返回一个 URLSearchParams 对象。方法该接口不继承任何属性。URLSearchParams.append()插入一个指定的键/值对作为新的搜索参数。URLSearchParams.delete()从搜索参数列表里删除指定的搜索参数及其对应的值。URLSearchParams.entries()返回一个iterator可以遍历所有键/值原创 2020-10-06 20:08:10 · 2064 阅读 · 0 评论 -
Web-Worker Demo
web-worker 介绍:http://www.ruanyifeng.com/blog/2018/07/web-worker.html用途: 可能会导致浏览器卡死的操作, 耗时任务, 影响UI操作的; 大数据量的处理;index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...原创 2020-09-08 22:08:58 · 301 阅读 · 0 评论 -
web 打印插件 hiprint 使用
官网:http://hiprint.io/demo:http://hiprint.io/demo/list官网介绍: hiprint 是一个web 打印的js组件,无需安装软件。支持windows,macOS,linux 系统,支持移动端,PC端浏览器,angular,vue,react 等 分页预览,打印,操作简单,运行快速。预览界面为css+html 。支持数据分组,批量预览。生成pdf,图片更方便设计界面截图;优点: 浏览器设计打印; 打印服务不局限于 win;客户...原创 2020-07-31 09:27:14 · 25962 阅读 · 77 评论 -
ali Datav 使用记要
官方文档:https://help.aliyun.com/document_detail/30360.html?spm=a2c0j.14082271.779857.datav-action3.5d6816bavxWzuf企业版: 425 / 月, 组件基本上都有的, 动态数据交互主要靠组件交互中设置回调 ID, 其他组件设置数据源为 API, 参数改成冒号加回调 ID, 例如:http://api.test?lng=:x&lat=:y获取各地区地理边界信息及编码:http...原创 2020-05-21 19:27:50 · 1105 阅读 · 0 评论 -
Davinci display 增加全屏组件
改动文件如下:+ app/assets/json/slideSettings/fullScreen.json{ "name": "fullScreen", "title": "全屏按钮", "params": [{ "name": "size", "title": "矩形尺寸", "items": [{ "name": "width", "title": "宽度(像素)", "component": "inputnumbe原创 2020-05-21 09:09:29 · 1569 阅读 · 0 评论 -
Ace editer web 编辑器, 在线代码编辑
官网:https://ace.c9.io/Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded i...原创 2020-03-08 16:40:57 · 642 阅读 · 0 评论 -
面试题
原型和原型链:原型: JS 中每个函数都有一个prototype 对象属性, 指向另外一个对象; prototype 上的所有属性和方法都会被构造函数的实例继承;原型链: 我们在访问一个对象属性或方法的时候, 如果它自身没有, js 引擎就会继续在这个对象的proto 属性指向的上一个对象上去找, 一直往上, 直到ObjectVue 响应式原理:当你把一个普通的 JavaScrip...原创 2020-03-05 10:10:30 · 178 阅读 · 0 评论 -
[转] JavaScript 骚操作
原文地址:https://juejin.im/post/5e42826551882549063a7b7c1. 生成随机ID // 生成长度为10的随机字母数字字符串 Math.random().toString(36).substring(2);复制代码2. 每秒更新当前时间setInterval(()=>document.body.innerHTML=...转载 2020-02-12 14:30:15 · 187 阅读 · 0 评论 -
[转] 你不知道的 JSON.stringify() 的威力
原文地址:https://github.com/NieZhuZhu/Blog/issues/1前言其实有很多有用的东西,当时学习了,也记住了,但是时间久了就是记不住,所以导致在日常开发中总是想不起来原来这个东西可以这么用,而去选择了更加复杂和麻烦的方式。其实我们日常学习的知识就是拿来用的,即使你今天把知识点背下来了,没有去思考这个知识点我们可以用来干嘛,不需要几天就会慢慢地忘掉。所以...转载 2019-12-09 20:32:15 · 2377 阅读 · 1 评论 -
[转] 微信小程序云开发导入 json 数据错误解决方法
问题重现使用微信云开发控制台导入 json 数据时,出现错误:导入数据库失败, Error: Poll error, 导入数据任务(id:269599)异常,错误信息:解析导入文件错误,请检查导入文件内容,仅支持导入json格式数据及excel文件,错误详情如下: JSON decoder out of sync - data changing underfoot?解决方法:...转载 2019-10-21 16:29:48 · 2091 阅读 · 0 评论 -
gps坐标 转 省市区
需求: 项目需要将获取到的 gps信息及数据库中当前存储的 gps 信息转换成 省市区这样的来显示 例如: 数据库中记录的是 " lat: 22.551371; lon: 114.105284" 这样的, 想要显示或解析成: "广东省深圳市福田区"这样的实现步骤:1. 到百度申请密钥 http://lbsyun.baidu.com/2原创 2017-08-07 17:47:09 · 6958 阅读 · 0 评论 -
[superset] d3 图表 汉化, 国际化
本文只提供了思路, 数字,货币等其他举一反三原创 2018-08-10 14:22:01 · 1569 阅读 · 0 评论 -
IOS 安装未授信app
弹出未授信的企业级 APP 窗口后, 依次打开“设置”-->“通用”-->“设备管理” ;原创 2018-07-27 09:10:12 · 2091 阅读 · 0 评论 -
superset table 表头汉化 ; JS 动态属性名 key
做国际化时遇到的问题, 配置项是通过对象的形式传入子组件的;但是在改的时候发现, 像上面这样改是根本不符合规范的, 也不可能成功;于是乎稍稍变通了一下, 改成下面这样, 搞定...原创 2018-06-27 17:31:06 · 1018 阅读 · 0 评论 -
ajax 请求走error, 有返回,状态码也正常
chrome 中查看 ajax 请求返回正常, 响应头正常, 但是就是不走成功的回调, 实在找不到办法就回滚代码,对比后发现是后端在返回 JSON 数据时有个时间值从本来的时间戳(数字)格式改成了 yyyy-mm-dd 格式后, 没有序列化好,导致的, 但是在浏览器端看不到差异,应该是浏览器解析JSON 出错后就走了error 。...原创 2018-04-27 08:48:49 · 2176 阅读 · 0 评论 -
Echarts 实现 设备运行状态图 工业大数据展示
设备运行状态图需求:翻阅echarts 官网实例, 发现其中的 profile 图就是想要的效果:http://echarts.baidu.com/examples/editor.html?c=custom-profilevar data = [];var dataCount = 100;// 测试数据条数var startTime = 1525835791000; // 2018/5/9 1...原创 2018-05-10 14:38:26 · 16428 阅读 · 8 评论 -
vue + vue-router 前进后退推拉动画效果
<template> <div id="app"> <transition :name="slideDirection"> <router-view class="router-view"/> </transition> </div&原创 2018-04-23 13:56:20 · 3469 阅读 · 1 评论 -
webpack 项目打包 (build) 速度优化 --- Dll 方式
项目打包速度太慢太慢, 实在受不了, 打一次包要十多分钟, 下图中可以看到优化前打包是 752039ms (差不多13分钟)优化后: 34170ms(半分钟)优化过程:1. 项目根目录下添加 webpack.dll.config.js 文件, 其中 vendors 中配置的是我项目中用到的库, 配置在这里, 根据项目自身情况进行配置;/* eslint-d原创 2017-07-10 10:38:24 · 5842 阅读 · 0 评论 -
如何在不刷新页面的情况下改变URL
本文为饥人谷原创文章,首发于 前端学习指南。问没有具体业务场景的技术问题都是耍流氓,那在回答这个问题之前先简单介绍一下业务场景。 下午6点半,小 H写了一个下午的代码揉揉眼睛伸个懒腰,「今天终于能早点回去了,先刷会知乎歇会」。突然,产品 小U一脸淫笑飘了过来,小 H 略感不妙。 『嗨嗨~ 你这工作状态不饱和啊,有个小需求来看看~。现在需要做一个新闻展示页,主功能区块分为新闻列表和分页两部分。...转载 2018-04-17 16:24:14 · 3258 阅读 · 0 评论 -
世界各国以及中国省市的JSON数据下载
链接挂了世界地图和主要国家的 JSON 文件世界地图:world.json美洲:美国:USA.json 加拿大:Canada.json 巴西:Brazil.json大洋洲:澳大利亚:Australia.json 新西兰:NewZealand.json亚洲:印度:India.json 日本:Japan.json 俄罗斯:Russia.json 新...原创 2018-04-03 11:17:24 · 5442 阅读 · 3 评论 -
Echarts 图表不能渲染问题整理
在开发中遇到Echarts重新setOption之后图表没有渲染出来, 背景是条件切换后没有数据时将Echarts容器内清空了,更换正确条件后数据也有了,Echarts实例打印出来也正常, 但是由于容器上已经有 _echarts_instance_ ,还是上次的,所以Echarts是不会重新初始化的,需要手动将DOM上的 _echarts_instance_ 属性移除, 再次进行初始化, 然后...原创 2018-03-21 09:30:14 · 20004 阅读 · 6 评论 -
Superset 二次开发
持续更新。。。2019/2/24 项目已暂时停止。版本: 0.19.0一、前端 dashboard 中table 分页组件、搜索组件汉化,在项目中始终搜索不到类似的关键字, 后端返回数据中也没有 ==> 使用的是datatables表格组件, 在初始化的时候 $('datatable').DataTables({}) 中增加language配置项; dashboard...原创 2017-11-16 20:26:18 · 8462 阅读 · 2 评论 -
H5 DOM 全屏 api requestFullscreen
js 设置、退出和判断全屏的方法设置全屏退出全屏全屏属性全屏事件全屏状态的CSS设置全屏 /** * [setFullscreen 设置全屏] * @param {domElement} element [DOM节点对象(可选)] */ function setFullscreen(elem转载 2017-12-11 17:01:13 · 4169 阅读 · 0 评论 -
vue vue-router 路由配置问题, 重复路由
今天被这个问题坑了两个小时, 还是自己排错能力不够啊!!router 中写有这么两个配置, /resume/new 这个是新加的, 怪了, 咋改组件内容页面上都不变, 重启项目, 更新浏览器都没解决, 最终和同事一起 review 的时候仔细看了下这块, 一下就发现问题了, /resume/new 也会跳转到 /resume/:id 去, 修改 add.vue 页面当然不会变了;之前也...原创 2018-09-19 19:23:44 · 13808 阅读 · 1 评论 -
JS 导出 页面内容到图片 html2canvas
目前能找到可用比较好的插件 html2canvas官方网站 https://html2canvas.hertzen.com/GitHub https://github.com/niklasvh/html2canvas/用法相当简单,1. 引入插件,2. 确定内容区域,3. 根据自己要求配置中间遇到的问题:1. 导出后文字重叠原因是为了适配分辨率比较低的传...原创 2018-11-28 15:52:56 · 798 阅读 · 0 评论 -
JQ 回顶部
$('.backtotop').hide();//初始按钮状态为隐藏$(window).scroll(function () { if ($(window).scrollTop() > 500) {//判断距顶部的距离 $('.backtotop').slideDown(800);//如果大于500px就显示按钮 } else { $('.backtotop').slideUp(60原创 2015-07-02 09:19:51 · 427 阅读 · 0 评论 -
vue-cli3 配合 webpak DefinePlugin 构建期间自动检测环境变化,根据NODE_ENV引入配置文件
在使用vue-cli3 搭建的项目中,如何在vue.config.js中,使用使用DefinePlugin添加配置文件,构建期间自动检测环境变化,也就是如何根据NODE_ENV引入配置文件?./config/apimodule.exports = { dev: { env: 'dev', apiDomain: 'http://google.co...原创 2019-09-28 10:57:20 · 4568 阅读 · 1 评论 -
electron-vue + element-ui构建桌面应用
转自:https://www.cnblogs.com/adorkable/p/11069923.html最近需要用Node.js做一个桌面的应用,了解到electron可以用来做跨平台的桌面应用,而vue可以用来作为界面的解决方案,研究了一会儿如何把他们两个整合到一起使用,遇到了各种问题而放弃,毕竟作为一个非前端开发人员我的目的就是看这个东西能不能满足我的需求,而不想浪费太多的时间在...转载 2019-09-05 15:33:54 · 3055 阅读 · 0 评论 -
一个开源前后端分离后台管理系统 eladmin
项目地址:https://github.com/elunez/eladmin文档:https://docs.auauz.net/#/项目源码 后端源码 前端源码 github https://github.com/elunez/eladmin https://github.com/elunez/eladmin-qd 前端:下载后前端...原创 2019-06-03 22:57:56 · 17436 阅读 · 5 评论 -
部署 vue 单页面刷新路由404问题解决
部署 单页面刷新路由404问题解决在linux下搭建nginx测试网页的时候,正常打开可以访问,当刷新后页面出现404 not found的问题说明:vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的history 模式,这种模式充分利用hi...转载 2019-06-14 09:40:33 · 4927 阅读 · 0 评论 -
一行代码纯前端播放文本内容
window.speechSynthesis.speak(new window.SpeechSynthesisUtterance('你好,世界!'))* 可以复制到控制台试听效果更多资料请见:https://www.zhangxinxu.com/wordpress/2017/01/html5-speech-recognition-synthesis-api/https://...原创 2019-06-12 22:34:58 · 826 阅读 · 2 评论 -
[转]postman 使用
转自:https://www.cnblogs.com/yunman/p/7884537.html前言:Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。接口请求流程一、get请求GET请求:点击Params,输入参数及value,可输入多个,即时显示在URL链接上,所以,GET请求的请求头与请求参数如在接口文档中无特别声明时,可以不填。...转载 2019-05-22 19:51:26 · 213 阅读 · 0 评论 -
eslint 配置详解
进来项目中参与进来的新人比较多, 代码书写五花八门 , 规范起见, 启用了eslint , 配置时发现有些规则不是很清楚, 故记录.另: 使用 vue-cli 3.0 构建的项目, 启用 eslint 后发现竟然没生效, 重启还是不行, 最后才发现它不会一次性把错全抛出来, 而是改到哪个文件,重新编译时才会报针对这个文件的, 这样也挺好, 不然一下爆出来上千个还是麻烦事.配置文件如果想...原创 2019-05-10 11:22:09 · 3119 阅读 · 1 评论