自定义地图demo 分两层： 操作层与显示层 操作层监听用户各种事件，显示层只管将操作得来的数据进行显示。 等待明天优化拖曳的边界情况。 修改了偏移量的生成，原本只考虑了向左上偏移，top\left都是负数，方便计算就都给正数了，现改成按照top、left真实值来计算。 添加了拖曳功能，支持放大以后再拖曳。 vue文件 <template> <div class="map-image"> <div class="map-image-container"> <div class="map-image-box"...
2019, Dec 11 — 9 minute readdocker 基本目标 通过部署前端项目，并成功访问，达到复习docker基本操作的目的。 步骤 迅速过一遍docker文档（不记api,大概知道有什么配置即可）。 通过vue ui 建立vue项目，并本地预览，build生成编译后文件。 docker pull nginx 下载nginx镜像，并根据docker部署vue项目，编写nginx配置。 编写dockerfile。 镜像拷贝自nginx。 复制dist文件夹到指定文件夹。...
2019, Dec 08 — 1 minute read以下TypeScript简称 Ts ，JavaScript简称 Js Ts的基本认识 广义 Ts 由微软开发的自由和开源的编程语言。 Ts 是 Js 的超集，扩展了 Js 的语法，支持 ECMAScript...
2019, Oct 29 — 2 minute read以下ant design pro 用adp简称 问题描述： 技术选型 使用react，ts，ant design pro。 所遇问题 从官方issues中看出，在adp这个框架里，路由的定义需要在config/config，ts里确定，因为它使用了umi（企业级react 应用框架），umi需要这个列表来使用react-route-dom，构建路由表，但不是所有用户都能进入特定的页面，这是需要鉴权的。对此adp在路由数组里的路由对象里用authority（array）字段表示能进来的用户，如['super_admin]是只有super_admin能进，[]则无人能进，不设置则所有人都能进，然后umi使用Router字段指定用于鉴权的高阶组件。 这里带来了问题。由于资源、角色、人员都是后台添加的，所以角色名都是不固定的，权限也细化到了接口，没办法在一开始就在authority里写入，对应的角色名。所以需要改写。 解决方法 配置config...
2019, Oct 22 — 1 minute read阶级 ———— 不可避免的问题 难以避免，无处躲避。 由 寄生上流 观看带来的压抑。 观感: 大体：导演拍的很好，这是部成功的电影，电影并没有刻意去营造伤感的氛围，贫穷的一家，在故事的前半截，顺风顺水。一家人的对话中，为计划成功，离开没有工作的状态感到愉悦，而我作为观众，对他们的行为有着不齿，但又觉得，貌似这样是合情的。走入地下室，那一段开始还是带有一丝诙谐，然后这时，导演在前期所埋下的伏笔让人不再轻松，问题放大，最终走向悲惨结局。一边是半在地下的蜗居，一边是名设计师建造的花园别墅，一边是精致的生活，一边是艰难的生活，略微活泼的格调下隐藏着如今这个全球性的社会问题。贯穿全片的有开始的石头、‘贫穷的味道’，石头在男生心里应该是希望的存在，开始好友送他时便表示，会带来好运，发财，在我看来这是男主再后期坚持撑下去的精神支撑，最终放回了水里，放下了什么东西？还是抓起了什么东西，不得知。味道在整个故事里是重要的线索，先是小男孩，再是男主人，应该是揣测到了什么东西，而最后穷父亲，挥刀时，我没想到，为什么？然后，察觉到了，男主人在地下男人的身上闻到了更加浓重贫穷的味道，贫穷的味道，贫穷的味道。 不难想到，男主人举报，调查，牵扯出防空洞的事，一个也跑不了，而这一刀，保护了家人，最没想到，防空洞这样一个场所，最后还会被用到，前后的伏笔连接，舒服，剧情顺畅，节奏不快不慢。回想一下，唯一一个可能出现的纰漏就是女孩在背起男生的时候应该是可以看到防空洞的，但是最终的结局审判印证，这个是未暴露的。
2019, Aug 10 — 1 minute read关于对象与数组的深拷贝 今天写js时，将默认数据填入表单内，发现当清除表单内容时，被选择的那一条信息也被清除了，从而引起了这个问题。这次为了方便，我使用for in循环将想要填入的对象的内容给填入进来，对与数组，使用了slice将想要的那一部分给复制下来，后来发现用解构赋值也很好[ ...tag ]。暂时就先记录这三种方法。
2018, Jul 17 — 1 minute readSass的一些知识点 1.嵌套 1.1基本说明 使用Sass，在编写css样式时采用类似dom的树形结构的方式，一层一层的包裹，在查阅时会容易找到相应的节点。并且介绍了编写的代码。如： #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000;...
2018, Jul 13 — 2 minute readvue 打包 静态资源问题 图片采用绝对路径后，打包后会找不到图片的地址，如果采用相对路径则不会，原因是打包后的文件夹static似乎不是根目录下的（虽然我觉得是根目录），图片路径会找不到，而且打包的时候绝对路径下的图片url不会被改动，而相对路径的则会根据打包而调整，在图片路径前不加 . 和 / 。 tff字体文件无法找到，同样是因为打包问题，看可以发现，文件路径少了一个dist，所以要修改config里的index.js下build的配置，将build下的assetsPublicPath改为/dist/,这样就可以找到了，网上说改成./,这会导致路径多了一层static/css/可能是tff文件引入的方式是static/fonts/ionicons.24712f6.ttf是相对的路径，如果打包的时候还用相对，就错位了这样，可能。 css样式错误，自己写在页面的样式比框架的样式优先级低，原因有main.js 里import模块的顺序，似乎是router引入时会加载一次页面css，再引入iview的css导致自己写的css会被覆盖，第二就是公共css的引入被iview覆盖，开始我是将公共css直接放到App.vue下的，app模块引入的早，所以可能就会比后来的iview css优先级低。 总结结束
2018, Jul 10 — 1 minute read