- 博客(21)
- 收藏
- 关注
RSS订阅原创 关于移动端H5页面的调试方法
这个是常见功能了，只是为了给自己记录下～safari (mac + iphone)系safari设置-打开Safari偏好者设置，选中“高级”，在页面最下方看到“在菜单中显示开发菜单”的复选框，在复选框内打钩，这样设置完毕就能在Safari菜单中看到开发菜单了 iPhone 设置-打开iPhone手机设置app 选择Safari，找到高级选项，有JavaScript开关web检查器开关，...
2023-03-07 19:24:55
476
原创 关于padding和margin的百分比
最近随手习惯性的写了个样式margin-top: 10%; 本意是想它里上面的高度是现有父节点高度的10%，但事实并非如此。它离上面的高度始终是比预期的多出许多，才着重的研究起来这个属性的具体算法。经过各种尝试，发现这个百分比是针对的父元素的宽度，并不是高度，知道真相的我大吃一惊，所以再捋了捋。首先在dom元素的高度，大部分都是没有指定的，所以它真正的高度是由里面的内容撑起来的，也就没有所谓高度的概念，另外高度的这个属性也是不会自动继承的，除非你给它设定继承才会。所以高度这东西的不确定性太多，不太方便用
2020-06-09 11:00:02
554
原创 iview使用的一些坑
由于公司的设计偏爱iview的这种设计风格，所以在vue的道路上与iview形影不离AutoComplete最开始发现有问题是偶然的从这个组件开始的，但其实是一个select相关操作的问题，不过跟使用的机器有关。可能不同的机器对键盘的码的识别不一样，导致在某些电脑上无法使用回车、上下箭头、tab、删除键等。最后在全局统一定义键盘码才得以解决，keys.js，Vue.use(k...
2020-01-20 09:48:54
450
原创 node端日志打印 No.9
在register文件里面可以看到对应的有logconf，由于测试以及生产环境是使用pm2启动，然后日志通过pm2工具统一去打印，所以为了配合pm2对应的日志配置文件参考const envConf = process.env.NODE_ENV === 'development' ? { appender: { type: 'dateFile', filename: './...
2020-01-19 10:17:55
583
原创 node服务的部署流程演进--从打包后多文件到单文件，从命令行启动到PM2
做node层后台有一阵时间，记录一下node作为一个后台服务的部署经历的一个演进路程常规写一个入口文件（大体是注册一些事件，然后启动一个类似ngix服务的东西）然后命令行敲node 这个入口文件名，服务也算是启动起来了~但是呢，这种方法有个问题，就是命令行窗口不能关闭，关闭了，服务就挂了，开发什么的无所谓，测试生产的服务器是不可能做到这一点的，所以想了个法子，让服务后台运行，这就又进一步了...
2020-01-19 10:06:37
373
原创 页面嵌入涉及到的跨域问题常规解决方案
接到过几个需要页面嵌入的需求，基本都是在人家的网站里嵌入自家的页面。人家和自家必属于不同域，要不然就是一家人咯，就没有啥事了。主要涉及用户态打通这一问题。基本步骤大概是这样的咱家给到人家要跳转页面的地址，人家跳过来咱家的url，在这个后面会带上一个类似token的东西 然后咱家的页面拿到这个token之后，去请求接口校验这个token的有效性，同时获取到对应的用户信息。当然咱家的页面请求...
2020-01-10 09:08:32
2459
原创 说一说scss的变量的全局引用
想要建立一套完整的样式体系，使用scss肯定想要用它的变量带来的方便咯，但是之前在入口vue文件引入改样式文件之后并不会达到全局引用的效果，想要使用还是要需要的地方逐个引用，很心塞，知道有天发现了这个sass-resources-loader，问题就解决了，具体用法如下参考{ test: /\.(sa|sc)ss$/, use: [ MiniCssExtractPlug...
2019-12-26 18:09:31
1542
原创 一个即时通讯功能的大体实现（vue + socket + node）
一时心血来潮，要做一个即时通信的软件，当然是想要定制化的功能，才有这么个想法。不过在这还是只是简单的记录一下一个即时通信实现的大概流程。首先前后端都的注册好socket服务，比如前端import io from 'socket.io-client'const socket = io(process.env.IO_LINK) //process.env.IO_LINK后台的soket服务...
2019-09-30 09:44:51
908
原创 关于数据处理常用到的一些函数的区别总结（...，map， foreach，merge，assign等）
lodash常用的一个数据处理工具库，与原生函数功能类似，只是被封装过后，处理数据更友好。最近项目踩到一个坑--前提条件：有一个对象数组，并且给对象中还有值为array和object的情况。想要遍历改数组data，然后对里面的对象追个处理，希望结果：得到的数组中每个对象的有被正确处理过。1、map：data.map((item) => {doSomething(item); ...
2019-08-30 15:58:30
495
原创 vue开发常用的一些工具库
虽然没有什么大的作品呈现，但多数也算一个写vue论年轮的人了，说说自己几个用的比较顺手库vuex 状态管理https://vuex.vuejs.org/zh/guide/ state：store.state, mapState getter：store.getter, mapGetter （可带filter功能） mutation：store.commit,m...
2019-07-06 13:50:22
1173
1
转载 菜鸟的git操作记录
感觉自己的git一直用的不是很溜，趁有空记录一下（工作区 暂存区 远程仓库）git clone：从远程库中克隆,克隆一个版本库到新的目录git branch：查看分支git branch <name>：创建分支git checkout <name>：切换分支git checkout -b <name>：创建+切换分支git checkou...
2019-07-06 13:48:21
115
转载 get方法下载文档
数据导出成文档，是一个常规功能： 最简单的方式就是，对应的a标签的href属性指向后台导出接口的url，参数紧跟在url的？后面注意，如果参数中涉及中文，记得encodeURI处理，兼容ie浏览器这种方法，缺点在于 该接口报错，无法进行相应处理 ie无法识别download属性，无法给文件赋中文名（想要ie中文的下载文档，后台处理后传回）如果想要自己控制请...
2019-06-17 16:39:13
806
转载 关于移动端样式自适应方案尝试
现在移动端设备千差万别，用一套样式已经很难满足需求，先从简单的样式大小类说起，小屏手机整体偏小，大屏样式整体偏大，即根据屏幕大小自适应调整整体样式的大小。第一反应，用rem，给定一个base，这个base（一般是指html的font-size值）在程序最开始，根据屏幕大小设定好，剩下的样式大小设置都是根据这个base转化成对应rem值，那么所有的样式也就基本达到自使用了，给出一段设置base的...
2018-07-25 16:44:22
337
转载 基于css的简单动画实现
先简单说说transform，对元素进行移动（translate）、旋转（rotate）、翻转（skew）、缩放（scale）。translate是transform的一个属性而已。再者就是transition，指定了某一个属性（如width、left、transform等）在两个值之间如何过渡，需要手动触发div{width:100px;height:100px;backgro...
2018-07-25 16:30:14
924
原创 一个获取短信验证码的组件示例
判断是否可点击，以及倒计时显示，调用示例<captcha-btn slot="right" :waitTime="waitTime" @getCaptcha="getCaptcha"></captcha-btn>这个waitTime是一个存储在全局的与电话号码绑定的时间，具体captchaBtn内容如下<template> <div
2018-07-23 17:23:55
1032
1
原创 一个购买数字输入组件的示例(基于vux-input)
由于H5页面大多做的是理财产品的一些流程，对于购买数字的输入框，需要有各种限制，逐渐形成一个组件，调用方法示例<money-input title="XX金额" :placeholder="defaultPlaceholder" :verifyErrMsg="errMsg" @change="updateMoney" ...
2018-07-23 16:13:56
392
1
转载 node下的orm类sequelize的使用
做前端的，在node出现后开始做类似后台类的操作，对于怎么操作数据库刚开始还是很慌的，找到一个工具orm，屏蔽底层的具体实现，只通过相应的对象类操作完成数据库操作，这边选定sequelize。当然是用免费的mysql数据库咯。首先肯定是根据需求在数据库建好相应的数据库以及数据表，然后用sequelize-auto将数据表生成基本的model对象，用于生成model的文件generate_mod...
2018-07-19 16:09:33
891
原创 WebViewJavascriptBridge H5交互
作为一个low逼公司的前端，什么app的都是奢侈，但是呢，保不齐要对接一些有逼格的公司业务，所以呢，也算是在所谓hibrid模式下，找到了一丝生存的希望大致情况是这样，需要在对接方的app中嵌入一些我方的h5页面。这套业务流程大体总结如下首先约定好，app首次跳转过来是的方式，比如url外加一个token，然后h5页面拿到这个token再去通过接口校验身份的合法性。这中间呢，还可以加上相互...
2018-07-18 17:46:31
1318
1
原创 基于node的RSA加解密
RSA加解密，可加密的最长明文长度为1024bit，即128字节，但是某段明文长度小于128字节，就需要进行padding，因为如果没有padding，用户无法确分解密后内容的真实长度。由于padding的存在，占用了明文的11字节长度，最后一次能加密的明文长度就变为传说中的117字节。 附上一段运用js的rsa加解密代码： 前端加密：import { Buffe...
2018-07-18 11:02:26
1741
原创 webpack-bundle-analyzer可视化
在对应webpack.config中添加let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { plugins: [new BundleAnalyzerPlugin()]}在对应地址后面添加端口8888，即可得到一个可视化模块大...
2018-07-18 11:01:38
6407
1
原创 关于nginx前端发版配置
现有很多项目，在本地开发的时候是一个单独的项目，但是在测试或者生产环境的时候，由于服务器的限制，会有多个项目同时部署在同一台服务器上的情形。这个时候就需要在nginx的配置文件中进行相关的配置。第一种情况，整个项目会启动自己的服务，占用特定的端口。需要配置的地方如下 在http下server的外层配置upstream example { ip_hash;...
2018-07-18 10:35:22
700
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人