- 博客(79)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue 放弃繁琐的render函数，拥抱JSX
背景如果你写了很多 render 函数，可能会觉得下面这样的代码写起来很痛苦：createElement( 'anchored-heading', { props: { level: 1 } }, [ createElement('span', 'Hello'), ' world!' ])[ { label: '最近更新时间', prop: 'update_time', align: 'center', visible: false },.
2021-09-18 13:52:24
425
原创 HTML5 标签使用场景
优缺点：HTML4
1
原创 Web H5 接入海康录像机 (rtsp转flv)
最终效果开始了~私网映射为公网如果你需要非局域网内访问就需要做这一步 映射好公网后 ip 可能会变动 建议用域名做动态映射搭建转流服务器(RTSP => RTMP)可参考其他方法通过FFmpeg将rtsp流摄像头视频转码为rtmp播放 https://blog.csdn.net/u012492535/article/details/79220398我用的现成的docker镜像部署的服务 原理一样的 GitHub地址: https://github.com/ossr
2020-12-14 14:16:51
8131
3
原创 前端避免一直try...catch...(ts装饰器)
一个ts装饰器的democonst userInfo: any = undefinedclass Test { getName() { return userInfo.name }}const test = new Test()test.getName()因为userInfo中没有name属性, 会报错TypeError: Cannot read property 'name' of undefined使用try...catch...ge
2020-09-23 17:29:55
1707
原创 Vue Render自定义tabled单元格内容
解决问题只举一个例子(我正好需要用到的)在写中后台时, 如果对 表格组件 再度封装了, 比如这样的以element-ui 为例: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180">
2020-09-18 18:56:51
362
原创 前端单页面应用实现服务端渲染
在此就不过多介绍什么是单页面应用 什么是服务端渲染 服务端渲染的作用了服务端渲染方式后端模板渲染 如: ejs jinjia等 借助第三方框架 nuxt next vue相关的 Nuxt react 相关的 Next rendertron(主要介绍)后端模板渲染算是传统解决方案, 由服务端渲染成html返回给浏览器第三方框架 nuxt next有学习成本, 需要熟悉对应框架api 服务端要node环境编译 当访问量大的时候页面加载会变慢Rendertro..
2020-09-12 14:27:02
844
原创 常用的Dashboard开发攻略
1. 使用技术div + css 布局 flex 布局 Less 原生js + jQuery 使用 rem 适配 echarts 基础2. 案例适配方案设计稿是 1920 px flexible.js 把屏幕分成 24 等份 cssrem 插件的基准是 80px 插件/配置按钮/配置扩展设置/Root Font Size 里面设置 3. 基础设置body 设置背景图, 缩放为 100%, 行高 1.15 css 初始化.........
2020-08-29 18:57:27
765
原创 docker常用命令
查看容器信息##查看docker容器版本docker version##查看docker容器信息docker info##查看docker容器帮助docker --help列举一个镜像操作##列出本地imagesdocker images##含中间映像层docker images -a##下载Redis官方最新镜像，相当于：docker pull redis:latestdocker pull redis##下载仓库所有Redis镜像docker pull -a r.
2020-08-27 13:55:46
256
原创 scss 项目基础构建
// 定义字体大小@for $i from 12 through 40 { @if $i % 2 == 0 or $i % 5 == 0 { .z-font-#{$i} { font-size: $i + px; } } }// 定义内外边距，历遍1-40@for $i from 0 through 40 { @if $i % 2 == 0 or $i % 5 == 0 { .z-m-#{$i} { margin:
2020-07-16 10:50:51
213
原创 管理后台 表管理 数据设计(vue)
很久没有再写管理后台, 每次coding都有不同的想法, 为了更易于扩展, 更快捷, 更模块话…说白了就是懒基于Vue element-ui构建 并举例用户表的增删改查文章目录根页面 user.jscomponents/ComplexTable.vuecomponents/Pagination.vue (非原创)components/FormGenerate.vue最后是api和函数工具apiutils.js根页面 user.js<!-- * @Descripttion: 用户管理页面 *
2020-06-30 10:56:01
385
原创 element-ui 文件上传进度
自定义上传进度on-progress 文件上传时的钩子 function(event, file, fileList)evnet 参数ProgressEvent {isTrusted: true, percent: 100, lengthComputable: true, loaded: 17830, total: 17830, …}isTrusted: truelengthComputable: trueloaded: 17830total: 17830type: "progress"
2020-05-26 11:24:45
1752
原创 并行请求 免错 promise.all
文章目录解决问题封装基础请求时做了 catch 错误的处理，确保请求都不会被 rejectaxios.js reject抛出错误request.js catch捕获结果Promise.all 并行请求解决问题async/await 会将异步任务去同步化执行，上一个异步任务没结束之前，下一个异步任务处于等待状态中。这样需要等待3个异步任务，假设这些请求均耗时1秒，也就是说页面至少要等待3秒后才会出现内容利用 Promise.all 将这些请求并行发送，就能解决上述的问题。Promise.al
2020-05-18 20:04:55
489
原创 session && JWT
工作原理BrowserServerPOST/authenticate username=...&password=...HTTP 200 OK Set-Cookie: session=......GET/api/user Cookie: session=...find and deserialize sessionHTTP 200 OK {name: "foo"}BrowserServe...
2020-05-01 12:25:57
183
原创 Vue slot 插槽灵活使用
文章目录可内嵌说明: 常见语法请到官网查看, 本文收录不常见的用法可内嵌slot插槽可以向<div>标签一样内容使用例如:<slot name="tableHeader"> <el-header v-show="showHeader" style="height: 50px;" class="pag...
2020-04-27 10:22:22
247
原创 正则
金额验证/(^[1-9]([0-9]+)?(\.[0-9]{2})?$)|(^(0){1}$)|(^0\.[1-9]([0-9])?$|(^0\.[0-9]([1-9])?$))/
2020-04-24 10:00:17
114
原创 RESTful API 学习(node.js koa)
HTTP options 方法的作用是什么 ？检测服务器所支持的请求方法发送options方式请求在返回的请求头Allow属性中可以看到支持的请求方法CORS 中的预检请求如果一个网站的其中的一部分接口的一部分方法支持跨域，我们可检测该方法是否可以跨域allowedMethods 的作用代码:app.use(usersRouter.allowedMethods()) 加上它该路由...
2020-04-23 21:41:43
223
原创 小程序客户端调用统一支付到微信后台
文章目录建议准备工作（你需要这些）主要逻辑1、小程序内调用登录接口，获取到用户的openid,api参见公共api[【小程序登录API】](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html)2、商户server调用支付统一下单，api参见公共api【统一下单API】(不想写超链接了,自...
2020-04-23 21:23:31
442
原创 可观测对象
/*@Descripttion:通过递归的方式把一个对象的所有属性转化成可观测对象@version:@Author: 仲灏Izhaong164165005@qq.com@Date: 2020-03-30 10:44:44@LastEditors: 仲灏Izhaong164165005@qq.com@LastEditTime: 2020-04-20 18:12:54*/expor...
2020-04-21 09:03:16
198
原创 VS code 自定义用户代码片段
##规则:Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and description. Add comma separated ids of the languages where the snippet is applicable ...
2020-02-23 21:31:35
362
原创 【前端技术分享】组件设计
文章目录button按钮场景状态形态尺寸操作性事件综合所述button按钮属性 值 描述autofocus autofocus 规定当页面加载时按钮应当自动地获得焦点。disabled disabled 规定应该禁用该按钮。form form_name 规定按钮属于一个或多个表单。formaction url 覆盖 form 元素的 action 属性。注释：该属性与 type=“...
2019-12-25 22:31:29
131
原创 [安全]: 浅谈文件上传之客户端安全问题
文章目录攻击手段及原理客户端问题(非第三方工具 NC Fidder等上传工具)抵御方法具体代码实例Vueelement-ui upload组件漏洞只能减少, 无法根除,本文只初步介绍常见的攻击手段及客户端的基本防御攻击手段及原理上传文件是WebShell时，攻击者可通过这些网页后门执行命令并控制服务器；上传文件是其他恶意脚本时，攻击者可直接执行脚本进行攻击；上传文件是恶意图...
2019-12-06 21:10:47
412
原创 vue项目初始化自定义webpack与eslint
文章目录问题问题// main.jsimport Antd from "ant-design-vue";import "ant-design-vue/dist/antd.less"; // 后缀改为less 支持自定义主题Vue.use(Antd);完整导入第三方UI组件库是导致app.js文件过大通过按需加载的方式// main.jsimport Button from "...
2019-10-03 00:14:55
343
原创 ES6 数组方法库
文章目录多维数组降维成一维数组reduce()回调flat()多维数组降维成一维数组reduce()var arr1 = [[0, 1], [2, 3], [4, 5]];var arr2 = arr1.reduce(function (a, b) { return a.concat(b)} );// arr2 [0, 1, 2, 3, 4, 5]回调优点: 多维数组也可以比如：...
2019-09-26 12:18:00
170
Vue全家桶+SSR+Koa2全栈开发美团网【笔记】
文章目录linux 命令模仿传递请求数据Node启动项配置babel使用ES6语言特性linux 命令模仿传递请求数据默认curl使用GET方式请求数据，这种方式下直接通过URL传递数据可以通过 --data/-d 方式指定使用POST方式传递数据# GETcurl -u username https://api.github.com/user?access_token=XXXXXX...
2019-08-17 21:50:09
426
1
原创 CSS动画
文章目录动画的原理:动画的作用CSS中动画的类型1. transition 补间动画2. keyframe 关键帧动画3. 逐帧动画动画的原理:视觉暂留作用画面逐渐变化动画的作用愉悦感引起注意反馈掩饰CSS中动画的类型1. transition 补间动画位置 - 平移 ( left / right / margin / tansform )方位 - 旋转 ( tr...
2019-08-01 22:48:00
152
转载 Node.js 从零开发 web server博客项目[express重构博客项目]
web server博客项目Node.js 从零开发 web server博客项目[项目介绍]Node.js 从零开发 web server博客项目[接口]Node.js 从零开发 web server博客项目[数据存储]Node.js 从零开发 web server博客项目[登录]Node.js 从零开发 web server博客项目[日志]Node.js 从零开发 web ser...
2019-07-22 02:20:23
948
转载 Node.js 从零开发 web server博客项目[数据存储]
文章目录nodejs链接 mysql 封装成工具安装`MySQL`创建`src/conf/db.js`API对接MySQL (博客列表)controller/blog.jsrouter/blog.jsapp.jsAPI对接MySQL (博客详情和新建)controller/blog.jsrouter/blog.jsAPI对接MySQL (更新和删除)更新删除API对接MySQL (登录)contr...
2019-07-22 02:19:20
1321
1
转载 Node.js 从零开发 web server博客项目[koa2重构博客项目]
文章目录async / await 语法介绍 , 安装和使用 koa2async / await 要点Koa2开发接口 , 连接数据库 , 实现登录 , 日志记录分析 koa2 中间件原理async / await 语法介绍 , 安装和使用 koa2async / await 要点await 后面可以追加 promise 对象 , 获取 resolve 的值await 必须包裹在 a...
2019-07-15 15:14:10
1050
转载 Node.js 从零开发 web server博客项目[安全]
安全SQL 注入: 窃取数据库内容代码实现XSS 攻击 : 窃取前端的 cookie 内容密码加密 : 保障用户信息安全 ( 重要! )代码实现使用SQL 注入: 窃取数据库内容最原始 , 最简单的攻击 , 从有了 web2.0 就有了 sql 注入攻击攻击方式 : 输入一个 sql 片段 最终拼接成一段攻击代码select username, realname from use...
2019-07-10 17:30:23
758
转载 Node.js 从零开发 web server博客项目[日志]
日志介绍nodejs 文件操作 , nodejs stream日志功能开发和使用使用日志文件拆分 , 日志内容分析拆分crontab分析代码实现介绍系统没有日志, 就等于人没有眼睛----抓瞎第一 , 访问日志 access log ( server 端最重要的日志 )第二 , 自定义日志 ( 包括自定义事件 . 作物记录等 )nodejs 文件操作 , nodejs stream...
2019-07-10 15:55:11
996
转载 Node.js 从零开发 web server博客项目[登录]
文章目录cookie什么是 cookieJavaScript 操作 cookie , 浏览器中查看 cookie客户端查看 cookie , 三种方式JavaScript 查看\修改 cookie ( 有限制 )server 端操作 cookie , 实现登录验证cookie做限制sessioncookie什么是 cookie存储在浏览器的一段字符串 ( 最大5kb )跨域不共享...
2019-07-10 11:03:33
1682
1
转载 Node.js 从零开发 web server博客项目[接口]
目录结构 |-- app.js |-- package.json |-- bin | |-- www.js |-- src |-- controller | |-- blog.js | |-- user.js |-- model | |-- resModel.js...
2019-07-03 19:37:09
2181
1
转载 Node.js 从零开发 web server博客项目[项目介绍]
项目需求首页 , 作者主页 , 博客详情页登录页管理中心 , 新建页 , 编辑页技术方案数据存储博客idtitleconstentcreatetimeauthor1标题1内容11542512945445张三2标题2内容21542511215145李四用户idusernamepasswordrea...
2019-07-03 19:22:48
4693
9
原创 [Node]创建静态资源服务器
项目初始化.gitignorecnpm i eslint -Deslint --init得到.eslintrc.js.eslintrc.jsmodule.exports = { 'env': { 'browser': true, 'commonjs': true, 'es6': true }, 'extends': 'eslint:recommended', '...
2019-06-29 18:22:16
274
原创 node.js conditionDebug VScode 配置
launch.json{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node",...
2019-06-27 20:12:48
134
转载 Vue elelment登录验证 简单版
http.jsimport axios from 'axios'import { Message, Loading } from 'element-ui';import router from './router'let loading //定义loading变量function startLoading() { //使用Element loading-start...
2019-06-15 00:57:59
1710
转载 Vue iview Tree组件实现文件目录-高级实现
Tree组件实现文件目录-基础实现封装文件目录组件src\views\folder-tree\folder-tree.vue<template> <div class="folder-wrapper"> <folder-tree :folder-list="folderList" :file-list="fileList"/> &...
2019-06-04 17:08:30
2906
10
转载 Vue iview Tree组件实现文件目录-基础实现
注册页面路由router/router.js { path: 'folder_tree', name: 'folderTree', component: () => import('@/views/folder-tree/folder-tree.vue') }定义api请求api/data.jsexport const getFolderList =...
2019-06-04 15:41:22
3294
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人