- 博客(18)
- 收藏
- 关注
RSS订阅
原创 利用CSS样式调整列表布局
在实际的前端网页开发中，以列表的形式显示内容是一门必修的功课。特别是以uI控件嵌套多个li控件成为列表显示的标配。为了让读者由浅入深地了解列表显示的界面优化，我们首先不添加任何CSS样式，直接输入下方的代码。每一个项目中应包含图片、标题及具体内容。<!DOCTYPE html><html><head> <meta charset="utf-8"...
2018-11-27 14:02:06
637
原创 OpenLayers中栅格瓦片投影底图切换的实现
1.综述WebGIS中渲染地图时，要经常使用瓦片地图（tiled web map）。绝大多数瓦片地图使用的是EPSG:3857墨卡托投影，也有个别瓦片地图使用EPSG:4326投影。瓦片地图按比例尺从小到大划分，可分为22个级别（z）。每个级别中的所有瓦片都会拼接成一幅世界地图。当级别数为0的时候，一个瓦片囊括了整幅世界地图。级别数越大，能够显示的地理内容会更丰富。瓦片的横向索引（x）和纵向索...
2018-11-25 13:32:16
2056
1
原创 前端面试题汇总（随时更新）
最近一段时间，我参加了前端工程师的面试，一面试就发现，有一些知识点是我没有注意的地方，这些知识点答不上来没关系，但最可怕的是这些知识点会忘在脑后，成为过眼云烟。因此，及时总结知识点，不仅可以随时查看，还可以成为日后进行前端开发工作和练习的参考，为我的前端开发上了一堂生动的一课。其中的一道题是使用纯CSS如何实现下拉菜单的。为了实现这一目标，我参考了其他博客的示例，请看下图的菜单。HTM...
2018-11-21 20:42:55
153
原创 JavaScript开发：对象和方法定义所经历的阶段
一个开发语言的学习是一个由浅入深、循序渐进的过程，JavaScript也不例外。第一阶段：全局定义函数。请看下面的一个示例：show("我的中国心"); //不报错，因为系统在编译时首先对函数初始化function show(word) { alert(word);}function sort(a) { alert("排序操作"); return "排序...
2018-11-14 14:25:40
148
原创 VUE生命周期的定义
VUE生命周期概述最近我陆续参加了一些公司的电话或视频面试，发现vue生命周期是面试题中必考的一项内容。虽然我会使用vue的组件，会操作vue的一些基本用法，但有些知识点居然没有回答上来，这就造成了面试中的短板。因此，在CSDN中总结知识点十分必要。VUE中有一个知识点，那就是vue生命周期。每一个vue组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就构成了一个组件所谓的生命周期。生命周期中有几个重要的方法：方法名称方法说明beforeCreate
2020-11-11 22:34:13
421
原创 JavaScript中如何实现数组去重？
JavaScript中如何实现数组去重在电话面试中，JavaScript的数组去重是一个非常重要的考点。以下是我总结的数组去重的几种方法：一、它主要使用了Object键值的独一无二性。((arr) => { let returnObj = {}; arr.forEach(item => { returnObj[item] = item; }); return Object.values(returnObj);})([2, 5, 7, 4,
2020-11-06 16:06:09
194
原创 JavaScript的数据类型
JavaScript的数据类型作为一名前端开发工程师，由于电话面试本身的局限性，有些前端的面试题中的个别知识点可能没有答上来。JavaScript的数据类型可分为两大类：基本类型和引用类型。一、基本类型基本类型是直接存储在栈中的数据。它有number、string、boolean、null、undefined。二、引用类型引用类型是由堆中的内存地址及其所指向的存储在栈中的数据构成。它有Array、Function、Object构成。因此，当const类变量是一个引用类型的变量的时候，它的数据是可
2020-11-05 12:00:12
240
转载 2020-10-15
Vue的生命周期这里列举了Vue的生命周期中的钩子及详细说明：生命周期钩子详细beforeCreate在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用。created实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测（data observer），属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。beforeMount在挂载开始之前被调用；相关的re
2020-10-15 17:10:23
108
原创 AJAX的原生JS写法和JQuery写法
AJAX（Asynchronous Javascript and XML），是一种创建交互式网页应用的网页开发技术。AJAX是一种用于创建快速动态网页的技术，使网页在不需要重新加载整个网页的情况下，对网页的某个部分进行更新。实现AJAX有两种方式：一种是原生的JS代码，另一种是借助JQuery等第三方插件来实现。以下是使用原生JavaScript代码来实现AJAX：let ajax1, ...
2018-12-26 00:06:50
344
原创 使用Vue框架控制显示内容
根据有关前端开发教材的说法，Vue是当前最主流的前端开发框架，它可以大大减少前端开发人员的工作量。首先查看以下的代码：<ul> <li> <div class="div1"> <img alt="项目1" src="images/bigben200.png"> <p>项目1<
2018-11-29 23:18:21
1106
原创 使用Java读取NetCDF格式数据
在WebGIS的开发过程中，有些时候会不可避免地接触到NetCDF格式的数据。NetCDF（network Common Data Form）格式的数据把对某一研究对象的多维信息归类在一起，它可以在任意一台操作系统进行创建、使用和分享。目前netCDF已经广泛用于地球物理、气象科学等领域。NetCDF的文件后缀名为.nc，下面以某个nc文件为例，通过Java读取netCDF数据。该件为世界高程...
2018-11-20 19:34:54
4745
原创 利用OpenLayers加载GeoJSON矢量数据
随着互联网技术的不断发展，各大地理公司相继推出了基于JavaScript的地图开发API，典型的API有ArcGIS API for JavaScript、OpenLayers等。常见的地理数据格式除了Shapefile以外，还有GeoJSON格式的矢量数据。根据网站的官方解释，GeoJSON是一种包含着点、线、面的坐标信息及属性等各种地理要素的一种JSON格式，可以在记事本中直接打开。因此，在某...
2018-11-15 23:48:56
14341
12
原创 Web瓦片投影
Web所用的地图使用了墨卡托投影（web mercator），它的特点是在角度不发生任何变化的情况下，投影面积随着纬度的变化而变化。下面以OpenStreetMap为例，来说明瓦影中各个参数的关系。用户可以右键单击属性来查看每个瓦片的地址。 x=0,y=0,z=1 x=1,y=0,z=1 x=1,y=0,z=1...
2018-11-11 23:01:30
444
原创 谈谈线程和进程的关系
进程是资源（CPU、内存等）分配的基本单位，它是执行时的一个实例。程序运行时系统就会创建一个进程，并为它分配资源，然后把该进程放入进程就绪队列，进程调度器选中它的时候就会为它分配CPU时间，程序开始真正运行。线程是程序执行时的最小单位，它是进程的一个执行流，是CPU调度和分派的基本单位，一个进程可以由很多个线程组成，线程间共享进程的所有资源，每个线程有自己的堆栈和局部变量。线程由CPU独立调度...
2018-10-22 17:08:50
222
原创 在ListView中使用外带字体
在ListView中使用外带字体根据Android手机开发的基础教程以及自入门以来，使用以下代码来实现ListView的显示如下： ①app/src/main/res/layout/listview_layout.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.and
2017-12-24 12:17:32
305
原创 欢迎使用CSDN-markdown编辑器
Android组件之AutoCompleteTextView自动完成文本框自动完成文本框（AutoCompleteTextView），用于实现允许用户输入一定字符后，显示一个下拉菜单，供用户从中选择，当用户选择某个选项后，按用户选择自动填写该文本框，其基本语法格式如下： XML属性 描述 android:completionHint 用于为弹出的下拉菜单指定提示标题 android
2017-11-19 16:27:48
198
1
原创 Android手机开发之动画二三事
我的本职工作是进行Flex网页开发。每天机械性地做着相同的动作，未免有点乏味。利用业余时间学习Android手机开发，是我这个25-30岁这个年龄段时喜欢且应该做的事情。Android提供了许多实现动画的语句。下面以ObjectAnimator为例，进行Android的动画效果。以下列出了ObjectAnimator各属性的名称及作用。属性名作用最小值最大值
2017-09-23 10:43:00
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人