前端
大唐锦绣
种一棵树最好的时间是十年前,其次是现在。
展开
-
在antd项目中以Symbol方式引用IconFont图标
前言:IconFont官方有三种引入方式供你选择:SVG Symbol、Unicode 及 Font class。我们推荐在现代浏览器下使用 SVG Symbol 方式引入。SVG 符号引入是现代浏览器未来主流的图标引入方式。其方法是预先加载符号,在合适的地方引入并渲染为矢量图形。有如下特点: 支持多色图标,不再受到单色图标的限制 通过一些技巧,支持像字体那样,通过 font-size、color 来调整样式 支持IE 9+ 及现代浏览器 一、生成图标库代码首先,搜索.原创 2020-07-15 17:22:28 · 2198 阅读 · 1 评论 -
理解localstorage和localstorage的跨域存储方案
html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种:localStorage和 sessionStorage。 相对于cookie,他们具有存储空间大的特点,一般可以存储5M左右,而cookie一般只有4k。localStorage和 sessionStorage的主要区别是:localStorage的生命周期是永久的,意思就是如果不主动清除,存储的数据将一直被保存。而sessionStorage顾名思义是针对一个session的数据存储,生命周期为当前窗口,一旦窗口关闭,那么存储的数据转载 2020-08-06 17:56:56 · 3427 阅读 · 0 评论 -
使用Element-UI框架的upload组件直传视频至七牛云(代码教程)
前言:七牛云是一个不错的云服务提供商,尤其是其对象存储和cdn是有一定的免费额度,对于小众开发者来说还是很划算的。为了更好的用户体验和上传速度,决定通过七牛云存储来上传视频文件。前情图示: 图片来源:使用Element UI框架(基于vue2.0)的upload组件上传图片至七牛云一、找到你七牛云存储...原创 2020-04-29 16:04:40 · 1208 阅读 · 0 评论 -
完美解决Vue文本编辑器 vue-quill-editor 和 element-ui 样式冲突造成的小图标样式错乱
前言:使用文本编辑器 vue-quill-editor和 element-ui 样式冲突造成的小图标样式。主要是由于el-form-item组件造成的样式冲突.在不修改源码的基础上,通过赋值一个新类去修改此冲突<template> <div> <quill-editor class="ql-edi...原创 2019-07-19 15:44:02 · 3805 阅读 · 2 评论 -
nginx服务器如何调用和识别wasm文件?
前言: 我们在调用wasm文件由于MIME-TYPE不对,期望.wasm 文件的响应头的Content-Type字段值为"application/wasm",而不是"application/octet-stream; charset=UTF-8"。 服务端必须对.wasm文件做正确的MIME类型的配置,发送Content-Type: application/wasm 头。...原创 2019-06-03 22:38:33 · 11131 阅读 · 0 评论 -
vue+html2canvas实现对个人名片dom的转换图片并下载图片
前言: 因公司需求。需要实现个人名片+可编辑名片信息,且可以实时下载。实现如下图:笔者决定在vue中引入html2canvas实现将整块dom进行图片化并且实时下载保存(本地)。一、引包npm install --savehtml2canvas二、导入import html2canvas from 'html2canvas'三、代码其实,大家最希望,...原创 2019-04-22 16:51:40 · 1617 阅读 · 0 评论 -
关于在phpstorm中使用和符合eslint规范
这里我们不介绍什么是eslint,也不介绍使用eslint的背景,有兴趣的同学可以自己深入研究,这里只是去使用它,而不是研究它。应公司的新项目需求,规范化代码,也就是说,在以后的项目中我们的js代码必须符合eslint的规范配置.事实上phpstorm并没有完美支持eslint,必须进行一些配置才能无缝使用。由于网上的资料太少太少。我还是耗费了一点时间。我整理一下供大家参考:...原创 2018-09-04 17:52:39 · 3302 阅读 · 0 评论 -
setTimeout在vue中的正确使用
笔者最近因为公司需求开发使用vue和jquery开发抓娃娃H5极简小游戏,使用到setTimeout函数。遇到了1个坑:在vue的某个方法(点击后执行)setTimeout(this.end(),4000);//娃娃消失这里奇怪的是,end方法的确被执行了。但是没有执行4s后执行的效果。那我要你合用呢!其实,问题还是出在笔者身上,大家请看下图setTimeout的定义和用法。问题出...原创 2018-10-25 10:23:22 · 133733 阅读 · 13 评论 -
抓娃娃机vue版本和jquery版本
由于公司需求,着手研究H5抓娃娃,从网上找到一份简单的jQuery手机H5抓娃娃机代码.先感谢下最初始分享代码的那位同志。这个分享对我们这些非专职前端的phper来说很关键。虽然简单,但是功能也是都实现了的。不过该游戏是爪子不动,娃娃循环移动但是公司需求是爪子左右移动,娃娃不移动。笔者用vue进行重构这里先把借鉴的代码给大家共享下,后面有时间再上vue二次重构的h5抓娃娃百度网盘...原创 2018-11-05 14:37:52 · 4622 阅读 · 1 评论 -
css实现背景backgroup渐变效果,兼容各个浏览器(直接生成)
笔者其实对于css一直是一知半解的状态。今天公司的需求需要让背景如图上所示。通过度娘找到了一个强大的背景渐变手动设计的网站,在此分享gradient-editor(国外开发者)顺便献上自己css代码。或许有些用处background: rgb(248,181,0); /* Old browsers */ background: -moz-linea...原创 2018-11-14 14:40:38 · 786 阅读 · 0 评论 -
在vue中修改编辑器html内容的图片样式(ueditor)
公司的需求是实现类似淘宝商品详情(通过图片拼接,大家都很清楚,淘宝详情一般都是采用多张图进行拼接)文字的描述大家可能会觉得很枯燥无味,觉得代码才是最好的老师作者将会详细地去讲解代码,在代码中找到自己的灵感!使用js实现也差不多是如此的套路。<!-- 此页面是单页面 --><!--作者将会详细地去讲解代码,在代码中找到自己的灵感!--><template...原创 2018-12-19 10:40:34 · 3402 阅读 · 0 评论 -
完美解决ueditor和neditor上传图片(视频)上传成功显示异常
(一)前言:二次开发编辑器neditor(基于百度编辑器ueditor):界面相对于ueditor会更美观.(二) 问题描述:最近在公司项目中遇到一个比较奇葩的问题。neiditor编辑器上传图片用时,插入图片初始为loading图,载入成功后才显示上传的图片。插入图片后不做任何修改时,编辑器的content内容为:<p><img class="loadin...原创 2018-12-20 10:59:24 · 9071 阅读 · 1 评论 -
微信网页 Android白屏,IOS网络错误1022问题解决
前言:公司一直是使用的 Let's Encrypt 来为项目提供https服务。笔者之前写过一篇文章:免费Https证书(申请与配置-Let's Encrypt)今天公司某项目微信网页 Android显示白屏,IOS显示网络错误1022。下意识想到昨天我才签了 Let's Encrypt 新证书。那我们就应该看看相同域名下的后台网页端的情况?一看就知道https出问题,不...原创 2019-01-10 16:22:07 · 1167 阅读 · 0 评论