![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
superKM
鸡蛋虽小,也挺好吃
展开
-
chrome扩展开发介绍和右键开发
chrome扩展开发chrome扩展中文文档官网Chrome浏览器在全球都拥有可观的忠实用户,抛去其占据了浏览器市场的霸主地位不说,其具备了众多的优点,如良好的用户体验,简单的开发规范等等。归纳为以下几点:市场占有率高,用户基础庞大;开发流程简单,方便快速上手;应用场景广泛,兼容webkit内核(360极速浏览器、360安全浏览器、搜狗浏览器、QQ浏览器等等);可扩展性强,非weikit内核的浏览器也有一定的支持(如Firefox)初试插件首先创建一个文件夹,用于存储插件相关资源原创 2020-12-17 09:43:22 · 1601 阅读 · 0 评论 -
最详细前端性能优化
title: 前端性能优化date: 2020-07-31 11:23:51tags: 性能优化categories: [性能优化]网站性能的好坏可以说直接决定了用户体验的好坏,而互联网的本质还是为人服务,因此极致的用户体验我想是每个公司都在追求的目标打开一个 url 地址,浏览器都做了什么,只有理解了做了哪些事情,才知道如何针对优化。浏览器能访问的资源都是通过 IP 访问的,但是为了方便我们记忆和使用网站都是使用的域名,所以当我们输入一个域名的时候就需要浏览器进行域名解析。缓存中查找.原创 2020-10-28 23:37:58 · 1261 阅读 · 2 评论 -
vue项目打包后 使用nginx部署
Nginx的安装与配置Nginx官网下载所需版本安装解压下载好的nginx修改nginx配置文件,配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了ngi...原创 2019-09-03 00:17:03 · 6470 阅读 · 0 评论 -
webpack4 安装配置及使用方法
webpack官网地址:https://webpack.github.io1. 初探webpack1.1 webpack的安装创建文件夹 webpack-testmkdir webpack-testcd webpack-test在 webpack-test文件夹下通过npm init构建环境webpack4.x后需要安装webpack-cli...原创 2019-06-06 16:16:00 · 1099 阅读 · 0 评论 -
vue 实现简单的audio播放器(带倍速播放)
滑块使用的事vant组件的slider https://youzan.github.io/vant/#/zh-CN/slider图标使用的是iconfont字体库使用原生audio属性,实现播放各个环节的统计和不同状态的展示,界面简洁 <style> body { background: #fff; ...原创 2019-03-20 14:21:24 · 15936 阅读 · 4 评论 -
vue 仿抖音视频列表(兼容微信内置X5浏览器)
2019年12月最新更新新增留言功能,优化安卓微信环境境下播放不流畅问题项目GIT地址https://github.com/superJinx/fangdouyindemo预览,请用微信扫描二维码制作仿抖音视频列表遇到很多坑,特别是安卓微信内置浏览器,让人脑壳疼,核心代码不多便于理解图标css使用的事iconfot字体库,优化页面加载速度htt...原创 2019-02-18 11:37:22 · 35352 阅读 · 31 评论 -
vue 白屏问题汇总(经过广泛用户反馈最终章)
项目中偶尔会遇到vue 第一次打开白屏现象,针对这个问题,找了不同环境下的处理方法,留个纪念1,ios10 出现白屏原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时,我们错误地认为这是一个语法错误。解决方法如下:进入build文件夹; 找到webpack.prod.conf.js文件; 在UglifyPlugin的定义里添加关于m...原创 2018-11-04 22:51:56 · 13049 阅读 · 4 评论 -
vue2.9 使用croppa实现图像裁剪并上传服务器 (croppa裁剪工具 + element 框架搭建)
首先安装croppanpm install --save vue-croppa安装完成之后,在需要的页面引入 import Vue from "vue"; //引用Croppa图片裁剪 import Croppa from "vue-croppa"; import "vue-croppa/dist/vue-croppa.css"; Vue.use(Cr...原创 2018-07-19 23:33:52 · 5539 阅读 · 0 评论 -
【微信小程序遇到的坑】WxParse实现对html标签的解析(html文本在小程序里的展示)
小程序通过WxParse实现对html标签的解析,并且图片可以查看大图wxParse下载地址https://pan.baidu.com/s/1nG3eX01qaqVqQq7zN5S0NQ使用方法:一:将wxParse引入项目中二:在需要解析html的js文件中,引入wxParse.jsconst WxParse = require('../../...原创 2018-07-07 15:18:26 · 10549 阅读 · 10 评论 -
spring boot 使用idea配置前端热更新
搭建好spring boot 项目后,实现idea的前端热更新操作,项目中直接修改,不需要额外运行,刷新一下浏览器就会实时更新。打开FIle -->setting ,找到biud下面的compiler选项,选择红色部分,勾上同时按住 " ctrl+shift+alt+/ "选择第一个,进入regitry中,找到compiler.automake.alow.when.app.running,勾...原创 2018-07-07 13:49:50 · 5685 阅读 · 1 评论 -
html 实现动态在线预览word、excel、pdf等文件(方便快捷)
word+excle+pdf表格在线浏览通过iframe直接引用微软提供的方法<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%...原创 2018-07-12 11:56:10 · 109247 阅读 · 36 评论 -
vue2.9 实现axios+Element (loadding+message)对各种异常状态的封装,提示处理
实现对axios+element的二次封装效果,一切尽在注释当中import axios from 'axios'import Qs from 'qs'import { Message,Loading} from 'element-ui';//引入elm组件import router from "../router";//引入路由控制器let loadingInstance;//定时器...原创 2018-07-10 23:05:33 · 2773 阅读 · 1 评论 -
HTML 5的革新——语义化标签
HTML 5的革新——语义化标签2018-03-06 轻松学者HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的...转载 2018-03-12 21:46:27 · 222 阅读 · 0 评论