染小白。

Give Me, The World I Want。

【SVG】路径 - 椭圆弧

<!DOCTYPE html> <html> <head></head> <body> <svg id="mysvg&quo...

2019-07-08 15:21:54

阅读数 102

评论数 0

【SVG】入门 - 画猫

<!DOCTYPE html> <html> <head></head> <body> <svg id="mysvg&quo...

2019-07-08 15:20:10

阅读数 55

评论数 0

关于前端缓存优化

关于缓存,大概可以分为以下几种: ① CDN缓存 ② DNS缓存 ③ 客户端缓存(无需请求的memory cache,disk cache;需要发请求验证的Etag/Last-Modified304) ④ Service Worker与缓存及离线缓存 ⑤ PageCache与ajax缓存...

2019-07-04 16:59:08

阅读数 1400

评论数 0

前端基础

1. 什么是jsonp? 从请求-响应模式说起,用户每次请求新的内容,需要向后台发一条请求,在互联网刚开始的时候,即使你只想获取网页某一处的内容更新,也要向后台请求一个新的完整网页,即使这个网页只有一小处变化,这就浪费了很大的资源,因为只需要更新一小块内容,却要反复请求相似的内容。所以,人们就想...

2019-07-02 16:59:38

阅读数 51

评论数 0

扎实javascript基础语法

记录一些基础而常用的知识点。 1. js获取数组最值 var array=[1,4,2,6,3,9]; var min_val = Math.min.apply(null, array); var max_val = Math.max.apply(null, array); 其中第一...

2019-06-12 13:03:19

阅读数 44

评论数 0

【javascript】slideToggle() 方法实现点击标题显示隐藏内容

简单来说,要实现的效果就是点击标题时显示或隐藏内容,效果图如下常见问题这样: 常用方法可以增加一个标识来判断是展开还是隐藏状态,而使用jq的slideToggle() 方法可以轻松实现这个效果。代码如下: function QuestionsOpenOrNot() { this....

2019-06-05 11:46:52

阅读数 68

评论数 0

【js】获取鼠标点击位置坐标

1.原生js <html> <head> <script type="text/javascript"> functio...

2019-03-13 08:44:43

阅读数 224

评论数 0

【Vue】二级联动下拉表单

如上图所示,需要的功能就是当我选择学校后,能根据该学校的id再去动态获取学院列表信息。 思路就是给选择学校时添加个change事件。 代码如下: <ul> <li> ...

2019-03-01 16:41:19

阅读数 266

评论数 0

【vue】video结合cyberplayer.js实现flv视频播放

一、原理 H5新增的<video>标签可以用于视频播放,但格式有限,播放不了直播生成的.flv视频。 那么可以结合cyberplayer.js来实现.flv视频播放,简单粗暴。原理如下: ① 下载该库,并在index.html中引入 &...

2019-02-22 15:12:44

阅读数 776

评论数 0

【vue】vue使用x2js解析xml文件

一、功能需求 实验室的项目需要添加直播功能,获取到直播流网址如下图所示: 这是一个xml网址,需要解析这个xml网址获取到正在直播的rtmp地址,以进行直播展示。 jq使用get或ajax解析xml文件在vue框架里似乎行不通了。搜索发现了x2js插件,用于在XML和JavaScript...

2019-02-20 10:57:18

阅读数 1404

评论数 3

【Vue踩坑之旅】在element的dialog中显示高德地图

一、问题及解决思路 高德地图在页面中引用能够正常显示,但是想在弹框中显示高德地图并进行操作,却显示为空白...... 很奇怪,为什么在页面中能够显示,在对话框里就不能显示了。 首先让弹框一开始就显示,并给地图加载增加了3秒延迟,3秒后地图正常显示。喏,看来是组件初始化的时候容器dom还没渲染...

2019-01-14 16:24:37

阅读数 1117

评论数 0

【Vue】Vue项目打包发布到服务器,以及空白页或图片不显示问题

一、Vue项目打包 Vue项目完成后,需要打包上线。打包只需要执行命令npm run build即可,但有两点需要注意的地方,否则就会出现空白页或图片不显示问题。 ① 修改路径位置,解决空白页问题。      修改位于项目目录中的config/index.js,将assetsPublicPa...

2019-01-09 09:06:41

阅读数 1899

评论数 0

【Vue】以登录token为例,理解vuex状态管理使用

一、Vuex概念        Vue.js通过Vuex对组件的公共状态进行集中管理。每一个 Vuex 应用的核心是 store(仓库),“store”可以理解为是一个容器,包含着应用中大部分的状态 (state)。这些状态是全局的,但Vuex 和单纯的全局对象有以下两点不同:     ① V...

2018-12-21 14:59:48

阅读数 990

评论数 0

token实现登录状态保持/身份认证的机制

实现登录状态保持与身份认证的方式通常有两种:session结合数据库、token。 两者相比较,token有较多优点。 ① token可以存储在任何位置(比如cookie或local storage) ② token更容易跨域 ③ token过期时可以通过刷新token,让用户一直保持有效...

2018-12-19 10:18:32

阅读数 5842

评论数 1

【采坑之路】给后台传数据失败的解决方法

采用vue+axios给后台传送数据,前端看到的如下: 后台看到的却是: 解决方法有两点: ① 传数据使用params而不是data ② 更改headers的Content-Type为 application/x-www-form-urlencoded axios({ ...

2018-12-13 20:30:46

阅读数 78

评论数 0

【采坑之路】 axios 的跨域问题

最近学了一下vue,尝试做一个管理网站,使用axios请求后台接口数据时,又难免掉进了跨域坑中,报错如下403: 根据报错提示“XMLHttpRequest has been blocked by CORS policy: No 'Access-Control-Allow-Origin'...

2018-12-12 09:35:15

阅读数 1058

评论数 0

【javascript】数组去重的五种方法

题目:请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组。 参考答案1: Array.prototype.distinct = function() {         for(var i = 0;...

2018-12-04 20:44:04

阅读数 62

评论数 0

【JavaScript】JS处理32位整型位运算

由上一篇leetcode题目(反转整数)中所涉及到的js整型范围,针对js如何处理32位整数运算原理以作扩展: 1、32位整数运算 首先要清楚,在JS中无论是整数还是小数都是按照64位的浮点数形式存储,而整数运算会自动转化为32位有符号整数。 有符号整数使用 31 位表示整数的数值,用第 3...

2018-12-03 09:32:20

阅读数 690

评论数 0

【leetcode】Reverse Integer(整数、字符串和数组之间转换)

Given a 32-bit signed integer, reverse digits of an integer. Example 1: Input: 123 Output: 321 Example 2: Input: -123 Output: -321 Example ...

2018-12-02 21:49:57

阅读数 918

评论数 0

【Vue】如何使用脚本架工具vue-cli快速创建vue项目

对于初学小白,webpack迷迷糊糊,写vue已经够辛苦的了,奈何还要自己配置webpack...... 其实有帮助我们更好更快速开发代码的工具——vue-cli 一、安装 常用的有cli2和cli3两个版本,至此,cli2非常成熟,cli3相对成熟而更加强大。 cli2: npm i...

2018-11-29 15:59:44

阅读数 84

评论数 0

提示
确定要删除当前文章?
取消 删除