- 博客(380)
- 资源 (77)
- 收藏
- 关注
RSS订阅原创 内网走nginx代理访问高德webapi2.0
需求：客户的电脑都只能访问内，服务器可以访问外网，客户电脑使用的项目中用到了高德webapi2.0。10.200.31.45:32100是我们的web服务器。网上基本上都是对高德webapi1.4的配置方式，而web2.0有一些差别。1.前端修改高德地图的js应用如果是index.html引入，修改之前的应用： <script type="text/javascript"...
2023-11-16 19:35:00
1256
1
原创 《Vue3.x +TpyeScript实践指南》勘误
图书出版已有一段时间，书中已发现错误如下：书的第14页，倒数第3行，npm init -y命令中，init和-y之间应该有个空格；书的第32页，代码的第1行，应该为模板字符串符号 `，我看印刷的是单引号。 第四章 4.1 vue3.0集成TypeScript 在构建 vue create composition-api 书本第113页 Vues 这个错别字应该是Vuex。感谢xjlj...
2023-01-11 18:38:00
112
原创 vue3项目，记录我是如何用1h实现预估1天工作量的界面需求
最近在编写前端界面，硬是一人一周时间加班加点写完了一个项目的前端界面(一级菜单有12个页面+一个控制台大屏，二三级界面有N个)，之前预估前端界面的编写需要一个月，我是自己把自己卷死了(没有办法，项目经理说项目要1周写界面，2周发版，我这个项目前端只我1个人，后端有3个人...).......我只想说的是，即便你编码速度再快，也无可避免地面临加班，即便你编码的速度能赶上产品做界面的速度，你也赶...
2022-12-17 15:27:00
107
原创 推荐一本Vue3开发的书
《Vue3.x TypeScript实践指南》适合vue3初学者及所有Web开发从业人员，也适合作为高等院校和培训学校计算机专业课程的教学参考书。
2022-10-27 08:50:47
1301
原创 《Vue3.x+TypeScript实践指南》已出版
转眼回长沙快2年了，图书本在去年就已经完稿，因为疫情，一直耽搁了，直到这个月才出版！疫情之下，众生皆苦！感觉每天都是吃饭、睡觉、上班、做核酸！ 图书介绍 为了紧跟技术潮流，该书聚焦于当下火的Vue3和TypeScript及其相关技术，这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角，将理论和实践相结合，通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系，...
2022-10-18 16:12:00
180
原创 微前端总结
微前端概述 微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 微前端不是一门具体的技术，而是整合了技术、策略和方法，可能会以脚手架、辅助插件和规范约束这种生态圈形式展示出来，是一种宏观上的架构。这种架构目前有...
2022-10-10 11:32:00
58
原创 avue常用场景记录
接手的一个项目使用的是avue这个傻瓜式的专门给后端人员用的框架，文档不够友好，使用起来各种蛋疼(咱专业前端基本上不使用)。为此，专门记录一下。当前avue版本2.8.12，如果要切换avue的版本，可以去https://cdn.jsdelivr.net/npm/@smallwei/[email protected]/lib/这个地址去选择自己要的版本，然后进行下载，我这里是通过cdn的方式引用的。 ...
2022-09-22 17:10:00
469
原创 使用vue-contextmenujs鼠标右键菜单时，当高度不够时显示不全的问题
之前是采用npm或者yarn直接装包vue-contextmenujs的形式：npm install vue-contextmenujs -S || yarn add vue-contextmenujs 而vue-contextmenujs在布局方面存在一些bug。 当右键点击记录时，完整展示应该是如下图所示：结果，当点击靠前的记录时，顶部一部分记录被浏览器给遮挡了，如下...
2022-07-12 11:20:00
144
原创 vue项目中一些常用的插件
@riophae/vue-treeselect：带选择的树组件https://vue-treeselect.js.org/ele-calendar：日历组件https://www.npmjs.com/package/ele-calendarflv.js：Flv.js 是 HTML5 Flash 视频(FLV)播放器https://github.com/Bilibili/flv.js#r...
2022-07-07 17:11:00
70
原创 微前端开发(Vue)
一、微前端概述1.什么是微前端？ 为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构。然而，越来越重的前端工程也面临同样的问题，自然地想到了将微服务思想应用(照搬)到前端，于是有了“微前端(micro-frontends)”的概念。即，一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户...
2021-10-29 14:01:00
305
原创 《Node+MongoDB+React 项目实战开发》已出版
前言 从深圳回长沙已经快4个月了，除了把车开熟练了外，并没有啥成长和进步，长沙这边要么就是连续下一个月雨，要么就是连续一个月高温暴晒，上班更是没啥子意思，长沙这边的公司和深圳落差挺大的，薪资也是断崖式下跌，至于幸福指数，额，我感觉除了离家近之外，并没有什么其它感觉，同样是每天除了上班就是在上下班的路上，而且人开始变得越来越懒，就想趟.......在长沙4个月写了40页书稿，我自己都开始鄙视...
2021-07-29 08:50:00
74
原创 再见，深圳~长沙，我又来啦
轻轻地，我走了，正如我轻轻地来，我挥一挥汗水，不带走一行代码....刚好八年整，没有多一天也没有少一天.... 犹记得2013年4.1日的时候，带着女友坐着绿皮硬卧从长沙来到了深圳，大学室友熊平去接的我们，当天的场景至今仍历历在目....从此，我便开始了深漂人的打工生活....刚来的时候，也曾壮士拿云，然而理想很丰满，现实很骨感，四处奔波面试，各种被虐和被鄙视(从内地来大城市那种技术落差...
2021-04-25 08:43:00
58
转载 《Javscript实用教程》
图书购买地址：《Javscript实用教程》目录Javascript实用教程... 1目录... 2第 1 部分... 12◄ Javascript基础 ►. 12第 1 章... 13◄ JavaScript 语法基础►. 131.1基本概念和开发工具... 131.1.1 编程语言... 131.1.2 计算机语言... 131.1.3 编程语言... 131.1.4 翻译器... 141.1.5 编程语言和标记语言区别... 141.1.6 计.
2021-03-29 16:12:17
970
原创 《Javscript实用教程》目录
图书购买地址：京东：《Javscript实用教程》当当：《Javscript实用教程》天猫：《Javscript实用教程》注：本书提供课件，可向出版社索取。目录Javascript实用教程... 1目录... 2第 1 部分... 12◄ Javascript基础 ►. 12第 1 章... 13◄ JavaScript 语法基础►. 131.1基本概念和开发工具......
2021-03-11 13:57:00
234
原创 vue中手写table的升降序
有些时候，我们总是无可避免的需要自己去手撸一些东西，因为需求总是在不断的变化。例如，最开始的需求，我们只是在首页展示一个数据列表，此时，我们可能直接就自己手写了一个table，后来，突然增加了一个需求，例如：需要在一些指定的列上面增加排序功能。此时，由于我们的样式和界面都已经调整好了，如果再去重新使用第三方的一些vue组件，会觉得没必要浪费时间，于是，很可能，就需要自己动手去增加一个这样的功...
2021-02-21 17:01:00
124
原创 通过一个很常用的场景来展示vue数据驱动的应用
需求：可以动态增减组合条件来进行数据查询。 界面运行效果如下图所示： 界面第一次加载时，默认会显示一个空的查询条件，如下图所示： 点击“加”图标，可以无限增加查询条件，也可以点击“减”图标删除新增的查询条件，如下图所示： 说明：第一个下拉框的数据变化时，第三个下拉框的数据要进行联动，第三个组件可以是下拉框也可以是文本框，它是根据第一个下拉框的数据来决定的。第二...
2020-11-04 14:55:00
44
原创 el-table在ajax分页时支持单页全选和所有页全选
需求：el-table中，ajax分页的情况下，要支持单页全选和所有页全选功能。 运行效果如下图所示： 说明：由于本篇主要讲解全选，所以只会罗列出和其相关的核心代码，并不会将所有的代码一并贴出。 界面代码： <el-table :data="tableData" :height="tableHeight" ...
2020-11-03 22:34:00
61
转载 推荐一本Vue开发的书籍
《Vue.js 2.x实践指南》其实早在一年前就已经完稿，只是由于疫情的缘故耽搁了许久才下厂印刷。 本书旨在让初学者能够快速上手vue技术栈，并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式，这样学习起来不会那么枯燥，而且极具成效。时间是很宝贵的东西，所以尽量用最少的时间去掌握对自己有帮助知识是非常重要的。 阅读本书需要具备HTML、CSS和JS基础，本书针对的用户群体主要是：想要快速学习vue技术，并能够用vue进行实际项目开发的读者以及高校计算机专
2020-09-29 11:36:51
12060
原创 记录vue和js操作——尽管很快实现了功能，可总感觉到不爽
需求产生的原因是：后端有一些数据是从旧平台直接迁移过来的，新平台需要根据迁移过来的数据，自动生产新的数据格式。 操作符有如下几种，分项、支路和数字配合操作符可以自定义组合，例如[000000000001]+<00001>，带[号的表示type是branch，带<表示type是sub。 // 操作符列表 operatorList: [ '...
2020-09-09 16:41:00
34
原创 vue cli4构建基于typescript的vue组件并发布到npm
基于vue cli创建一个vue项目 首先安装最新的vue cli脚手架， npm install --global @vue/clinpm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\@vue\cli\node_modules\fsevents):npm WARN notsup...
2020-08-03 08:37:00
117
原创 vue cli4.0项目引入typescript
现有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。 1.执行安装命令npm install --save-dev typescriptnpm install --save-dev @vue/cli-plugin-typescript 2.根目录下新建 tsconfig.json{ "compilerOptions": { "t...
2020-07-17 15:09:00
59
原创 echarts 各种特效图
饼图标签展示数值配置项：option = { title: { text: '项目时间分布', left: 'center' }, tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c} ({d}%)' }, l...
2020-07-13 10:39:00
56
原创 webpack介绍—上
6.1 webpack概念的引入 在网页中会引用哪些常见的静态资源？JS .js、 .jsx 、.coffee、 .ts(TypeScript 类 C# 语言)CSS .css、 .less、 .sass 、.scssImages .jpg 、.png、 .gif 、.bmp 、.svg字体文件(Fonts) .svg、 .ttf、 .eot、 ....
2020-06-18 07:51:00
24
原创 通过一个vue+elementUI的小实例来讲解一下它们是如何使用的
需求：点击一个按钮，弹出一个模态框，这个模态框有两个tab，tab中是各种报警条件，这些报警条件是从数据库中动态取出的，数据库中数据变更后，这个界面也要变更，我们可以查看和编辑这些报警条件。底部“确定”按钮点击的时候，会同时将这两个tab中的内容都保存到数据库中去，数据录入要验证输入的格式。 对于熟练的人来说，实现其实很简单，但是对于没有经验的人来说，如果按照官网给的那些简单实例来做，你...
2020-06-01 09:16:00
60
原创 不要为自己学历低找借口
常言道：“学历代表过去，能力代表现在，学习力代表将来”。当我们还年轻时，要看长远一点，为将来做打算。 骄傲使人退步,谦虚使人进步！持续学习，才会使人不断进步。 曾经，有一个小伙断言：5年之内阿里巴巴将打败慧聪网。说完后观众及当时的各位大佬都在嘲笑这位看起来有些营业不良的小伙子，慧聪网CEO郭凡生也是情绪激动地反驳说：我已经这么成功了，你都不信任我？凭什么让他们相信你——一个比我还不成...
2020-05-23 14:35:00
19
原创 vue.config.js配置优化
vue.config.js完整代码如下：'use strict';// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path');const resolve = (dir) => path.resol...
2020-05-20 14:26:00
42
原创 《Vue.js 2.x实践指南》 已出版
《Vue.js 2.x实践指南》其实早在一年前就已经完稿，只是由于疫情的缘故耽搁了许久才下厂印刷。 本书旨在让初学者能够快速上手vue技术栈，并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式，这样学习起来不会那么枯燥，而且极具成效。时间是很宝贵的东西，所以尽量用最少的时间去掌握对自己有帮助知识是非常重要的。 阅读本书需要具备HTML、CSS和...
2020-05-11 18:07:00
35
原创 JS弱类型语言的优势——之模板字符串
ES6中，开始支持模板字符串。 尽管Java和C#这样的高级语言有非常多吸引人的地方，但是想js这样的弱类型语言，也有独到之处。 equType：有四种类型，分别是：chl、chwp、cwp、cot，后端java接口提供了四个接口，四个接口对应四个函数调用，每一个函数名的规则是[equType]Control,let equDetailService = {*/ chlCon...
2020-04-01 21:12:00
34
原创 当你看见我很久没有动静，那是因为我酝酿得深沉...
已经许久没有更新博客了，并不是疫情阻挡了我写作的步伐，只是写作已转移到word(整理一下去换稿酬，拿了稿酬可以去换酒钱)。如下图所示，书《Vue.2x实践指南》交稿快半年了，由于疫情原因，预计下个月底才能上架，《Javascript实训教程》已完成写稿60%，《React和Mogodb实训》筹划中。 最近工作上在做啥呢？我也没有闲着，这两天在做的东西：1.在流程图上可以编辑数据，双击...
2020-03-23 22:36:00
24
原创 Java+大前端
前后端分离，是目前Web开发的主流模式也是趋势。而Java无疑是后端开发的王者(一条彪壮的鲶鱼，不知道吃什么长大的)，PHP和.NET目前仍处于水深火热之中，更像是在夹缝中求生存，因为没办法和Java正面硬拼(假设Java部队有100w人，而PHP或者.Net部队可能只有十几万人，而这些人分散在各个IT公司)。大前端呢，最近几年发展很快，属于不断崛起的新势力！Java+大前端这一强强组合，面...
2019-12-30 18:08:00
47
原创 vue项目中常见问题及解决方案
webpack项目中自动引入全局scss变量文件 假设我们有一个公共的scss变量文件variables.scss/*存放所有全局变量*/$card-title:#C7D200; //首页 卡片标题颜色$bc-color:#182037;$hoverColor: #7abef9; //链接hover颜色$fontColor: #E6EFFF; //字体颜色-白色 webpa...
2019-10-21 09:25:00
25
原创 vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log
vue-cli2.0中的方法1.安装插件npm install uglifyjs-webpack-plugin --save-dev2.修改webpack.prod.conf.js配置文件const UglifyJsPlugin = require('uglifyjs-webpack-plugin');plugins: [ // http://vuejs.gith...
2019-10-17 11:24:00
64
原创 当页面引入百度地图时，谷歌浏览器的控制台会弹出一个警告信息
当页面引入百度地图时，谷歌浏览器的控制台会弹出一个警告信息，错误提示如下图所示：解决方案如下：把api引用url里面的 api 改为 getscript将代码： <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GujZLpfQs50P4gA3hXb5QVOcXIPfdfx...
2019-10-17 11:11:00
39
原创 web app升级—带进度条的App自动更新
带进度条的App自动更新，效果如下图所示： 技术：vue、vant-ui、5+ 封装独立组件AppProgress.vue：<template> <div> <van-dialog v-model="showProgress" confirm-button-text="后台下载" class="a...
2019-09-18 17:54:00
49
原创 websql操作类封装
在之前，我写了一个websql的封装类库，代码如下：(function(win) { function smpWebSql(options){ options = options || {}; this.database = null; this.DateBaseName = options.DateBaseName || 'Sm...
2019-08-16 20:15:00
27
原创 《H5+移动应用实战开发》已出版
《H5+移动应用实战开发》终于出版了，最近在忙着Vue和Webpack相关的前端书籍写稿。本书面向的读者为：从后端转前端，或零基础开始学习移动端开发的人。前后端完全分离的开发方式越来越成为一种趋势，下一本书，将是专业前端书籍，是关于Vue在实际工作中的单页应用开发，涉及到Vue全家桶以及webpack相关技术。 项目源码地址：https://github.com/zouyujie/h5_...
2019-05-22 08:29:00
61
原创 网站交互、开发方式和前端框架介绍
这个世界唯一不变的可能就是变化，历史的车轮滚滚向前，它不会因任何人的消极缓慢而停止。时代抛弃你时，连一声再见都不会说。 从最开始的Javascrpit、到后来的Jquery、(ExtJs、EasyUI、MiniUI)、Bootstrap、Layui，再到如今的mvvm框架(Vue.js、Angular.js、React.js)，整个前端的发展趋势一直在改变。 就拿Jquery来说，在...
2019-04-15 08:33:00
192
原创 如何在vue单页应用中使用百度地图
作为一名开发人员，每次接到开发任务，我们首先应该先分析需求，然后再思考技术方案和解决方案。三思而后行，这是一个好的习惯。需求：本项目是采用vue组件化开发的单页应用项目，现需要在项目中引入百度的地图展示功能，用于展示所有项目的分布情况。搜索功能(省略，不是这里介绍的内容).......交互：选中左侧的项目，选中项高亮，自动定位到右侧地图中项目所在位置，并弹出项目的基本信息。点击右侧的项...
2019-03-07 11:26:00
70
Learning ASP.NET Core 2.0 英文版
2018-04-15
Redis中用到的C#dll库.rar
2014-11-23
Microsoft.Practices.CompositeUI.Windows.dll )
2014-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人