过期的面包片-优快云博客

原创前端离线地图 - React项目实践

Leaflet 是一个开源并且对移动端友好的交互式地图 JavaScript 库。它大小仅仅只有 42 KB of JS, 并且拥有绝大部分开发者所需要的所有地图特性。点击查看文档。

2023-11-30 14:21:31 1428

原创前端离线地图 - 下载瓦片地图

离线地图？接到需要做离线地图这个需求的时候我还在问公司的负责人要腾讯地图的key。结果晚上开会就突然说项目需要内网部署，必须要使用离线地图。一脸懵逼的我心想幸好还没有开始接腾讯地图（无用功没做）。经过我两天的调研，基本的离线地图方案就是下载地图瓦片来使用第三方库将它们拼接起来。达到显示离线地图的效果。其中地图瓦片不可能放到客户端，需要提前下载好图片。然后放到服务器通过启动一个来实现文件静态访问。

2023-11-30 14:19:17 856 8

原创 Electron搭配React的history路由模式打包exe客户端

新建项目相关依赖的版本如下生产开发项目架构详解关于preload.js 和 renders.js的详解原文链接在electron启动前端项目首先需要将打包📦后的前端代码放到项目文件夹下，注意是放到文件夹根目录而不是将诸如(vue打包后)或者（react打包后）文件阿吉直接拷贝到项目的文件夹。文件夹下的文件目录如果是react就应该如下开始编写main.js直接贴出代码如下关于package.json的编写由于使用的是electron-builder故可以去.

2022-07-13 17:49:18 1120 2

原创解决为什么vue3项目在部署之后会出现白板。或者很明显没有引入打包后的资源文件呢？

解决为什么vue3项目在部署之后会出现白板。或者很明显没有引入打包后的资源文件呢？出现白板的原因与未加载资源文件有关，因为路由是虚拟路由。你没有引入js文件肯定没有页面了在使用VueRouter的时候可以看到有两种模式，hash和history 如果使用的是history模式就会出现白板。解决方案-资源无法加载在项目根目录创建vue.config.js的vue的配置文件并配置如下module.exports = { publicPath: './'};这个配置项是更改生产的

2021-08-25 15:51:46 1263

原创 ES6的数组结构赋值

基本用法* ES允许按照一定模式，从事狐族和对象中提取值，对变量进行赋值。这被称之为结构。* 通常，我们赋值一般都会采用以下的这种方式 var a = 3; var b = 'string'; // es6写法 var [a,b] = [3,'string'];下面是以嵌套数组赋值的例子let [a,b,c] = ["name","sex","age"];

2017-12-21 23:21:45 3225

原创工作日常--浅谈ES6的let/const

在es5中平常工作中，我们声明变量的方式基本就是两种如下var a = '';b以上的两种申明变量的方式在之前的ES5中都可以这么做。前者声明的变量a进行了初始化，默认情况下a是为空的字符串。b变量未给任何的前置申明，在前端面试中最喜欢问到的就是这个。其实这么写的话，该变量就是全局变量。在js的它以后都可以访问到它。let块级作用域let命令是在ES6中新增的命令，用于申明变量。在某些情况下，基本

2017-12-20 00:02:46 311

原创工作日常--es6学习总结

export规定模块对外的接口输出变量写法1~ export const name = 'fredZhao'; export const age = 23; export const number = 233; ~写法2~ const name = 'fredZhao'; const age = 23; const number = 233; export {name,age,num

2017-12-15 22:14:31 258

原创工作日常--遇到angular报错‘$digest already in progress’

其实昨晚就遇到了这个问题。测试告诉我，在选择了某个数据作为筛选条件的时候。明明选择了某个条件，但是筛选失效。我打开chrome浏览器，打断点查看是不是在选择了该条数据无法触发请求数据的方法正常执行。后来我发现，选择了条件是正常的。方法调用也是正常的，接口返回数据也是正常的。在一个search接口中添加一个卡ID的筛选条件之后，事实上筛选出来了只有6条数据。可是很明显，页面上的数据并不只有6条。一页2

2017-12-13 23:13:35 706

原创工作日常--内存和性能

事件委托在最初还没有出现类似于jquery这种第三方库的时候，很多人习惯了为页面中的dom添加很多的事件。在页面元素相对来说少的情况下，是可以这么做。可是在比如点击某个下拉列表的单个项的时候，为每个标签单独命名id，然后绑定事件既繁琐又不是很方便。如下代码<ul id="my_ulChildren"> <li id="children1"></li> <li id="childre

2017-12-11 23:17:07 185

原创工作日常--js引用类型数据深拷贝与浅拷贝

js数据类型简单数据类型简单的数据类型包括Undifine,NULL,Bolean,String,Number。这些数据类型的数据的保存是在堆中存储的。堆中存放的数据是先进先出。FIFO(first in first out)引用类型引用类型包括Object和Array，引用数据类型是存放在栈中的。栈中存放的数据是先进后出的。FILO（frist in last out）关于js的浅拷贝和深拷

2017-12-07 17:21:25 359

原创工作日常--javascript各种事件总结

onload事件页面元素完全加载完成之后执行的事件window.onload = function(){ console.log("页面元素已经完全加载");}onunload事件页面元素完全卸载完成之后执行的事件window.onunload = function(){ console.log("页面完全卸载完成咯");}onresize事件窗口有所缩放之后触发 window.on

2017-12-07 00:00:22 293

原创工作日常--event对象总结

event属性列表// 在浏览器输入如下代码// 前提----页面上有一个id为dom2的元素var dom2= document.getElementById("dom2");dom2.addListener("click",function(e){// 打印出所有的event属性 for(item in e){ console.log(item +':' +e[item]);

2017-12-05 23:43:46 260

原创工作日常--javascript事件

我也不知道这个博客能坚持多久，，复习事件处理觉得觉得知识有点偏老，但是还是的有所了解为好事件处理程序IE事件处理程序attachEventIE8及更早版本（兼容性较差，我本地调试并未成功。本地chrome为最新版本报错，IE11也报错。。戏剧的专门兼容IE的事件处理程序却自家不认识。）解释，接受两个参数下面是例子var btn = document.getElementById("my

2017-12-05 00:05:36 253

原创复习系列--javascript数组的常用方法总结

我也不知道这个博客我能坚持多久数组的简单排序反向数组 array.reverse()var unorderedNumber = [4, 8, 9, 6, 7, 10, 52, 69, 74, 52, 33, 1, 65, 97, 5];unorderedNumber.reverse();排序数组 array.sort()/* 由于数组排序是将数组元素直接转换成字符串比较将每个数

2017-12-02 01:20:15 430

原创工作日常--总不能一直记流水账吧，温故下js关于数组的一些常用方法

我也不知道这个博客的书写我能坚持多久，反正慢慢来吧工作流水账其实还是忍不住想写写自己的工作日常。在我之前的博文中也讲过，我维护的这个系统的有些代码写得真的是。。男默女泪。明明都是属于一个业绩提成模块的代码，甚至接口请求都是用的一个，然后因为是五个tab页面。于是活生生的写了五个路由，其中页面中有两个弹出框。于是乎，，，相应的弹出框文件也有5*2个。其实这个也没有什么了，但是对于我这种半路接手，然后自

2017-11-30 23:13:12 287

原创工作日常--记录今天提交了N次代码然后最后还是请教前端老大解决的一个自己觉得很傻逼的问题

背景这家公司是创业公司，公司做自己的产品。我是主要负责在SaaS系统PC端的新需求叠加与bug修复的。由于系统过于厚重，用的是angular1，具体哪个版本我不想去找了。反正在开发中遇到了不少次的双向绑定数组不更新的情况。这次遇到一个这样子的需求–我们有一个socket.I.O的连接。与后台交互显示报表任务是否下载完成，是否有客人预约，还有一些其他的提示信息。在后台给到数据之后，我们通过socket

2017-11-28 23:12:40 1165

原创菜鸟js进阶---我理解的函数作用域

其实之前大学有学习过,net和c++的语法，现在已经忘记的差不多。现在捡起来JS的语法，虽然不陌生，但是现在还是要努力的学习下。js的函数构造貌似跟C的构造有点像。格式都是function functionName(arg0,arg1,......,argn){ statements}//上面这是一个函数的结构，下面这个例子是一个简单的函数function say

2017-03-10 19:21:45 320

原创菜鸟js进阶---一元操作符

找工作找到崩溃的我。昨天一位找了一个月的同事建议我系统的学习下原生js，于是就买了本《JavaScript高级程序设计》书，昨天买的，今天就到了。想了想，自己私下写demo也好。但是貌似现在好多的公司面试都是会问你的博客的，想了想就在这一边学习一边记录吧。希望看到这篇博客的你，给我提出我理解的错误和不足。来一起共同进步吧！概念：所谓一元操作符，书本的解释--只能操作一个一个值的操作符就

2017-03-10 13:09:13 1908

sinat_31076477的博客