- 博客(89)
- 收藏
- 关注
原创 观察者模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class="ez-led" id="clock">00:00:00</div> <script type="text/javascr
2022-01-18 15:08:04 162
原创 关于web请求接口签名想法及认证
首先个人这里优先使用PBE对称算法及md5非对称算法对称加密主要针对类似用户ID、订单号等类似敏感属性使用非对称加密用来做消息体签名防止被篡改使用JWT获取用户基础信息包括公钥、私钥、角色、用户ID(PBE加密)注:公钥固定,私钥分为动态和静态生成签名JWT头部信息防止篡改(增加盐值签名)一般网站访问个人认为分为未登录和已登录未登录请求 获取通用JWT信息已登录请求 获取带有授权信息的JWT信息网关判断a. 调用授权服务判断其合法性, 同时校验是否具有访问当前URL权限注:这些需要在
2022-01-17 10:31:02 1917
原创 nuxt SSR部署到iis7方案
nuxt SSR部署到iis7方案当前演示环境:1. 操作系统:win102. iis版本:iis73. node版本:nvm(1.1.9)安装的node版本(14.18.2 x64)参考资料:1. 资料 [nuxt发布到windows IIS部署(nuxt+node+pm2+iis)](https://blog.csdn.net/qq_24821757/article/details/113250704)2. 资料 [Node.js 服务部署(pm2 详细使用)](https://www.
2021-12-22 11:44:02 1636
原创 前端代码规范-CSS规范参考
网易的NEC规范 http://nec.netease.com/standard腾讯AlloyTeam前端团队的CSS代码规范 http://alloyteam.github.io/CodeGuide/百度FEX前端团队有赞测试:https://www.jianshu.com/p/ff0071c4ce08#comments有赞技术团队主页:https://tech.youzan.com/...
2021-04-07 10:10:58 142
原创 Vant-area数据
1 export default {2 province_list: {3 110000: ‘北京市’,4 120000: ‘天津市’,5 130000: ‘河北省’,6 140000: ‘山西省’,7 150000: ‘内蒙古自治区’,8 210000: ‘辽宁省’,9 220000: ‘吉林省’,10 230000: ‘黑龙江省’,11 310000: ‘上海市’,12 320000: ‘江苏省’,
2021-03-11 12:13:18 2806 1
原创 引用weui-css库,ios情况下按钮按下状态无效问题
解决方法:给body加一个ontouchstart空事件即可解决。<body> <a href="javascript:" class="weui-btn weui-btn_default">测试按钮active</a></body>
2020-10-20 16:38:39 385
原创 DOM基础(1)-EventTarget接口认识以及实现原理
MDN链接:https://developer.mozilla.org/zh-CN/docs/Web/API/EventTargetEventTarget接口实现代码:// TEventvar TEvent = function () { this.listeners = [];}TEvent.prototype.listeners = null;TEvent.prototype.add = function(type, callback) { if (!(type i
2020-08-18 11:13:39 253
原创 SPA单页面应用在微信浏览器中的问题
Q1. 使用微信浏览器复制链接功能只能复制第一次进入页面的地址A1:// -- App.vue 入口组件watch: { // 监听路由变化 '$route' (to, from) { // 微信分享 if (to.meta.share) { this.$weixin.changeUrl(); if (to.meta.share == 'auto') { this.$weixin.wxfx();
2020-07-23 16:42:31 342
原创 tsconfig部分配置
{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不到的代码错误。 "allowUnusedLabels": false, // 不报告未使用的标签错误 "alwaysStrict": false, // 以严格模式解析并为每个源文件生成 "use strict"语句 "baseUrl": ...
2020-05-03 00:55:13 843
原创 vscode常用插件
Auto Rename TagBEM HelperBracket Pair ColorizerCode RunnerDracula ThemeESLintHTML CSS SupportHTML SnippetsjQuery Code SnippetsLive ServerPath IntellisensePrettier - Code formatterVeturVi...
2020-04-30 16:48:57 202
原创 prettier的配置参考
/* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab,使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.si...
2020-04-30 15:02:52 5412 1
原创 jquery表单开发常用函数-包括radio单选框单击取消选择事件
jquery表单开发常用函数// 获取指定name控件的值function getNameVal(attr_name, parent) { var els; if (parent) { els = parent.find('[name=' + attr_name + ']'); } else { els = $('[name=' + attr_name + ']'); } ...
2020-03-25 13:30:49 431
原创 Vue相关
Vue移动端框架: https://youzan.github.io/vant/#/zh-CN/introVue资源库:https://github.com/vuejs/awesome-vue ; https://github.com/vuejs/awesome-vue#components–librariesVue通用应用框架: https://zh.nuxtjs.org/Vue-cli官...
2020-03-08 10:56:43 142
原创 移动端vue开发的坑(转载)
https://blog.csdn.net/m0_37036014/article/details/81232648https://www.cnblogs.com/lgl1209/p/10001573.htmlhttps://juejin.im/post/5c0490ef51882524cb6f5652https://blog.csdn.net/liangcha007/article/det...
2020-03-08 10:54:34 311
原创 iis跑node
参考链接:https://www.cnblogs.com/aieceo/p/7906640.htmlhttps://blog.csdn.net/weixin_30456039/article/details/98001766https://www.cnblogs.com/mengkzhaoyun/p/5414501.html
2020-02-18 08:51:20 202
原创 移动端video标签兼容写法
```javascript{ key: 'webkit-playsinline', val: 'true' }, { key: 'playsinline', val: 'tr...
2020-02-14 11:02:00 1431
原创 webpack学习(一):webpack基础环境-版本一(添加第一版配置文件2020.02.14)
webpack环境-版本一第一阶段webpack环境搭建步骤:第一步// npm init 初始化项目package.json// npm i webpack webpack-cli -D 安装webpack和webpack命令行工具第二步:创建项目目录结构,可适用于多页面开发+src 源码文件 +assets 静态资源目录 +css 公共css +img...
2020-02-12 19:58:32 200
原创 CSS-选择器(2)-伪类和伪元素
CSS-选择器(2)-伪类和伪元素::表示法是在CSS 3中引入的,::符号是用来区分伪类和伪元素的。支持CSS3的浏览器同时也都支持CSS2中引入的表示法: 。 IE8仅支持: 。1. 伪元素after: 在匹配元素的最后插入一个子元素before: 在匹配元素的最前面插入一个子元素placeholder: 控制placeholder的样式selection: 控制文本选中的样式,...
2020-02-07 23:24:23 185
原创 CSS-选择器(1)-基本
CSS-选择器(1)-基本1. 基本选择器1. 元素选择器 elementname(元素名称)2. 类选择器 .classname(类名)3. ID选择器 #idname(ID名)4. 通配选择器 *号(性能低,慎用)5. 属性选择器 [属性=值] 1. [[*attribute*\]](https://www.w3school.com.cn/cssref/selector_att...
2020-02-07 11:15:58 118
原创 CSS-可替换元素
CSS-可替换元素1. 概述 可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。 简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如iframe元素,可能具有自己的样式表,但它们不会继承父文档的样式。 可替...
2020-02-06 20:22:14 322
原创 CSS-层叠上下文
CSS-层叠上下文文档中的层叠上下文由满足以下任意一个条件的元素形成:文档根元素(html);position 值为 absolute(绝对定位)或 relative(相对定位)且 z-index 值不为 auto 的元素;position 值为 fixed(固定定位)或 sticky(粘滞定位)的元素(沾滞定位适配所有移动设备上的浏览器,但老的桌面浏览器不支持);fle...
2020-02-06 17:29:49 150
原创 CSS-包含块
CSS-包含块1. 概述一个元素的尺寸和位置经常受其包含块的影响。大多数情况下,包含块就是这个元素最近的祖先[块元素](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements)的[内容区](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Mod...
2020-02-06 16:41:22 155
原创 CSS-盒模型
CSS-盒模型1. 概述 盒模型由四个部分组成:内容区域、内边距、边框、外边距。 四个区域相对应的是四个边界:内容边界、内边距边界、边框边界、外边框边界。 可通过box-sizing控制盒子区域。 除可替换元素外,对于行内元素来说,边框和内边距仍会显示再内容周围。...
2020-02-06 12:13:43 104
原创 CSS-块格式化上下文
CSS-块格式化上下文1. 概述 块格式化上下文(Block Formattiong Context, 简称BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 一个独立的BFC会包含所有内部的子元素,不会影响其他元素的布局和交互。 基于同一个BFC内的子元素,子元素两者间会发生外边距上下折叠情况,避免此情况的其中一个方法...
2020-02-06 11:20:59 188
原创 CSS-值计算
CSS-值计算1. css属性的值的计算一共分为六种值:实际值: 一个CSS属性的**实际值(actual value)**是应用值(used value)被应用后的近似值 。例如,一个用户代理可能只能渲染一个整数像素值的边框(实际值),并且该值可能被强制近似于边框的计算宽度值计算值(computed value): 一个CSS属性的计算值是指这个属性在由父类转向子类的继承中的值初始值...
2020-02-05 21:12:45 896
原创 CSS基本语法和语义
CSS基本语法和语义1. 语法/* 一组规则集的组成:选择器组合和声明块(中括号)包含的声明键值对 */body div#box { color: "red"; /* 唯一的注释方式,某些在style标签中的注释可以是用html注释方式 */}2. @规则@charset, 定义样式表使用的字符集.@import, 告诉 CSS 引擎引入一个外部样式表.@name...
2020-02-05 20:45:32 322
原创 babel入门系列之babel-cli命令行
babel-cli命令行 安装:"@babel/cli": "^7.7.7", "@babel/core": "^7.7.7", 1. -d,--out-dir [out] 指定输入目录,编译输出到指定目录 npx babel src -d lib 2. --source-maps [true,false,inline,both] 增加source map文件 ...
2019-12-24 01:12:58 1290
原创 vue单页应用hash模式开发微信H5需要注意的点
使用encodeURI()只能转换空格,使用encodeURIComponent()可以转换所有特殊字符在使用vue开发微信单页应用的时候,当配置微信分享需要传参数到后台时,需要使用encodeURIComponent()转换需要分享的链接,不然axios只能获取#号前面的path,造成传入后台的分享地址和wx.config配置的分享地址不一致,会出现分享失败...
2019-12-19 11:20:02 364
原创 css3-img新属性object-fit
主要作用:图片适应设置主要值:contain 保持宽高缩放图片,使图片的长边能完全显示出来cover 保持宽高缩放图片,使图片的短边能完全显示出来,裁剪长边fill 拉伸图片,使图片填满元素none 保持图片原有尺寸scale-down 取none或contain中较小的一个...
2019-12-04 15:31:52 1193
原创 关于H5插件postcss-viewport-units
不要使用它,会引起的结果:给img标签添加class,会引起ios下图片无法显示的问题
2019-11-26 17:17:23 1589 1
原创 H5判断网络状态
var el = document.body;if (el.addEventListener) {window.addEventListener(“online”, function () {alert(“online”);}, true);window.addEventListener(“offline”, function () {alert(“offline”);}, true);...
2019-11-20 10:27:18 235
原创 记录IIS下搭建Node环境
参考文章:https://www.cnblogs.com/aieceo/p/7906640.html针对win10的 https://cloud.tencent.com/developer/ask/191822https://www.cnblogs.com/zhao-yi/p/9190282.htmlhttps://www.cnblogs.com/mengkzhaoyun/p/54145...
2019-11-11 23:13:52 139
原创 html2canvas踩坑记录
要实现清晰展示基于DOM树生成海报图片的效果,基于vue-cli开发:<template> <div> <div class="share" ref="imageWrapper" v-show="generate"> <div class="main"> <div class="main__body"&...
2019-11-06 14:34:09 563
原创 vue开发微信H5,其他端能正常显示图片,ios端无法显示问题
目前解决办法:1. 不给img标签赋予任何class,给img增加父级标签包裹,样式写在父级
2019-11-04 11:37:09 1735
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人