0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating development workflow gulp - The streaming build system use-gulp grunt - the JavaScript Task Runner F.I.S - 前端集成解决方案 Web Starter Kit - 一个Google 提供的帮助开发者快速设置项目的工具…

最近使用ElementUI做项目的时候用Babel的插件babel-plugin-component做按需加载,使得组件打包的JS和CSS包体积大大缩小,加载速度也大大提升,所有想模仿做一个组件库也来做下按需加载. 首先用Vue CLI 3.0新建一个项目 vue create bes-ui 注意的是cli3的脚手架用的Babel7的配置,只有babel.config.js文件,所以要自己添加.babelrc文件. 项目结构 新建项目之后,可以按照自己的想法建文件结构,也可以按照babel-pl…

鼠标cursor常见样式crosshair;/*十字形状*/cursor:pointer;/*小手形状*/cursor:wait;/*等待形状*/cursor:text;/*默认 文本形状*/cursor:default;/*箭头指示形状*/cursor:help;/*帮助形状*/ 列表(list-style-type):none/*把列表前面的选项去除*/disc/*实心*/circle/*空心*/square/*方块*/decimal/*序列*/lower-roman/*小写罗马*/uppe…

搭建WEB项目过程中,哪些点需要注意: 1.技术选型: 前端:freemarker.vue 后端:spring boot.spring mvc 2.如何包装返回统一结构结果数据? 首先要弄清楚为什么要包装统一结构结果数据,这是因为当任意的ajax请求超时或者越权操作时,系统能返回统一的错误信息给到前端,前端通过封装统一的ajax请求统一处理这类错误信息(这样统一就避免每次都需要额外处理). 那如何包装结构呢? 先封装统一返回结果结构对象 JsonMessage: public class Jso…

新年第一更,关于如何搭建NuGet的本地服务器,以及部署IIS,以此搭建公司自己的组件仓库,方便所有的组件更新,管理,测试等等操作. 关于如何在NuGet中下载指定的组件,参考这篇文章:http://www.cnblogs.com/dathlin/p/7705014.html 我的一开始学习参考来源,也可以参考这篇文章,我在自己重新实现后,新增了一些个人的看法和演示的操作:https://jingyan.baidu.com/article/25648fc18ff6b29190fd0045.htm…

Tomcat 8 下载地址:https://tomcat.apache.org/download-80.cgi 解压tomcat:tar -xf apache-tomcat-8.5.31.tar.gz 创建软链:tomcat -> /apps/svr/apache-tomcat-8.5.31/                   (删除软链:rm –rf test) 创建代码目录:mkdir /apps/sh/web/code git下载代码:git clone -b branchName gi…

为软件创建专用数据库及其账号 create database if not exists gitea default charset = utf8mb4; grant ALL PRIVILEGES on gitea.* to gitea@localhost identified by 'youpasswd'; 查找 Nginx 安装目录 ps aux | grep Nginx 修复 Wordpress 固定链接 404 问题 vi /www/server/panel/vhost/nginx/<y…

…

小菜利用工作之余编写了一款Java小插件,主要是用来验证Web请求的数据,是在服务器端进行验证,不是简单的浏览器端验证. 小菜编写的仅仅是一款非常初级的组件而已,但小菜为它写了详细的说明文档. 简单介绍一下: kpvalidate是一款为java Web开发的插件,它用来在Web后台验证提交数据的合法性. 目前大多数网站验证提交数据合法性都是在页面中用js脚本验证,这样的验证有很大的安全隐患因为脚本仅仅可以运行在客户端的浏览器上,恶意用户很容易绕过这个验证,随便一个简单的模拟提交,就可以成功提交…

记录基于 antd 封装业务组件并发布到npm 上的过程:(TS + React + Sass) 初始化项目: 1.yarn create react-app winyhui --typescript 引入antd 2.yarn add antd 高级配置 我们需要对 create-react-app 的默认配置进行自定义 3.yarn add react-app-rewired customize-cra 引入 react-app-rewired 并修改 package.json 里的启动配置…