随笔分类 - JavaScript
可以回头看，不要回头走！
摘要：vue 实现通过字符串关键字符动态渲染 input 输入框 今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。 问题描述 就比如现在有这样一个字符串： 你好，我是{name}，我今年{age
阅读全文
摘要：VUE密码登陆加密RSA方案 有一个项目需求需要在前段登陆的时候把登录密码加密后发送，这个地方其实很简单，加密的时候可以使用md5、可以使用sha1，也可以使用现在这个方式加密，就简单记录一下没啥。 RSA是啥 RSA加密算法是一种 非对称加密算法 ，RSA加密使用了"一对"密钥.分别是公钥和私钥,
阅读全文
摘要：vue 使用 video.js 播放 m3u8 视频流 首先呢，遇到一个项目，是需要使用播放器在web上播放视频流，项目使用vue开发的，然后就找了一下相应的插件，找到了 video.js，自己用的时候感觉还不错，可以满足自己的需求，记录一下。 安装依赖包 npm install video.js
阅读全文
摘要：js 列表对象根据某一字段分类 其实是这个意思，比如说我有一个列表，数据的样子是下面的样子，一个五种，分了两类，食物和饮料。我们想把这五种东西按照类别进行分类，就可以使用这个方式。 [{ name: '苹果', type: '食物', price: '3' },{ name: '牛奶', type:
阅读全文
摘要：vue 实现快捷键录入功能 项目需要在页面使用快捷键，而且需要对快捷键进行维护，然后呢，就从网上抄了，改成自己的。 记录一下。 参考地址： https://www.jb51.net/article/203981.htm 首先有一个组件，用来实现快捷键的录入操作。 直接上代码： hotkeyInput
阅读全文
摘要：vue 通过 Ctrl 、Shift 键 + 点击鼠标实现 div 多选操作 前言 我在做东西的时候有这样一个需求，就是有一个div的列表，想通过按住Ctrl键后点击div实现多选的功能，在一个是按住 Shift键都点击前后两个div选中区域的效果。 就是选择下面图片，每个图片包含在一个div下面。
阅读全文
摘要：vue 实现像web淘宝一样区域放大功能 效果是这个样子的 直接上自定义组件代码： <template> <div style="display: flex;position: relative"> <div class="box" :style="minImgBoxStyle" @mouselea
阅读全文
摘要：vue实现div高度可拖拽 这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边有根据我的实际需求又重新修改了一下，先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1
阅读全文
摘要：Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能 其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。 其实就是这种效果： 其实代码不是很难。 HTML代码： <img id="img" :src="src" alt="" @mousedown.p
阅读全文
摘要：Echarts option常用属性配置 官网配置项详情：https://echarts.apache.org/zh/option.html#title 成功绘制一个Echarts图表至少包含三部分：x轴xAxis、y轴yAxis、系列列表series。 option = { xAxis: { ty
阅读全文
摘要：JS设置浏览器缩放比例 因为 windows10 的操作系统，尽管是19201080的分辨率，但是发现我的页面显示是正常的，但是我同学打开说滚动条特别多，然后就特别的丑陋，尤其是出现了横向的滚动条，这个就很难让人接受，但是我这边就显示正常，核对了一下，我们用的都是19201080的分辨率，理论上是不
阅读全文
摘要：JS代码查看浏览器页面放大比例 在做前端项目的时候会遇到这样的问题，比如说我适配的 1920*1080 100% 缩放比例，在这种情况下页面的布局展示都是OK的，但是如果用户自行修改缩放比例，那么这个页面可能会出现一些小的问题，比如错版和展示不开显示滚动条的问题，所以说我们可以在最开始的时候来使用J
阅读全文
摘要：echarts属性的设置（完整大全） 实例官网：https://echarts.apache.org/examples/zh/index.html 手册官网：https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B
阅读全文
摘要：Vue 获取当前时间并格式化 现在的代码，一家原创，万家抄袭，嗯，我也是... 直接就是大代码一顿狂粘！！啪啪啪！用去吧！ /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date =
阅读全文
摘要：关于JS报错：Cannot read property 'getAttribute' of null问题 出错原因 在vue中使用echarts时，在图表元素并未加载的情况下进行eharts.init()，会发生此错误，因为eharts并未找到该元素，故无法对其进行渲染。 echarts.js引用放
阅读全文
摘要：```html Document wjw ``` 
阅读全文
摘要：写在前面 如果文件少的话，直接去网站转化一下就行。 http://tool.oschina.net/jscompress?type=3 1.压缩单个js文件 cnpm install uglify-js -g 安装 cnpm install uglify-js -g 安装 1>压缩单个js文件 打开
阅读全文
摘要：web前端设计基础——HTML5、CSS3、JavaScript 简答题整理 第一章 （1）解释一下名词的含义：IP地址、URL、域名 iP定义了如何连入因特网，以及数据如何在主机间传输的标准。 URL统一资源定位符，通过定义资源位置的标识，来定位网络资源。 域名是一串用点分割的名字组成的网络中某台
阅读全文
只有注册用户登录后才能阅读该文。
摘要：HTML 和 JavaScript 实现飘花的效果，也不算花，就是有悬浮物飘下来，和下雪似的。 也是不需要图片和其他的 js 脚本做辅助，其实已经全写在 HTML 文件中了。 就是下面的效果，有黄色的小圈圈掉下来。能看清吧？
阅读全文
