
前端
大溪流
千里之行,始于足下。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序优化一般方法
数据通信层 js1.不要过于频繁调用setData,应考虑将多次setData合并成一次setData调用;2.数据通信的性能与数据量正相关,因而如果有一些数据字段不在界面中展示且数据结构比较复杂或包含长字符串,则不应使用setData来设置这些数据;3.与界面渲染无关的数据最好不要设置在data中,可以考虑设置在page对象的其他字段下Page({ onShow: function(...原创 2020-03-10 14:33:33 · 1002 阅读 · 0 评论 -
微信小程序使用mqtt连接及配置nginx的wss
原生小程序开发中需求使用mqtt进行即使通讯,下面介绍小程序中使用mqttjs 进行网络通讯连接 在华为云中部署nginx使用https/wss方式连接Apache-activemq。1、云服务域名1、在云服务中部署项目首先要有个域名,domain 映射到云服务机子的ip,这样访问http://domaintest 才会访问到 部署服务的机子。2、部署mqtt 服务 官网下载地址:ht...原创 2019-10-24 17:07:25 · 3294 阅读 · 7 评论 -
微信小程序使用mqtt连接及配置nginx的https
原生小程序开发中需求使用mqtt进行即使通讯,下面介绍小程序中使用mqttjs 进行网络通讯连接 在华为云中部署nginx使用https/wss方式连接Apache-activemq。1、云服务域名1、在云服务中部署项目首先要有个域名,domain 映射到云服务机子的ip,这样访问http://domaintest 才会访问到 部署服务的机子。2、部署mqtt 服务 官网下载地址:ht...原创 2020-03-18 14:38:45 · 2505 阅读 · 0 评论 -
react-router用法详解
一、相关依赖包Router 路由是react全家桶【react+redux + router】中的一员,在项目中用于分发组件,资源组织。下面我们看使用路由时相关的包。主要包含react-router 和 react-router-dom两个包。react-router是实现路由的核心功能。react-router-dom 是基于react-router实现的,加入了在浏览器运行环境下的一...原创 2019-09-12 17:17:54 · 2902 阅读 · 0 评论 -
react-redux用法详解
一、相关依赖包redux 路由是react全家桶【react+redux + router】中的一员,在项目中用于组件状态的管理,使组件传值通信更加方便,统一管理。Redux中文文档地址 http://cn.redux.js.org/下面我们看使用redux时相关的包。主要是redux和react-redux这两个包redux是redux状态管理的核心包提供了创建store、统一管理red...原创 2019-09-20 15:53:14 · 1341 阅读 · 0 评论 -
react 开发技术提领
1、背景及特性UI问题 ----组件处理传统是局部刷新处理,react整体进行刷新,不管数据具体是那个发生变化,只关心发生变化与否1个概念4api 单项数据流 完善的错误提示数据模型问题针对传统mvc 提出flux架构:单项数据流基于衍生出 redux 和 Mobx 状态管理框架2、组件方式考虑UI的构建传统模式的是html+js 数据 +formreact 方式 comme...原创 2019-09-04 16:12:38 · 394 阅读 · 0 评论 -
async与await 写法详解
async 与 await 可以使异步代码写法更加简洁,是在es2017引入的新特性,在最新版的nodejs及Chrome中都已经支持。async 函数const fetch = require('node-fetch');// function getZhihuColumn(id) {// const url = `https://zhuanlan.zhihu.com/api/...原创 2019-09-02 11:28:02 · 2653 阅读 · 0 评论 -
thymeleaf 中 通用的分页方法
在项目中调用api后将数据分页显示,很多的插件都是和数据库相关的使用数据库的 limit 特性像pagehelper、Spring Data Jpa这些插件,在这里不适合。这里介绍一种不用后端实现的假分页。主要是对查询后的集合进行下标截取。1.工具类代码import java.util.List;// 分页工具类public class PageUtil<T> {...原创 2019-07-01 18:30:01 · 12555 阅读 · 4 评论 -
springboot中 thymeleaf 的基础用法
上一节上已经讲了springboot 与 thymeleaf 的集成和thymeleaf的页面布局,本节将介绍thymeleaf的一些基础用法。首先一切当然以官方文档为参考,文档地址:https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html在使用的页面头部定义thymeleaf的命名空间 th:*。<ht...原创 2019-07-01 00:25:20 · 278 阅读 · 0 评论 -
TypeScript、React、webpack 一起使用
1.npm 项目初始化项目npm init项目中会生成package.json文件,这里可以使用默认值2.全局安装webpacknpm install -g webpack项目中使用webpack管理前端的js、css、ts进行绑定3.安装react reactDOM 及其声明文件到项目的package.json文件中npm install --save react react-do...原创 2019-07-18 20:23:49 · 457 阅读 · 0 评论 -
bootStrap 使用规律总结
与颜色有关的组合primary 深蓝 secondary 灰 success 绿 warning 黄 danger 红 info 浅蓝 dark 黑 white 白 light 亮白.active 鼠标悬停在行或单元格上时所设置的颜色.primary.success 标识成功或积极的动作.info 标识普通的提示信息或动作.warning 标识警告或需要用户注意.danger ...原创 2019-08-10 16:06:44 · 564 阅读 · 0 评论 -
sass入门基础
一、sass 安装sass 的安装依赖ruby 包管理工具,安装sass之前,应先安装ruby1、ruby 安装windows 下官网下载地址https://rubyinstaller.org/downloads/安装完成后 查看版本 ruby -v2、sass 安装使用ruby 的包管理工具安装 gem install sass查看sass 版本 sass -v二、sass 编译...原创 2019-08-28 08:54:28 · 265 阅读 · 0 评论 -
reactStrap 常用总结
alert <Alert color="primary">This is a primary alert </Alert><Alert color="primary"> <h4 className="alert-heading">Well done!</h4> <a href="#" className="ale...原创 2019-08-28 09:20:02 · 2477 阅读 · 0 评论 -
react 前端学习资源整理
总体2019年Web前端入门的自学路线https://www.cnblogs.com/qianguyihao/p/8776837.html前端入门和进阶学习笔记,超详细的Web前端学习图文教程。从零开始学前端,做一个Web全栈工程师。https://github.com/qianguyihao/Webreact相关react官方文档:https://reactjs.org/docs/...原创 2019-08-30 14:45:49 · 442 阅读 · 0 评论 -
页面中使用fmt:formatNumber标签保留n位小数四舍五入问题
在页面中 对某一数值进行保留n位小数的操作JSTL的formatNumber 标签进行数值的四舍五入时,发现它竟然使用的是"4舍6入5奇偶"的算法. 要实现"四舍五入"的算法,只需要在原有值的基础上再加一个比要保留的小数位数多的较小的值:保留两位小数如下<fmt:formatNumber pattern="#.##" value="${3.135+0.001}" minFractionDig...原创 2018-06-21 09:35:54 · 3811 阅读 · 1 评论