- 博客(77)
- 收藏
- 关注
RSS订阅原创 Vue无感刷新当前页面
使用 Vue 选项/组合 Api provide / injectApi 地址，此方法可以实现无感刷新并且不会出现闪烁的空白。首先在根组件 App.vue 定义这个方法html复制代码<template> <div id="app"> <router-view v-if="routerAlive"></rou...
2023-07-12 19:05:00
1586
原创 Three TextureLoader纹理贴图不显示图片（显示黑色）的原因分析
两种原因：1、物体材质不对代码：// 纹理贴图映射到一个矩形平面上var geometry = new THREE.PlaneGeometry(204, 102); //矩形平面// TextureLoader创建一个纹理加载器对象，可以加载图片作为几何体纹理var textureLoader = new THREE.TextureLoader();// 执行load方法，加载纹...
2022-09-16 11:06:00
1522
原创 前端面试汇总
1.浏览器中，从输入url到页面显示出来，具体的流程是什么？1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回需要的数据5.浏览器解析渲染页面解析HTML，生成DOM树，解析CSS，生成CSSOM树将DOM树和CSSOM树结合，生成渲染树(Render Tree)Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息(位置，...
2022-02-15 16:42:00
392
原创 微前端说明以及使用
1、微前端概论1.微前端概念类型<iframe></iframe>一样，只不过微前端是用fetch去请求js并渲染在指定的DOM容器。· 跟技术栈无关，任何前端技术栈都可以接入。· 多个应用结合在一起，可以一起运行，又可以单独运行。· 一个复杂庞大的项目拆成多个微应用，单独开发、单独部署、单独测试，互不影响。· 原理是通过在主应用引入每个子应用的...
2022-02-08 17:29:00
1122
1
原创 微前端建设方案
第1章概述为解决项目前端的高耦合、改动牵一发而动全身、多种技术栈强制混用、前端反复重构不彻底的问题，提出微前端的建设。微前端指的是一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是一个整体。第2章需求分析2.1现状分析目前GA-OA项目的前端是一个整体项目，每一次变更整体打包、部署，项目跟随...
2022-02-08 17:07:00
579
原创 前端性能优化
前言 本来想写一篇实用而又全面的性能优化文章，很多大佬已经写了非常好，我就不再造轮子了。我这篇文章就归纳整理一下吧，方便后续我或他人学习使用。 性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用检查的方法1、检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。...
2021-05-07 15:19:00
342
原创 vue项目iframe的传值问题
前言 项目需要，我需要引入一个已经封装好的浏览器插件。插件只能以html的方式调用， 所以。我把插件的使用封装了一个html页面。vue项目则利用iframe的方式引入。 到这里我就遇到了一个问题，那就是vue项目中iframe的传值问题，这里做个笔记防止之后忘记， 如果有其他的方式，欢迎大家交流，不胜感激。正文 先写几个简易的demo 需要用到的html&...
2019-11-20 16:27:00
2468
原创 纯css、js 的H5页面对接echarts
做项目时，会遇到一些零碎的技术点。记录下来以防忘记需求：做可视化界面，但是需要兼容ie8，需要用纯css、js 的H5页面对接echarts，下面为效果图（带定时器循环显示tooltip）。实现方式（此处为一个中央云南地图的实现方法）：1、定义容器// 页面逻辑<div class="sp-ynsdt" id="main4"></div&g...
2019-08-26 16:00:00
321
原创 css 在一定区域内滚动显示，不修改父级样式
做项目时，会遇到一些零碎的技术点。记录下来以防忘记需求：图中圈中的部门是滚动的。不修改父级样式代码：<div class="right-text-bottom"> <div class="right-text-p">有一个美丽的地方，各族人民在这里生长。密密的寨子紧紧相连，那弯弯的江水日夜流淌……”这里...
2019-08-26 14:20:00
215
原创 架构图以及vue的简介
架构图以及vue的简介 架构图前后端分离总架构图前端架构设计图MVVM架构模式MVVM的简介MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewMode...
2019-04-30 16:26:00
2296
1
原创 HTTP协议 详解
HTTP协议 详解 前言 掌握HTTP协议是每一个开发者的基础，超详细的HTTP协议笔记正文 HTTP协议格式总览HTTP lineHTTP Method（方法） 介绍了我们请求希望执行的操作类型。 方法有：GET ： 通过地址栏携带信息访问页面POST：表单提交的形式，请求内容放在body中...
2019-04-23 15:07:00
143
原创 mysql：The user specified as a definer ('xxx'@'%') does not exist 解决方法
mysql：The user specified as a definer ('xxx'@'%') does not exist 解决方法 发生这种问题。大概率是用户不存在或者是权限不够用户不存在。用可视化工具新建一个。权限不够 ，运行下面命令：如：我的错误：The user specified as a definer...
2019-04-23 14:22:00
1303
原创 table-tree 表格树、树形数据处理、数据转树形数据
table-tree 表格树、树形数据处理、数据转树形数据 前言公司想搞个表格树的展示页面，看着element有个表格树，还以为可以用。用出来只用表格没有树，研究半天没研究个所以然，只能从新找个npm里找到一个：vue-table-with-tree-grid正文element的坑 element：http://elemen...
2019-04-11 15:24:00
12999
原创 记我在github上参与的Star增长最快的十万级项目。。。
记我在github上参与的Star增长最快的十万级项目。。。 前言 GitHub作为程序员的圣地。 用了两三年，一直都觉得，他可以代码托管，项目管理，为项目建立静态主页，个人简历，找工作，面试加分。 然而》》》。。。。昨天才认识到我还是太年轻，发现了几个新大陆。。。 ！！！！！！！！女装：https://github.com...
2019-03-28 11:37:00
165
原创 浏览器将URL变成一个屏幕上显示的网页的过程?
浏览器将URL变成一个屏幕上显示的网页的过程? 前言 一个浏览器是怎么工作的？正文 URL变网页过程： 1.浏览器通过http或https协议，向服务端请求页面 2.将请求过来的HEML代码通过解析，构建DOM树 3.计算DOM树上的CSS属性 4.根据CSS属性，对元素逐个进行渲染，得到内存位图 5.一...
2019-02-25 23:45:00
157
原创 带@的css语法，你知道多少？
带@的css语法，你知道多少？ 前言 css的顶层样式表由两种规则组成的规则列表构成，一种称为at—rule规则，也就是at规则，另一种是qualified rule，也就是普通规则。今天就学习一下at规则正文 @charset 用于提示css文件使用的编码方式，必须在最前面使用 @charset "utf-8"...
2019-02-25 23:31:00
168
原创 vue项目中遇到的那些事。
vue项目中遇到的那些事。 前言 有好几天没更新文章了。这段实际忙着做了一个vue的项目，从 19 天前开始，到今天刚好 20 天，独立完成。 做vue项目做这个项目一方面能为工作做一些准备，一方面也精进一下技术。 技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + element-u...
2019-02-11 09:37:00
516
原创 vue项目的常用配置代码
vue项目的常用配置代码 {// 针对vue的格式化配置----依赖eslint、prettier、vetur等插件// 强制单引号"prettier.singleQuote": true,"prettier.semi": false,// 尽可能控制尾随逗号的打印"prettier.trailingComma": "a...
2019-01-28 17:21:00
160
原创 css的div垂直居中的方法，百分比div垂直居中
css的div垂直居中的方法，百分比div垂直居中 前言我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。固定高宽div垂直居中如上图，固定高宽的很...
2019-01-28 11:53:00
178
原创 ie浏览器部分图片不显示
ie浏览器部分图片不显示 前言 前几天做项目时，发现一个奇怪的现象，从后台获取的图片，在IE浏览器端，有一部分不会显示，仔细研究发现是图片本来是.jpg格式，后台传过来的图片后缀已经被改成了.png格式或者其它格式导致IE浏览器无法识别。正文 我项目中现象如下图：图片后缀名问题 图片后缀名和代码中不一致或者图片本来是....
2019-01-28 11:49:00
1914
原创 超详细的文本溢出添加省略号。。。。
超详细的文本溢出添加省略号。。。。 前言 需求：富文本溢出隐藏，超出用省略号表示。 博主：文本溢出倒是做过不少，这富文本溢出什么鬼？老夫今天就好好研究一下这个省略号。 ps：富文本溢出，不也是文本溢出么？空格处理？多段落？正文 1.css写法 1.1最简单的省略号（单行，溢出隐藏） p{overflo...
2019-01-28 11:31:00
388
原创 vue中使用swiper-slide时，循环轮播失效？
vue中使用swiper-slide时，循环轮播失效？ 前言 vue 项目中使用时，组件swiper-slide 如果用v-for循环的话，loop：true 就不能无缝轮播，每次轮播到最后一张就停止了？？？正文 代码如下： <swiper :options="swiperOption2"> <...
2019-01-24 11:42:00
1641
原创 向李玉宝学习
向李玉宝学习 前言 这几天，大家大多数都被“啥是佩奇”的广告刷屏了吧，后台一大堆人留言，问我怎么看待这个广告。。今天就姑且说说吧 视频连接：https://openapi-vtom.vmovier.com/video/5C403147026F5正文为什么这么火？ 1.小猪佩奇就是名片。 小猪佩奇早就不局限于动画片，如...
2019-01-19 13:17:00
167
原创 2019请善待每一个向前奔跑的人
2019请善待每一个向前奔跑的人 前言 转眼2018已经结束，想想2017年底时立给自己的各种flag，“真香定理”应验，哎，“计划一时爽，执行火葬场”，手动狗头表情 2018是动荡的一年，国家天灾人祸频发，经济低迷，“疫苗事件”、“寿光事件”、“p2p暴雷”、“贸易战”等应接不暇。 2018是悲伤的一年，又一位亲人离我而去，心中...
2018-12-31 23:24:00
127
原创 大家都知道fastclick能解决300ms延迟，现在我们来看一下，使用方法
大家都知道fastclick能解决300ms延迟，现在我们来看一下，使用方法 1.在终端输入以下命令进行安装npm install fastclick -S2.在你用脚手架搭建好的项目中，找到mian.js这个入口文件，打开3.在其中加入：import FastClick from 'fastclick'...
2018-12-25 17:26:00
201
原创 移动端click事件300ms延迟
移动端click事件300ms延迟 移动端click 事件延迟300ms一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随...
2018-12-25 17:17:00
155
原创 webpack安装异常
webpack安装异常 webpack中文指南：https://zhaoda.net/webpack-handbook/index.html今天中午，我用 cnpm install 重新下载了一下项目的依赖，爆了一个错误如下：peerDependencies link ajv@5.5.2 in D:\work-span\trav...
2018-12-25 16:12:00
5264
原创 Visual Studio Code（VS code）你们都在用吗？或许你们需要看一下这篇博文
写在前面 在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。 都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻城狮，都被VS code比德芙还丝滑的强大功能所折服。 我是来给大家安利插件的，想做个比较全面的插件集合给大家。网上的我也看过一些，但是都比较零散，时间也久了一些，我结合最近的情况，总结一下...
2018-12-06 20:10:00
3595
19
原创 visual studio code运行时报错，Cannot find module 'webpack'
前言 今天运行是visual studio code时，报了一个错误Cannot find module 'webpack' ，网上找了很多方法都没解决。下面一起来看看怎么解决正文 报错:npm start提示`vagrant@vagrant-ubuntu-trusty-32:/vagrant$ webpack/usr/lib/node_modules...
2018-12-05 15:25:00
2492
原创 easyui 进阶之tree的常见操作
前言easyui是一种基于jQuery的用户界面插件集合，它为创建现代化，互动，JavaScript应用程序，提供必要的功能，完美支持HTML5网页的完整框架，节省网页开发的时间和规模。非常的简单易学。easyui中文网：http://www.jeasyui.net/easyui官网：http://www.jeasyui.com/documentation/#今天我们来学...
2018-11-30 12:28:00
298
原创 easyui 进阶之表单校验、自定义校验
前言easyui是一种基于jQuery的用户界面插件集合，它为创建现代化，互动，JavaScript应用程序，提供必要的功能，完美支持HTML5网页的完整框架，节省网页开发的时间和规模。非常的简单易学。easyui中文网：http://www.jeasyui.net/easyui官网：http://www.jeasyui.com/documentation/#今天我们来学...
2018-11-22 17:13:00
480
原创 写给焦虑的自己
大千世界、鱼龙混杂、红尘欲海、众生皆苦！ 有时候挺羡慕过去的老人们、那时候他们的生活虽然艰苦、虽然贫穷、有时就算饭都吃不上、啃树皮、嚼树根、可生活还是照样过的歌舞升平、 而如今这个时代的我们嘛 总结起来大概可以这样概述 很多有钱的长辈开始隐退了、没钱的嘛很多还在为了生活拼命、&...
2018-11-16 20:57:00
201
原创 数据结构与算法学习笔记之编程语言中的排序函数是怎么实现的
前言 在开发过程中，人人都会用到排序，每种编程语言也会提供排序函数，可是编程语言的排序函数运用环境复杂，必须得达到最大程度的兼容。我们得怎么实现一种通用的，高效的排序函数呢？ 正文 1.最通用的排序算法 如下图所示： 在我们选取的排序函数中，O（n2）时间复杂度适合小规模的排序，O（nlogn...
2018-11-15 16:30:00
134
原创 数据结构与算法学习笔记之为用于高考名次排序的排序算法
前言 在高考结束以后，所有人都在等着成绩，政府部门面对几百万的数据，你知道他们是怎么算名次的么？上一次学到递归排序以及快排，确实，用他们可以实现，可是他们的时间复杂度最低都是O（nlogn）。今天我们来看看有没有更快捷的排序方法？ 正文 桶排序 原理： 将需要排序的数据分到几个有序的桶里，...
2018-10-31 09:33:00
265
原创 数据结构与算法学习笔记之 适合大规模的数据排序
前言 在数据排序的算法中，不同数据规模应当使用合适的排序算法才能达到最好的效果，如小规模的数据排序，可以使用冒泡排序、插入排序，选择排序，他们的时间复杂度都为O（n2），大规模的数据排序就可以使用归并排序和快速排序，时间复杂度为O（nlogn）。今天我们就来看一下归并排序和快速排序。 正文 归并排序的原理 核心思...
2018-10-30 09:45:00
252
原创 数据结构与算法学习笔记之如何分析一个排序算法？
前言 现在IT这块找工作，不会几个算法都不好意思出门，排序算法恰巧是其中最简单的，我接触的第一个算法就是它，但是你知道怎么分析一个排序算法么？有很多时间复杂度相同的排序算法，在实际编码中，那又如何选择呢？下面我们带着问题一起学习一下。 正文 一、常见经典的排序方法 （图片来自于一像素） 插入排序...
2018-10-19 16:20:00
133
1
原创 数据结构与算法学习笔记之高效、简洁的编码技巧“递归”
前言 盗梦空间想象大多数人都看过：电影讲述的是主人公诺兰进入希里安·墨菲梦境植入想法的行动。为了向希里安·墨菲梦植入理念，影片进入四层梦境，即所谓：“梦中的梦中 梦中人的梦中”。 有一对兔子，每隔三个月会产下一对小兔子，小免子每隔三个月，也会产生新的一对免子，问36个月后，共有多少对兔子。 诸如此类：其实就是“递归”，今天就一起进入“...
2018-10-18 15:50:00
114
原创 数据结构与算法学习笔记之先进先出的队列
前言 队列是一种非常实用的数据结构，类似于生活中发排队，可应用于生活，开发中各个方面，比如共享打印机（先请求先打印），消息队列。你想知道他们是怎么工作的么。那就来一起学习一下队列吧 正文 一、队列的定义？ 1.一种先进先出的线性表 2.只允许入栈 push()和出栈 pop() 在后端（...
2018-10-18 11:02:00
168
原创 数据结构与算法学习笔记之后进先出的“桶”
前言 栈最为一种的常用的数据结构，用“桶”来形容最合适不过；今天我们就来学习一下 正文 一、栈的定义？ 1.“后进先出，先进后出”的数据结构。2.从操作特性来看，是一种“操作受限”的线性表，只可以在一端插入和删除数据。 二、为什么需要栈？ 1.任何数据结构都是对特定应用场景的抽...
2018-10-15 17:28:00
160
原创 数据结构与算法学习笔记之写链表代码的正确姿势（下）
前言 想成功你就得有决心，并有方法和技巧的付出精力。 正文 如何优雅的写出链表代码？ 一、理解指针或引用的含义 1.含义： 将某个变量（对象）赋值给指针（引用），实际上就是就是将这个变量（对象）的地址赋值给指针（引用）。 指针中存储了这个变量的内存地址，指向了这个变量，通过指针就能...
2018-10-15 11:44:00
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人