- 博客(36)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 浅谈Vue组件开发几个原则
之后Vue偷师学艺并融合ES5前辈的绝学，利用MVVM宝剑的优势，很快也打下了一片天地。很多时候，开发组件时，并不知道组件要展示成什么样的。再如，输入域组件，输入框前后都有可能展示其他东西，这时必须考虑使用插槽。组件最好是单一职能，一个组件如果有太多的职能，一是开发时处理逻辑容易混乱，二是复用性差。组件的控制，既受外部影响又受内部变化影响，如：Dialog组件，Modal组件等，既要从外面能控制它的显隐，又可以从内部关闭它。组件的展示受外部因素影响，如接口数据展示，按钮样式区别等，请使用props属性。
2022-09-14 17:09:57
632
1
原创 浅谈JS中null的江湖地位
从原型链的角度剖析JS为什么需要null原型与原型链新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入原型与原型链你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器
2022-09-10 03:36:21
261
原创 Leaflet+SupperMap 遮盖层
Leaflet 遮盖前言正文获取到行政区划的几何数据功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言 最近完成了一个leaflet项目，业主要求屏蔽所在行政区以外的其他区域。 实现思路:地图服务添加一层蒙版，将该
2022-01-14 23:13:36
1066
2
原创 Koa + Koa-router + MongoDB实现一个简易的后台
Koa + Koa-router + MongoDB实现一个简易的后台前言有一定的JS基础，了解http相关的知识；了解node.js；熟悉ES语法准备工作安装node安装mongodb项目目录依赖"@koa/cors": "^3.1.0","@koa/router": "^10.1.1","koa": "^2.13.3","koa-body": "^4.2.0","koa-logger": "^3.2.1","koa-session": "^6.2.0","mong
2021-10-20 21:57:15
101
原创 webpack玩转arcgis
webpack玩转arcgis前言最近公司开发一个项目,用到arcgis.之前接触过openlayers和cesium,觉着arcgs应该也很简单.于是就到官网逛了一圈,结果傻眼了. 官网的教程基本都是直接引入js或者基于AMD引用(早些版本依赖dojo,dojo这玩意不支持ES模块的语法),而基于ES模块的就只是简单的介绍,完全不具备用于项目的实例.研究了很久,才做了这个简单demo.项目要求arcgis版本4.17及以上webpack版本4.0以上package.json{
2021-08-21 18:10:31
406
1
原创 填坑：操作div全屏时踩下的雷区
操作div全屏时踩下的雷区前言最近在公司开发一个项目，其中一个页面展示了三个表格，而且其中的一个表格需要展示40多个字段。看到需求的时候，瞬间无语了。但是作为一个合格的打工人，不管需求多么奇葩，东西总要给人做出来的。因此想到，每个表格都可以让它放到最大。表格的展示的列可以控制。在实现div全屏时遇到一个问题，记录于此。正文<template> <div class="fullscreen"> <div class="fullscreen-header"
2021-07-22 00:34:51
280
原创 软考笔记-计算机网络与信息安全
计算机网络与信息安全网络七层模型#mermaid-svg-bu7OXtoEKreMhNj6 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-bu7OXtoEKreMhNj6 .label text{fill:#333}#mermaid-svg-bu7OXtoEKreMhNj6 .node rect,#merm
2021-07-15 22:28:05
437
1
原创 软考笔记-计算机组成原理
计算机组成原理进制转化R进制转十进制使用按权展开法：将R进制数的每一位数值用Rk形式表示，即：幂的底数数R,指数是K,K与该位和小数点之间的距离有关。以小数点为分界线，向左或向右，K值为该位与小数点之间的数字的个数(向左时K=个数-1；向右时k=个数乘以-1)P =∑k=1nakRt for P是二进制数，ak是P的第k位的数,t是{k∗−1,k位于小数点右侧k−1，k位于小数点左侧.\displaystyle \sum_{k=1}^n a_k R^t\ \quad\quad
2021-07-08 22:15:53
126
原创 Openlayers和Cesium本地webpack搭建
前端地图学习前言过完年，迎来一波离职潮。我自己也面试了几家公司，结果都不是很理想，待在公司也不想做事，想要学习点什么，于是就玩了一下地图。正文使用npm安装，"devDependencies": { "copy-webpack-plugin": "^6.4.1", "css-loader": "^5.1.2", "html-webpack-plugin": "^4.5.2", "style-loader": "^2.0.0", "url-loader": "
2021-03-12 22:39:41
609
原创 Typescript VS Javascript
Typescript VS Javascript 对比前言最近一直在面试工作，经常被面试官问：Typescript 与 Javascript相比，它的优势在哪？总是回答得不是很全面，今天准备把这个问题整理一下，记录于此。首先我们先从概念说起：Javascript狭隘的Javascript指的是由当 Netscape公司开发的用于Web浏览器和服务器交互的脚本语言。广义的Javascript指的是实现了ECMAScript标准的脚本语言。特性不依赖于任何浏览器...
2021-02-22 22:23:00
206
原创 JS的for循环
JS的for循环前言在js的开发中，循环是经常用到的，不管是for循环还是while循环亦或者是do … while循环。这些都是前端开发必备技能。今天说一下，for循环。从for循环说起在ES6还没出来前，我们使用for循环遍历一个数组时：var ary = [1,2,3,4,6,7];for(var i=0;i<ary.length;i++)[console.log(ary[i])}像这样，对于数组，类数组，甚至于String、Number类型，我们都可以使用这样的结构来循环。
2021-01-17 20:46:46
223
1
原创 2020年年度总结
2020年年度总结2020年悄悄地接近尾声，新的一年不知不觉中到来啦。这一年发生的几件大事，中美贸易冲突、新冠病毒、嫦娥五号月球挖土…。 今年整个世界都在新冠病毒的阴影笼罩中，我们这些打工的终于有了在家上班的经历，同时让我们背负一个"穷"字。这些国家大事对我这样的码农来说，都是小事。我的口号是：只要公司不倒闭，搬砖不缺席；只要地球不爆炸，上班不少我。移动端mux-ui组件库从2018年开始，自己开发了一些VUE组件，其中包括Actionsheet组件、按钮Button组件、头像Avatar组件、Cel
2020-12-22 23:23:22
235
1
原创 Vue移动端UI框架mux-ui
移动端UI框架mux-ui移动端UI框架mux-ui组件Actionsheet组件移动端UI框架mux-ui从2014年起，在前端摸爬滚打至今，做了不少项目。期间使用过不少的前端框架，其中Vue框架做过的项目最多。用Vue开发了许多的组件，空闲时间整理出来。成了现在的mux-ui。组件mux-ui主要有：：Actionsheet组件；按钮Button组件；头像Avatar组件；Cell组件；Card组件；弹窗组件，包括Alert、Confirm、Prompt；表单组件，包括Field
2020-10-10 17:40:28
452
1
原创 Spring+SpringMVC+Mybatis JAVA配置
Spring+SpringMVC+Mybatis JAVA配置前言新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导...
2019-12-06 11:20:57
171
原创 python学习
python基础学习前言随着时间的发展，python已经进入了各行行各业。学习python成为了一种趋势。在此记录下python的一些基础知识，以便查阅。正文数据类型python的基本数据类型有Number(含int和float),Boolean(仅True和False)Number类型:二进制表示： 0b10,0b101八进制表示：0o10,0o112十进制表示：10，9...
2019-07-21 21:55:20
127
原创 Sublime Text3 安装Package Control
Sublime Text3 安装Package Control前言安装Sublime Tex3安装Package Control前言sublime text3 是一款轻量级的编辑软件，一直颇受前端程序员的喜爱。由于国内无法访问Package Control，导致许多的插件无法安装。本文记录手动安装Package Control并且设置可以使用Package Control安装Sublime...
2019-04-17 15:03:43
700
原创 两个路由器桥接
两个路由器桥接前言 公司的电脑只能链接内网，可恶的是，主机没有无线网卡驱动，为了可以上外网搜索一些资料，自己带了一个路由，与公司的另一个外网路由桥接。为了上网，大家真是拼了，什么招都想得出来。第一次玩这个，总觉得新鲜，记录于此，下次备用（以TP-LINK为例）。具体步骤：确保主路由正常使用，知道其密码和名称登陆管理页面：tplogin.cn;设置管理员密码；如路由器已经使用过，请...
2018-09-12 10:27:33
1400
原创 当better-scroll遇上vue,不一样的坑
前言不久前，遇到这样的一个APP需求，头部一个tab,下面是一个列表，要实现上拉加载更多，下拉刷新。在度娘里找到了better-scroll，参照better-scroll的demo,实现了一个scroll组件scroll组件html &lt;div class="mux-scroll-wrapper" :style="scrollStyle"&gt;&lt;div c
2018-09-01 21:54:29
4594
原创 移动端WEB页面适配
移动端WEB页面适配前言 公司开发一个项目，把安卓和IOS原生开发的同事加了进来，参与h5页面开发。测试时，发现各种适配问题。UI设计的同事问我：你们是不是没有按设计稿来的？检查一看，通篇是px,我做的em适配完全没有用到。因此整理一下移动端WEB页面适配问题记于此。 在这里也要吐槽一下，现在的公司为了省钱，一个人干了几个人的活，有的人还是跨语言开发。难怪很多人吐槽现在...
2018-07-30 21:33:51
3281
原创 vue开发组件时踩过的一些坑
开发vue组件踩过的坑前言近期又完成一个vue项目，公司好像十分看好vue框架，之后的几个项目也准备使用vue框架。然而回想起之前，使用vue开发组件时遇到的各种bug,心中一阵后怕。在此记录下那些填坑的历程，方便以后查阅。问题input输入出现白屏问题 项目要求header部分固定，main部分可以滚动，css3实现main的css:.main{ ...
2018-06-01 21:21:55
2737
原创 Uglifyjs混淆工具
背景公司要开发一个app下载页面，页面十分简单，业务逻辑也十分清楚，判断是Android还是IOS,然后跳转到相应的下载地址。花了一个小时开发测试，然后信心满满的把页面交给项目经理，项目经理看看，说：什么鬼呀，你看看，浏览器打开，什么都能看到，你就不能将js混淆一下么？于是我又灰溜溜的坐回座位。记得wenpack有一个插件uglifyjs-webpack-plugin，百度搜索了一下uglif...
2018-03-01 12:49:25
7442
原创 div嵌套时，内部div使用margin引发的问题
前言前端永远有学不完的东西，改不完的bug。因为客户需求永远都在变化，测试找到bug也总是最先找到前端开发，所以前端是最苦逼的。问题最近在为一个项目开发一个简单的下载页面，UI十分简单：上部分一句高逼格的装逼句子，中间一张图，底部一个下载按钮，加上一个全屏的背景。html>head> meta charset="utf-8"> meta name="view
2018-01-25 11:39:31
3130
1
原创 那些我们使用VUE2.0+Mint-ui+axios踩过的坑
前言公司有一个项目，要求做到组件最大限度重用；由于项目比较赶，于是我决定使用比较熟悉VUE2.0来开发。没想到，让我踩了一大片的坑。虽然项目最终还是上线了，但是那些坑，让我每每想到都会有一股洪荒之力在体内流窜。那些坑修改Mint-ui的样式 项目中要对所有的客户端做适配，Mint-ui并做任何适配，因此，部分组件需要调整样式。可是在组件中去改变样式发现，并没...
2018-01-25 10:26:55
2484
原创 Mybatis批量插入Oracle数据库
前言有人说：做前端开发就两个发展方向，一个向UI方向发展，将页面美化到极致；另一个就是全栈开发，数据库、WEB接口后台,甚至H5与客户端混合开发，你都得知道。想想都觉得我的人生都用在学习新东西上了。 作为一个混在WEB前端开发的菜鸟，我自己开发过一些React组件、Vue组件，实现过类似Express框架的路由，玩过基于jQuery实现的router…这还差点什么？最近接触到WEB后台开发，我似乎
2017-12-20 23:22:52
436
原创 使用ES6写react组件的几点注意事项
前言随着各大浏览器对ES6语法的支持以及babel插件的使用，ES6语法使用越来越多。不久前，完成一个react项目，对ES6编写react组件踩了不少坑。在此记录开发时，应该注意的一些事项。正文 1. export default和export的区别： 编写react组件时使用的是export default 2. 使用ES6编写组件时:expo
2017-09-25 18:09:58
1015
原创 一步一步使用webpack创建react项目
写在前面的话 2016年6月首次接触到react.js,由于某些原因，对react其实不是很了解。当时对webpack的使用也知之甚少，根本不会搭建react项目。最近，由于一个项目使用到react.js,花了点时间，自己搭建了一个react的项目。将步骤记录于此，以免忘记。项目目录结构： 创建项目步骤： 安装依赖包： 1. 首先确定已安装node.js
2017-09-25 17:27:18
1154
原创 node+webpack+angular+bootstrap创建web项目
一、写在前面的话网上看了许多的博客，angular加node创建web项目的博客很少，有也介绍很粗略，因此，决定自己写一篇详细介绍nodejs加angularjs搭建web环境。由于初学angular，许多的用法还不是很清楚，欢迎大神们指正。 二、准备及项目目录安装node—相关介绍，请自己搜索。web项目目录： 三、搭建web环境创建项目目录angularCode，在控制台执行 D:\n
2017-07-21 11:34:53
2090
原创 javascript的基础
写在前面的话接触前端快三年了，许多的前端概念都只是模模糊糊的，说不清楚。一直以来，都想要整理，梳理一下这些概念，可是工作有点忙，加上自己又不是那么自律的人，所以一直拖着。难得今天有空，本着昨日事，今日也可毕的精神，写上那么点，以后再慢慢补全。基础概念Javascript的基本数据类型
2017-07-20 23:13:34
349
原创 angular+ui-router+layui的使用心得
近来，完成公司的一个项目，项目使用angular+ui-router+layui框架开发，由于刚刚接触angularjs,因此遇到各种各样的坑。在这里记下印象最深的几个坑；一、ng-repeat 当数组元素有至少两个相同时，报Error: [ngRepeat:dupes]； //controller.js $scope.items = [1,2,3,3,2,2];<!--
2017-07-11 00:03:41
7410
2
原创 npm设置淘宝镜像
npm安装node-sass报错的解决办法：npm config set registry http://registry.npm.taobao.org/
2017-05-26 17:51:50
292
原创 使用angular ui-router的一点感受
一、背景今年3月份从一个同事那里接手了一个angular项目，心里有血窃喜，自己花了两个星期自学的angular终于可以用上战场啦！不久，那个同事离职啦，整个项目落在了我的手里，就在项目快要上线时，领导说，要加一点新的功能。想着又要加班啦，我心里一万只草泥马飞腾而过。可是不管怎样，新的需求还是下来啦。好吧，我认命。本来很简单的一件事，配置路由，书写模板。可是前辈留下的路由，看得我眼花缭乱。本来就是
2017-04-15 20:31:07
1130
原创 策略模式
策略模式一、 定义它定义了算法家族，分别封装起来，让它们之间可以相互替换。此模式让算法的变化，不会影响到使用算法的客户。二、 实现1、 Strategy类，定义所有支持的算法的公共接口；2、 ConcreteStrategy继承Strategy，封装了具体的算法或行为；3、 Context，用一个Concrete
2015-09-04 21:45:26
415
原创 选择点
公司的项目里有一个地方需要用到选择点，且点是变化的；因此，模仿前辈写了一个插件。该插件需要Jquery插件，后来又加了滑动效果，因此用到jquery mobile框架的两个事件swipeleft、swiperight事件。本着分享的精神，与大家分享，万一大家用到了呢代码请在链接: http://pan.baidu.com/s/1eQ71R4A 密码: w
2015-06-27 10:02:14
330
原创 我的数据结构学习笔记
一、定义 数据：宏观定义；人们用来记录事物及其活动的符号。 计算机角度；能输入计算机中，且能被计算机处理的符号的集合； 数据项：具有独立含义的数据的最小单位或字段； 数据元素：数据集合的基本单位(集合的元素)； 数据元素可以由若干个数据项构成； 数据对象：性质相同的数据元素的集合； 数据结构：
2015-04-08 20:05:07
402
空空如也
跪求大神指教一个js问题
2015-09-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人