染小白。

Give Me, The World I Want。

排序：
默认
按更新时间
按访问量
RSS订阅

原 【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

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