knowledge summarized - Githubissues

pkcile commented 3 years ago

将文字设为等宽？

用选择器选中文字后，设置如下声明（属性：值）

font-family: monospace;

其中monospace直译为等宽字体，设置等宽字体后，英文字符每个字符的宽度相同，但英文字符和中文字符的宽度是不同的

其中，font-family后的值可为通用字体系列（如serif衬线、sans-serif非衬线、monospace等宽、cursive草书……），也可为特定字体系列（如'Gill Sans', 'Gill Sans MT'……）

pkcile commented 3 years ago

对程序员都会修电脑的理解

对自己来说，会修电脑让自己多一个计算机相关的技能；对他人来说，会修电脑让不懂这个职业的人没闲话说。

pkcile commented 3 years ago

你觉得前端有必要学习数据结构和算法吗？为什么？

有必要数据结构中的结点、链表、树、图像极了对事物间联系的简化版，方便我们以理论的方法看待这个世界；算法可以理解为解决问题的方法套路，如排序算法、字符串匹配算法，方便我们在业务逻辑中拿取使用；前端开发，若是简单的文档页面开发，我认为不必立即学习数据结构和算法；若是web应用的开发或深入对前端的语言地理解，有数据结构和算法的基础可以更方便容易深入地学习。

pkcile commented 3 years ago

喜欢H5的哪些功能？为什么？

我最喜欢H5中包含的地理定位功能，通过调用geolocation api，用户允许定位后即可获取客户端wgs84坐标信息；相比于某些服务商如IP Geolocation API、百度地图（仅限于国内），提供的通过获取用户客户端IP网络信息获取坐标信息更精确；

获取的坐标信息可以在百度地图、天地图等在线地图中可视化显示，一般的若要在国内在线地图中显示，需要将直接在客户端获取的wgs84坐标信息需要转换为国测局02坐标或百度经纬度坐标；

然而百度地图api中也有获取地理位置坐标的实例，相比于直接在浏览器获取更简单(找不到demo了😂……，类参考中可查找Geolocation：不需要进行从wgs84坐标到百度经纬度的坐标转换、且在谷歌的chrome中不翻墙貌似也能返回高精度位置坐标

pkcile commented 3 years ago

假如今天是你和你老婆结婚10周年重要的日子并已约好，公司突然有紧急的事情需要你亲自处理，你如何选择？

在确认紧急事情非我不可的情况下，选择处理工作事务，及时告诉"未来的另一半"关于自己的工作情况并请她体谅

pkcile commented 3 years ago

网页跳转

1.location.href = './job/gis/3s/www/3s.html';

pkcile commented 3 years ago

git相关操作

1.git clone加速

1.用IP Address网站查询网址对应的IP地址

https://www.ipaddress.com/

2.修改本地hosts文件，添加解析语句(C:\Windows\System32\drivers\etc)

ip github.com
ip github.global.ssl.fastly.net

3.更新DNS

CMD命令行，输入：ipconfig/flushdns

2.gitee 和 github 同步更新

2.1 查看：git remote -v

2.2 添加：git remote add gitee git@gitee.com:pkcile/firstPage.git

2.3 移除：git remote rm gitee

> https://gitee.com/help/articles/4284

3.git 与 SSH

3.1 cmd命令行中的操作

ssh
ssh-keygen
cd ~/.ssh          注释：到该位置
ssh-keygen -t rsa  注释：并按回车3下
id_rsa.pub         注释：id_rsa.pub文件生成在该位置 C:\Users\pkcile\.ssh

3.2 id_rsa.pub内容：

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDL3GNRj5tbm/7BhnV8WWk6qJaFS9DxSJEpjflSWArnjPWMKweeiIWdFj62dC4HhcnciPIv6utk5CnqHQGmf+ln622UDGRwcb4vJUSFTDZDLoDrHkxSnTN+HGuP5AI4ivU8hwDGtDCZDD/hsoMblncXJ76BylBArXjird7HcquSD4DJ6pW7xTeJB+bK1V0h+x1PTq44YDcWVI1BSXmSZueCQTjXdJub94VdfFNFhJNa7RwdnBhii4ic9kMMt2YoSzWmXZQbyPfMwdEYk2M1mMacu149BFiBoXfk3bKKCIAu7qrzsrlBs6L3aHfJ9AvAzyx24uMp3ffBMRp8PPuY8Ghr pkcile@DESKTOP-7DQ7I4B

将id_rsa.pub内容拷贝至github ssh

1.写一个标题：title
2.将id_rsa.pub内容拷到key文本框中

git config相关

git配置相关信息，列表查看、增删改查
git config --global --list 
git config --global --add configName configValue
git config  --global --unset configName 
git config --global configName configValue
git config --global configName

git配置相关操作实例：列表查看、增删改查
1.列表查看
git config --global --list 
user.email=pkcile@hotmail.com
user.name=pk
2.配置修改
git config --global user.email wangpengkun2012@hotmail.com
3.配置查看
git config --global user.email
4.配置删除、配置增加省略

github源码查看及部分下载

https://github1s.com/pkcile/firstPage/blob/HEAD/test/new-css/header-position-sticky.html
即将：github.com改为github1s.com

pkcile commented 3 years ago

布局：盒模型、弹性盒flex、网格布局grid

测试中

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html

pkcile commented 3 years ago

页面各类特效

测试中

pkcile commented 3 years ago

bat的简单使用

bat脚本语言的前世今生

1.背景：bat文件是dos下(磁盘操作系统 Disk Operating System)的批处理文件，文件扩展名为.bat或.cmd
2.使用：在cmd命令行提示框下输入某个批处理文件的名称如（test.bat），或者在任何目录界面下鼠标双击该批处理文件如(test.bat)
3.联系：根据bat文件的使用情况，可以看出cmd窗口与bat文件有着紧密的联系

常见的用法

1.获取帮助文档
在命令行窗口直接输入如：dir
能够显示当前目录文件的分布情况

在命令行窗口直接输入如：help dir
那么就会将dir的相关用法显示出来 

2.获取某个文件夹里面的目录结构
在命令行窗口直接输入如：tree

3.将在cmd窗口中显示的内容存入文本中
在命令行窗口直接输入如：tree > test.txt
即生成一个test.txt文件，将tree在cmd窗口中显示的内容写到文件中

优化： tree /f test.txt
tree /f : 在cmd中显示文件、目录结构

4.cmd中常用的相关指令汇总
dir：当前目录文件内容
del：删除
rmdir：删除
move：移动文件、重命名文件夹， 如：move C:\Users\admin\Desktop\test.txt C:\Users\admin\Desktop\test   (如果没有test文件夹，md test )
md: 创建目录
cls: 清除界面内容

ctr + c 停止运行

pkcile commented 3 years ago

php相关的语法

1.{$item}，php中常用{}这种形式来分隔php语句

2.isset — 检测变量是否已设置并且非 null

3.跨域问题

header("Access-Control-Allow-Origin: *"); 
header('Access-Control-Allow-Origin:*');       //允许所有来源访问
header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

4.数据库操作流程

1.连接数据库服务并选择数据库：$db=new mysqli("localhost","root","root","pxscj");
2.执行sql语句，数据库返还给php执行的结果集： $dresult=$db->query($sql);
3.对结果集读取：
4.释放内存、关闭连接： $dresult->free(); $db->close();

5.文件引入格式

require_once
require
include
require_once 语句和 require 语句完全相同，唯一区别是 PHP 会检查该文件是否已经被包含过，如果是则不会再次包含。
require_once 语句和 include 语句作用类似

用法：在类中如果使用mysqli或pdo中的类，就需要先引入
如：

pkcile commented 3 years ago

数据库相关的知识

1.数据类型

Link-reference: https://dev.mysql.com/doc/refman/8.0/en/integer-types.html
Integer Types: INTEGER, INT, SMALLINT, TINYINT, MEDIUMINT, BIGINT

Table 11.1 Required Storage and Range for Integer Types Supported by MySQL

Type	Storage (Bytes)	Minimum Value Signed	Minimum Value Unsigned	Maximum Value Signed	Maximum Value Unsigned
`TINYINT`	1	`-128`	`0`	`127`	`255`
`SMALLINT`	2	`-32768`	`0`	`32767`	`65535`
`MEDIUMINT`	3	`-8388608`	`0`	`8388607`	`16777215`
`INT`	4	`-2147483648`	`0`	`2147483647`	`4294967295`
`BIGINT`	8	`-263`	`0`	`263-1`	`264-1`

pkcile commented 3 years ago

1.for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。

for (property in expression) statement
下面是一个例子：
  for (const propName in window) {
  document.write(propName);
  }

2.for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等

pkcile commented 3 years ago

高度塌陷问题

1.float属性最初只用于在文本内浮动图像，但现在它多用于网页进行多列布局。

2.通常浮动元素会脱离正常的文档布局流，并停靠在到其上一个临近兄弟元素或者父元素的左边；

1.文字内容环绕在浮动元素周围，具体环绕效果视情况而定
2.若邻近下一个兄弟元素为块元素并设置一定高度，则该块元素在文档流左上角位置即为浮动元素左上角的位置
块元素；同样该块元素内的文字遵守在浮动元素周围的原则
3.浮动元素的高度无法撑开其父元素

3.因此使用浮动来布局页面会出现以下几种问题：

问题1：浮动元素没把父元素撑开
问题2：浮动元素其临近下一个兄弟块元素占据浮动元素位置

4.解决方法：引用内容

方法1：创建块格式化上下文（Block Formatting Context，BFC）
元素开启BFC后的特点：
1.开启BFC的元素不会被浮动元素所覆盖
2.开启BFC的元素子元素和父元素外边距不会重叠
3.开启BFC的元素可以包含浮动的子元素

可以通过一些特殊方式来开启元素的BFC：
1、设置元素的浮动（不推荐）
2、将元素设置为行内块元素（不推荐）
3、将元素的overflow设置为一个非visible的值
常用的方式 为元素设置 overflow:hidden 开启其BFC 以使其可以包含浮动元素

方法2：浮动清除（clear）
在浮动元素后添加一个块元素，并设置该块元素的属性为：clear: both;
解决方法：.clear_fix::after{content:'';display:block;clear:both}

5.实现原理：引用内容

1.BFC
解释1：页面必须自动包含突出的浮动元素，且所以块级盒子的左边界默认与包含块的左边界对齐
解释2：BFC是一个CSS中的一个隐含的属性，可以为一个元素开启BFC
开启BFC该元素会变成一个独立的布局区域

2.clear
浏览器设置足够的外边距垂直向下推移到浮动元素下方

外边距重叠问题

高度塌陷、外边距重叠问题最终解决方案：
.clearfix::before,
.clearfix::after {
            content: '';
            display: table;
            clear: both;
        }

参考：

1.MDN 浮动

浮动：

1.网站参考-BFC：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context

2.书本参考-BFC: 精通CSS，中文第三版，第54页

3.主要参考-尚硅谷李立超HTML、CSS视频教程：高度塌陷和BFC、BFC的演示、clear、用伪类解决高度塌陷

外边距重叠：BFC相关

pkcile commented 3 years ago

GIS geoserver相关问题

geoserver的作用类似于arcgis server的作用，也就是发布地图服务

我感觉gis从数据采集制造地图、切片发布地图服务、客户端开源地图渲染库可以由一下配置：
主要：QGIS + geoserver + openlayer/mapbox
次要：java环境、Tomcat服务器、geoserver相关跨域切片相关插件

1.geoserver的安装就和wordpress的安装类似

1.需要geoserver安装包，war包
http://geoserver.org/release/maintain/

2.需要配置java环境，建议java8；配置Tomcat服务器
jdk下载：https://www.oracle.com/java/technologies/javase-downloads.html，默认安装即可
配置java环境：
JAVA_HOME  C:\Program Files\Java\jdk1.8.0_281
path：
%JAVA_HOME%\bin 
%JAVA_HOME%\lib\dt.jar  
%JAVA_HOME%\lib\tools.jar

Tomcat下载：http://tomcat.apache.org/
配置Tomcat服务器
CATALINA_HOME  C:\Program Files\apache-tomcat-9.0.44
path：C:\Program Files\apache-tomcat-9.0.44\bin

运行：cmd窗口中输入startup

2.geoserver的地图服务发布

1.参考官方文档即可
https://docs.geoserver.org/latest/en/user/
视频参考：废话比较多，可以简单看，https://www.bilibili.com/video/BV1hA411Y7bL?p=2

3.geoserver发布的地图如何利用客户端渲染库显示出来

1.解决跨域问题，两个java包添加、xml文档修改
cors-filter-1.7.jar，Java-property-utils-1.9.jar这两个库文件，放到tomcat的lib目录下，即ApacheTomcat\lib。
修改ApacheTomcat\webapps\geoserver\WEB-INF\web.xml中的配置文件，即把注释去除
参考：https://www.cnblogs.com/arxive/p/8673399.html

2.openlayer官方demo，并配合B站和youtube视频
demo：https://openlayers.org/en/v4.6.5/examples/wms-image.html?q=wms
youtube：https://www.youtube.com/watch?v=sWtLnTG4RGE
B站：https://www.bilibili.com/video/BV1vk4y127P8?from=search&seid=7083764135045184980

扩展1：geoserver利用postgis数据库发布地图服务

考虑是否需要安装相关的数据库插件
参考：B站视频：https://www.bilibili.com/video/BV1vk4y127P8?from=search&seid=7083764135045184980

扩展2：地图切片服务，水经微图和MapTiler

1.水经微图：http://www.rivermap.cn/
2.MapTiler：https://www.maptiler.com/desktop/

扩展3：mapgis与客户端地图渲染库相关的示例参考

openlayer示例参考：http://develop.smaryun.com:81/api/js/ol3interfacedemo/index.htm
openlayer示例参考：http://develop.smaryun.com/#/demo/openlayers/Base/MapControl/E01Navigation
gitee：https://gitee.com/osmapgis/WebClient-JavaScript
架构图片：https://gitee.com/osmapgis/WebClient-JavaScript
架构图片备选：https://user-images.githubusercontent.com/44103871/114173133-3c774f80-9969-11eb-9ec0-ac431a41e4cc.png

扩展4：QGIS的安装与使用

https://www.qgis.org/zh-Hans/site/

pkcile commented 3 years ago

table的简单使用

若我们采用table作为布局手段，要了解可能会遇到的问题和常用的解决办法

1.若表格宽度无法控制

1.1 常见的问题：为表格中第一行中各个单元格设置一定宽度时，如果单元格内容较多，则无法正常显示宽度
原因：大多数浏览器默认采用自动表格布局算法，表格及单元格的宽度取决于其包含的内容。

1.2 解决的初步方法：
通过修改table元素中的table-layout属性来改变浏览器默认的布局行为
修改后：table {table-layout: fixed;}
默认的：table {table-layout: auto;}

1.3 table中table-layout属性修改后，给table一定宽度，默认各个单元格宽度相等
如：table {table-layout: fixed; width: 500px;}

1.4 如果想让table中各个单元格的宽度不同，则需先设置table的宽度，再设置各单元格的宽度px或宽度百分比%
如：
table {table-layout: fixed; width: 500px;} 
th.th1{width: 100px} 
th.th1{width: 100px}
th.th1{width: 300px}
或：
table {table-layout: fixed; width: 500px;} 
th.th1{width: 20%} 
th.th1{width: 20%}
th.th1{width: 60%}

2.表格整体样式去除

2.1 常见的问题，设置边框后，默认情况下单个单元格间有一定间距、单个单元格内部以一定内边距

2.2 比较好的解决方法：css中，设置border-collapse及padding属性
如： table {border-collapse: collapse;}  th, td {padding: 0;  border: 1px solid purple;}
结果：单元格间间距和自身内边距去除，边框宽度不重叠

2.3 解决方法2，设置border-collapse、border-spacing及padding属性
如： table {border-collapse: separate; border-spacing: 0px;}  th, td {padding: 0;  border: 1px solid purple;}
结果：单元格间间距和自身内边距去除，边框宽度重叠

2.4 解决方法3，不推荐，设置行内样式，table标签中直接设置： <table cellspacing="0" cellpadding="0"> </table>
结果：结果：单元格间间距和自身内边距去除，边框宽度重叠

3.单元格内容溢出设置

3.1 常见需求，给单元格没有显示完的内容用省略号显示、设置单个单词不超出某个范围，在单元格中：

情况1：默认情况下，已经限定好单元格像素值的单元格，如果其中的内容超过一行，则该内容换行来占位置；
但如果其中一个单词过长，则该单词会溢出该单元格并不会换行显示，如aaaaaaaaaaa/1111111111；
如果不想内容显示溢出，需要添加样式，如：td, th {overflow: hidden;}

情况2：如果想让内容独占一行，需要设置， white-space属性，默认值为normal，如果想让其独占一行需要设置，td, th {white-space: nowrap}
设置white-space: nowrap后，连续的空白符会被合并，文本内容的换行无效
设置white-space: normal后，连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要

情况3：如果想让内容独占一行，超出的内容隐藏掉，并添加省略号，则使用的方法：
td, th {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
text-overflow ，确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示一个省略号，处于草案阶段（Working Draft）

pkcile commented 3 years ago

Javascript考点

1.正则表达式

解决的问题：邮箱验证、cookie内容提取等
实现的方式：

2.数组去重问题

常用的方法：
解决的方法：

3.经典的排序算法

常用的方法：交换法、选择法、插入法

4.自己想到的算法

粗略描述：抖音红心时间推测、两个歌单重合度计算、扩展
意义：有利于了解个人轨迹时间
实现：

5.form中表单内容提交数据库，js和php混用常见的问题

js关键步骤：return false;
html关键步骤：即表单中加入属性，onsubmit="return check()"

6.JSON数据的使用

6.1 引入JSON数据常用方法：异步引入，因此要注意它的数据引入顺序是最后的

6.2 JSON数据的制作转换：常见的dom树用json数据来表示，且灵活些

6.3 JSON数据的扩展：geojson数据，有关geojson数据的介绍
在线制作工具：http://geojson.io/#map=2/20.0/0.0
geojson博客：https://www.jianshu.com/p/852d7ad081b3
在线标准文献：https://tools.ietf.org/html/rfc7946#section-3.1.1
geojson展示库-高德：https://developer.amap.com/demo/list/jsapi-v2  https://developer.amap.com/api/jsapi-v2/summary

6.4 百度地图如何自己处理geojson数据：
如何赋予百度地图处理geojson数据的能力，自己制作！

7.事件的批量绑定，多对多

单个要素显示并添加事件：
设置要素内容、添加要素到底图、添加要素事件
       let circle = new BMapGL.Polygon([
            new BMapGL.Point(116.387112, 39.920977),
            new BMapGL.Point(116.394226, 39.917988),
            new BMapGL.Point(116.401772, 39.921364),
        ], {
            fillColor: "#bfa"
        });

        map.addOverlay(circle);

        circle.addEventListener('click', emmdqqjkkfj => {
            alert(999);
        });
批量处理方法：

参考：百度地图显示要素并添加事件demo
参考地址：
用法：

pkcile commented 3 years ago

CSS考点

1.布局方式的简单尝试，float/position、flex、grid

2.字体的引入及相关特征

3.局部样式，字体字间距、行内文字溢出相关规则、

4.动画制作

5.inline-block宽度不定，用float设置元素

pkcile commented 3 years ago

HTML考点

1.H5标签的使用

主题布局标签的使用
svg的使用

2.H5 api的使用

数据存储
地理定位
Canvas绘图

3.异常标签处理

3.1 select标签
样式去除：
即对箭头及外边距显示效果清除
如：select{appearance: none;} select:focus {outline: none; }
提高兼容性：select{appearance: none;-moz-appearance: none;-webkit-appearance: none;} select:focus {outline: none; }

设置select标签高度：
一般会将该标签设置为浮动或设置为行内块元素；设置inline-block宽度会出现异常，设置float没有此问题因此使用float更好
如：select{float: left}，select的父元素清楚浮动即可

添加事件获取select选中的元素
1.事件由：onchange来触发，即：<select onchange="test()">……</select>
2.获取元素后，如何查看选中的元素，通过查看节点的options属性，即：document.getElementsByTagName("select")[0].options

扩展：如何使用json等数据来实现内容的自动获取及联动?

3.2 input标签之：type="checkbox"
初始选中状态，<input type="checkbox" checked="checked">

添加事件获取checkbox是否被选中
1.通过标签名或id等属性获取该元素
2.获取该元素后，通过该元素的checked属性，返回true或false来判断是非被选中
如：document.getElementById("checkbox01").checked

pkcile commented 3 years ago

1.如何打造一个代码示例网页

可能会用到的标签
frameset
……

pkcile commented 3 years ago

面试相关问题

1.git及github/gitee的使用

git是版本控制工具，版本控制工具可以记录你对程序所做的每一次修改，当你需要时你可以查看到每次修改的记录，甚至可以直接恢复到修改前的状态

安装git：下载安装exe可执行文件即可配置用户信息：设置用户名、设置邮箱号（尽量与github/gitee账号信息对应起来）

场景1：使用git来管理代码

初始化项目：git init 监视、存储文件：git status 追踪的信息：git add 文件名提交文件并添加描述信息：git commit 文件名 -m "信息" 常看修改记录：git log，输入q退出删除分支 git branch -d 分支名创建分支 git branch baidu-test 切换状态 git checkout git checkout 某个节点或某个分支 git checkout 2f19c30bb22332d4c2f718f9fa5750accd28bddd git checkout baidu-test 进行修改并提交连用：git commit -a -m

场景2：修改、添加文件

一个文件：index.html git status git add index.html

如果添加index.html文件后想撤销追踪则需： git rm index.html--cached git rm index.html -f 该操作会从磁盘和git中同时删除该文件，并且不能恢复

没问题确定要提交后： git commit -m "提交index.html"

场景3：忽略文件

git文件夹根目录添加下添加.gitignore文件

.gitignore的编写规则

文件中的空行会被忽略
开头表示单行注释
*表示任意个字符
?表示一个任意字符
[]中的内容都表示或的关系
**表示任意目录
/开头表示之匹配当前目录的内容
/结尾表示匹配目录
!表示取反（除了）

场景4：创建分支合并分支

创建分支并切换：git checkout -b 分支名 git merge的条件：在主master上去合并要被合并的子分支： git checkout master git merge test-baidu

场景5：单机模式转为在线模式

更新本地仓库：git pull 连接远程仓库：git reomte add github 远程仓库地址删除远程仓库：修改远程仓库：

参考1：git的使用 https://lilichao.com/?p=246

2.数据结构与算法的使用

今天在准备明天的面试，想到了要回顾以前学过的数据结构相关的知识，就翻到了这里😂；其实我对数据结构的理解较浅，简单地理解数据结构中划分出的概念对我日常认知上带来挺大帮助的；

试着想到：去年疫情在家和回学校后，曾试着照着老师的视频或自己试着实现常见的顺序表，链式存储结构、栈、队列、广义表，简单的树结构；在熟悉C语言的特性的基础上可以帮助我们更好的实现这些结构，如一维数组、一维指针的使用、循环语句、头文件的使用以及基础的算法知识；老师在这门课上是使用C++的，对我们从C#转而学C++大致需要理解的内容是C++中类的使用规则、模板类的使用，C++就完全包含C语言的语法规则，关于C++需要理解面向对象中封装性的特点（也就是常把一些函数方法、属性放在自定义的类中，分门别类的写和调用），面向对象的特点：封装性、继承性、多态性（后两个使用的不多）；

最近脑门一热，就感觉要试着回顾之前学过的内容，把之前理解的内容以文字的形式再反思总结一下，但凡事讲究久久为功嘛，可以按照自己的节奏来慢慢地有热情地输出内容；我感觉GIS本科比较重要的两门课就是数据结构与算法和数据库，注重理论的同时如果是自己上机体验效果更佳；

关于我想毕业能找什么样的工作，因为我感觉我在大二下学期后基本上在制做页面相关的内容，当然还是很菜有很多内容要补；根据我刚做的前端笔试题的经验，如果要走前端希望走校招这条路，需要巩固的是基础知识，所谓的基础并不是简单的知识的意思；而大多是对规则概念知识的理解。首先要注重的是js的基础语法(>=es6)和基础的算法的编程实践能力（不限语言，一般是能实现基本的输入输出的语言），如数组去重的多种方法、for of for in循环、语句执行顺序等一系列基础语法，由于我们刷题一般比较少在一定时间内能够写出程序也要去克服；学习中尽量带着想完成某个页面功能、可以想办法串联js某些基础的语法，这种方式可能会比较有兴趣接着学；总而言之就是要选择一门语言去学习，毕竟换个语言就相当于换个行业，接下来要做的是对自己熟悉的内容熟悉熟悉，最好能按照自己的想法去延申学习，最好能到那种熟悉另一门语言的人在短期内无法超越你做你熟悉的语言做的事情的程度；

其次的内容在有精力的情况下学习不熟悉的内容，如计算机网络、操作系统、linux相关键盘操作等，这些计算机基础知识我感觉是硬伤，可以先不去学，毕竟在短时间内回报值不高，计算机基础在以后做过一些项目后可能就更好的理解了，我感觉那时候按需去补比较好；

在我们有课的阶段，尽量按照课的进度来调整自己学的内容，比如我们这学期（大三下学期）有个智慧化生态文明实践，可以按照学期任务用之前学过的内容去以做项目的形式来实现某种功能，不要看不上百度地图api提供的功能，容易去学就是一个好东西，可以在百度地图api基础上实现自己想实现的业务功能。目前我现在是这么想的🤣，我不太想学习新的东西（这是血的教训才说出的话），毕竟人的精力是有限的对吧；总而言之，要明确自己的学习目标、提高自己的学习效率并找到适合自己的学习路径方法（尽量去屏蔽学习中不如自己心意的事情，冲冲冲！）；

最后，感谢老师的这门课，在去年疫情期间，我认为在那个学期里，老师是所有科目中最用心、最照顾我们同学感受的老师👍，同学们也要好好学啊，毕竟学到才是自己的，有时不需要关心自己能得多少分，学到才是赚到，我说的对吧！不想学编程的同学，光把一些概念学好帮助就很大哦。

我溜了，准备面试去了，就是来逛逛看😉

GIS数据结构与算法-夏宇 https://mooc1-1.chaoxing.com/course/93951741.html

3.数据库的相关概念及使用

4.javascript相关的语法

正则表达式的复习使用

array数组的相关方法的使用

5.html、css常见的相关问题

6.项目中遇到的问题

项目的制作背景、周期

7.自我评价与专业相关的思考

pkcile commented 3 years ago

图片放在img标签中调节顺序和图片放在背景中调节位置

pkcile commented 3 years ago

有关客户端，文件的导入、导出问题

pkcile commented 3 years ago

GIS常用的页面布局方法

pkcile commented 3 years ago

test

pkcile commented 3 years ago

test

pkcile / sum

knowledge summarized #4

将文字设为等宽？

对程序员都会修电脑的理解

你觉得前端有必要学习数据结构和算法吗？为什么？

喜欢H5的哪些功能？为什么？

假如今天是你和你老婆结婚10周年重要的日子并已约好，公司突然有紧急的事情需要你亲自处理，你如何选择？

网页跳转

git相关操作

1.git clone加速

2.gitee 和 github 同步更新

3.git 与 SSH

3.1 cmd命令行中的操作

3.2 id_rsa.pub内容：

将id_rsa.pub内容拷贝至github ssh

git config相关

github源码查看及部分下载

布局：盒模型、弹性盒flex、网格布局grid

页面各类特效

bat的简单使用

bat脚本语言的前世今生

常见的用法

php相关的语法

1.{$item}，php中常用{}这种形式来分隔php语句

2.isset — 检测变量是否已设置并且非 null

3.跨域问题

4.数据库操作流程

5.文件引入格式

数据库相关的知识

1.数据类型

Javascript相关的知识

1.for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。

2.for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等

高度塌陷问题

外边距重叠问题

GIS geoserver相关问题

geoserver的作用类似于arcgis server的作用，也就是发布地图服务

1.geoserver的安装就和wordpress的安装类似

2.geoserver的地图服务发布

3.geoserver发布的地图如何利用客户端渲染库显示出来

扩展1：geoserver利用postgis数据库发布地图服务

扩展2：地图切片服务，水经微图和MapTiler

扩展3：mapgis与客户端地图渲染库相关的示例参考

扩展4：QGIS的安装与使用

table的简单使用

若我们采用table作为布局手段，要了解可能会遇到的问题和常用的解决办法

1.若表格宽度无法控制

2.表格整体样式去除

3.单元格内容溢出设置

Javascript考点

1.正则表达式

2.数组去重问题

3.经典的排序算法

4.自己想到的算法

5.form中表单内容提交数据库，js和php混用常见的问题

6.JSON数据的使用

7.事件的批量绑定，多对多

CSS考点

1.布局方式的简单尝试，float/position、flex、grid

2.字体的引入及相关特征

3.局部样式，字体字间距、行内文字溢出相关规则、

4.动画制作

5.inline-block宽度不定，用float设置元素

HTML考点

1.H5标签的使用

2.H5 api的使用

3.异常标签处理

1.如何打造一个代码示例网页

面试相关问题

1.git及github/gitee的使用

场景1：使用git来管理代码

场景2：修改、添加文件

场景3：忽略文件

开头表示单行注释

场景4：创建分支合并分支

场景5：单机模式转为在线模式

2.数据结构与算法的使用

3.数据库的相关概念及使用

4.javascript相关的语法

正则表达式的复习使用