- 博客(30)
- 收藏
- 关注
RSS订阅原创 【Web前端开发】npm你真的会用吗？
npm是一款JavaScript包管理器（JavaScript Package Manager）,同类的工具还有yarn。npm感觉上是一个很简单的工具，实际并不简单！
2022-11-30 09:14:27
2838
1
原创 XaaS说的是什么？
其实早些时候是没有XaaS的说法的。早些年，如果一家公司想要发布一个服务端应用，常常需要自己购买服务器并托管到IDC机房。通过远程控制的办法，把应用服务安装到自己的服务器上。将应用安装到服务器上之后，比如，在服务器上部署一个web站点，用户是不能直接访问的。你还需要购买并配置域名，将域名与 IDC机房提供的固定IP地址绑定。这样用户才可以通过指定的域名访问到你的网站。如果服务器比较多，还需要添加交换机等设备，甚至可能还需要 F5等负载均衡硬件设备。随着云计算平台的发展，有些公司提供了硬件基础设施
2022-04-13 07:26:26
428
原创 软件测试知多少？
作为一名软件开发人员，除了写代码以外，还必须保证所交付的代码质量，保证代码质量的其中一种办法就是编写单元测试（unittest）。所谓单元测试，顾名思义，单元就是整体的一部分，这里的整体就是整个项目的软件代码，其中的单元自然可以是一个模块或者是一个类等。单元测试是软件工程师必备的技能之一。但现实中很多软件工程师，经常借口工期时间短、维护成本高等原因忽略单元测试代码。在我看来编写单元测试是一个软件项目的重要组成部分。好的单元测试不但可以节约项目时间而且可以很好的保证软件交付质量。由于一个软件.
2022-03-27 23:16:47
149
原创 当有人问你用户数时，你该怎么回答？
在设计与开发软件产品的时候，有一个重要的指标我们必须关注，那就是“用户数”。软件设计出来后如果没人用，就不能算作一个有用的或成功的软件。假如你做的是一个学习教育类的APP。如果有人问你，“你们现在有多少用户数了？”你该怎么回答呢？你可能会根据APP的下载安装量来评估用户数。但这样是有问题的。你想一想，从时间历史的角度来看。有的用户可能是在很久前下载安装的，用了一段时间后就卸载掉不用了。那这部分用户还应该算作你的用户数吗？如果算着你的用户数，可是他已经不再使用我们的软件了，那就当前时间点来看，它已经不是我
2022-03-06 11:28:09
664
原创 ReactNative: Android与iOS平台兼容处理
方法一：创建不同的文件扩展名：*.android.js*.io.js方法二：import { Platform } from 'react-native';if (Platform.OS === 'android') { // Do something specific for Android } else if (Platform.OS === 'ios') { ...
2019-11-29 07:59:10
331
原创 前端技术之：Vue.js应用回退或刷新界面时提示用户保存修改
在实际应用中，运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据：在运营人员刷新页面或回退时，自动保留数据至浏览器端本地存储，在重新进入编辑页面时再将数据从本地存储中加载到编辑界面。第二种方法是在运营人员刷新或回退时，强提示运营人员有修改的数据尚未保存，询问是否继续。无认采用哪一种方式，在技术实现上，...
2019-11-24 08:40:06
813
原创 服务安全之： CAS服务的本地搭建方法
浏览器中打开以下链接：https://github.com/apereo/cas-overlay-template/tree/5.3从此代码仓库中下载或者checkout相应版本的代码，并切换到代码的主目录。假定CAS服务所使用的域名为cas.xxx.com，应用服务域名为app.xxx.com。首先使用以下命令生成SSL证书：sudo ./build.sh ...
2019-11-18 22:51:28
493
原创 服务安全之：JWT
JWT是JSON Web Tokens的缩写。既然叫JSON Web Tokens，所以JWT Tokens中真正包含的是多个JSON对象。为什么是多个JSON对象呢？因为SWT Token实际上是由三部分组成，其中有两部分是JSON格式。这三部分即头（Header）、负载数据（Payload）、签名（Signature）。 1、信息头（Header） 头信息...
2019-11-14 07:40:25
171
原创 前端技术之：如何Mock GraphQL接口数据
// 第一步：引入所依赖的库const { makeExecutableSchema, addMockFunctionsToSchema } = require('graphql-tools');const { graphql } = require('graphql');// 第二步：定义GraphQL Schemaconst schemaString = ` type User ...
2019-11-12 08:28:59
494
原创 前端技术之：如何在vuex状态管理action异步调用结束后执行UI中的方法
一、问题的起源最近在做vue.js项目时，遇到了vuex状态管理action与vue.js方法互相通信、互操作的问题。场景如下图所示：二、第一种解决方法例如，我们在页面初始化的时候，需要从服务端通过API接口获取数据，数据获取成功前需要显示Loading状态框，数据获取完成后，需要将Loading状态框隐藏。这是一种相对比较简单的应用场景，解决起来当然也比较简单。我们可以通过s...
2019-11-08 08:04:17
1850
原创 前端技术之：如何创建一个NodeJs命令行交互项目
方法一：通过原生的NodeJs API，方法如下：#!/usr/bin/env node# test.jsvar argv = process.argv;console.log(argv)通过以下命令执行：node test.js param1 --param2 -param3结果输出如下：[ '/usr/local/Cellar/node/10.10.0/bin/node',...
2019-11-07 07:45:37
370
原创 前端技术之：通过plop生成Controller的方法与步骤
Controller的生成开发者可以通过plop命令生成各种类型的控制器类（Normal、Restful、View）, 以下是示例生成步骤。执行以下命令：plop controller此时控制台输出：? controller name please输入TestNormal并回车后，控制台输出以下提示，? controller name please TestNor...
2019-11-06 07:54:58
352
原创 前端技术之：如何通过类的属性获取类名
class A { constructor(a, b = 'bbb', c = 1) { this.a = a; this.b = b; this.c = c; }}获取类的原型对象constructor属性：const desc3 = Object.getOwnPropertyDescriptor(A.prototype, 'construc...
2019-11-05 05:13:41
528
原创 前端技术之：命令模块及其执行方法
一、创建一个命令模块1、package.json{"name": "@uad/nat-cli","version": "0.0.2","description": "Demo","main": "index.js","bin": {"artisan": "./src/artisan.js"},"scripts": {...
2019-11-04 21:38:35
134
原创 前端技术之：如何在Vue中使用clipboard.js复制服务端数据
第一步 创建点击对象页面元素，并绑定业务数据。<el-button type="text" size="mini" class="copy-button":data-resource-type="scope.data.resource_type":data-resource-id="scope.data.resource_id">复制链接</el...
2019-10-31 08:30:56
329
原创 前端技术之：JSON.stringfy详细说明
JSON.stringify() 语法JSON.stringify(value[, replacer[, space]])value被序列化为字符串的对象replacer根据类型不同，其行为也不一样。如果是一个函数类型，则相当于是一个filter，可以对序列化的键值对进行加工处理；如果是一个数组，则只有符合数组中名称的key才会被输出space如果为0或不填，则不进行格式...
2019-10-29 08:04:17
1280
原创 前端技术之：如何在控制台将JS class实例输出为JSON格式
有一个类：class Point {constructor(x, y) {this.x = x;this.y = y;}}如果我们在控制台中输出其实例：console.log(new Point(10, 20));控制台中的输出结果为：Point { x: 10, y: 20 }那如何只输出JSON格式，不输...
2019-10-28 06:25:41
473
原创 前端技术之：如何运行使用了ES（import）的node程序
方式一：在package.json文件的scripts域中，配置以下的命令："start": "cross-env NODE_ENV=dev node -r esm server/index.js”这行命令的重点在于node命令的-r参数，参数值为esm。如果程序的运行使用的是pm2，则可以使用类似以下的命令来启动应用：pm2 start npm -- run...
2019-10-25 07:51:19
330
原创 前端技术之：JavaScript Test 断言库
expect声称可以写更好的断言。https://github.com/mjackson/expectchai可以写BDD样式的断言，也可以写TDD样式的断言，可用于Node.js与浏览器端，可以与任何测试框架集成。https://github.com/chaijs/chaiSuperTest可以通过superagent更容易地写HTTP断言.htt...
2019-10-23 08:16:57
197
原创 前端技术之：JavaScript测试工具
Mocha一个用于Node.js与浏览器端的简单、自由、有趣的JavaScript测试框架。https://mochajs.org/https://github.com/mochajs/mochaJest一个令人愉悦的JavaScript测试框架。https://jestjs.io/https://github.com/facebook/jestAva...
2019-10-22 00:48:38
111
原创 前端技术之：Prisma Demo服务部署过程记录
安装前提条件：1、已经安装了docker运行环境2、以下命令执行记录发生在MackBook环境3、已经安装了PostgreSQL（我使用的是11版本）4、Node开发运行环境可以正常工作首先需要通过Node包管理器安装Prisma工具：npm install -g prisma然后，创建并初始化prisma项目：prisma init prisma-st...
2019-10-21 00:36:50
825
原创 前端技术之：常用webpack插件
1、html-webpack-pluginSimplifies creation of HTML files to serve your webpack bundles.主页地址：https://github.com/jantimon/html-webpack-plugin安装方法：npm i --save-dev html-webpack-plugin2...
2019-10-16 08:21:20
215
原创 前端技术之：webpack热模块替换（HMR）
第一步：安装HMR中间件：npm install --save-dev webpack-hot-middleware第二步：webpack配置中引入webpack对象 const webpack = require('webpack’);第三步：增加devServer配置项： hot: true第四步：增加热模块替换插件： new w...
2019-10-14 23:46:34
312
原创 前端技术之：JS开发几个有意思的东东
一、 查看性能分析报告npm run build:prod --report二、vue ui工具三、vue-element-adminhttps://panjiachen.gitee.io/vue-element-admin-site/zh/四、矢量图库http://iconfont.cn五、ElectronB...
2019-10-13 11:02:49
202
原创 前端技术之：使用webpack构建React程序配置方法
package.json中需要引入以下依赖：开发依赖："@babel/core": "^7.1.2","@babel/preset-env": "^7.1.0","@babel/preset-react": "^7.0.0","babel-loader": "^8.0.4”,运行时依赖："react": "^16.6.0","react-dom": "^...
2019-10-11 21:21:21
87
原创 前端技术之：常见前端Web框架
Express声称是快速、自由、小巧的Node.js Web框架，官网地址如下：https://expressjs.com/https://github.com/expressjs/expressKoa/Koa2声称是下一代Node.js Web框架，由Express的部分开发成员设计研发，目的是为了达到更小、更轻便、更健壮地开发Web应用和API。官网地址如下：ht...
2019-10-10 22:39:15
172
原创 前端技术之：常见前端UI相关开源项目
Bootstraphttps://getbootstrap.com/BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA ...
2019-10-09 23:38:02
177
原创 前端技术之：使用npx创建一个Nuxt.js项目
$ npx create-nuxt-app my-first-nuxtjsnpx: 401 安装成功，用时 43.891 秒> Generating Nuxt.js project in /Users/popgis/projects/my-first-nuxtjs? Project name my-first-nuxtjs? Project description A Nux...
2019-10-09 01:04:23
310
原创 前端技术之：常见的前端页面模板库
VueJs https://cn.vuejs.org/ https://github.com/vuejs/vue React https://reactjs.org/ Handlebars http://handlebarsjs.com/ https://github.com/wycats/handlebars.js Mustache...
2019-10-06 15:11:03
980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人