- 博客(31)
- 收藏
- 关注
RSS订阅
原创 前端公用模块管理（多项目之间）
遇到的问题：公司并行开发的三个前端项目A,B,C。其中B项目和C项目需要用到A项目里开发的系统管理模块common。一方面系统管理模块有很多页面。不想总是复制粘贴，会很麻烦。另一方面对于后期这个共有模块的修改，每次修改都需要更改好几个项目。也会很麻烦。所以打算实现如下功能：多项目之间代码相互独立，互不干扰。公用代码只在一处管理。可以实现一处更新，其他项目能够以最少工作量来完成共有代码的更新。下面是我在查询，实践过程中总结的几个方法以及适用范围，希望可以帮助到大家。方法一：svn管理公共代码这个
2022-03-15 11:34:05
4228
原创 微信公众号web页面开发遇到的那些坎——微信授权登陆
首先本次开发用到了vue作为本次前端开发框架，weui作为前端UI框架。设计思路无论用户进入哪个页面，都要进行身份的认证。具体的身份认证流程如下图所示。页面之间逻辑如下图所示：需要注意的坑坑1：在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写...
2019-05-08 15:46:34
608
原创 Vue和React的比较区别
在工作中，经常会有人问我Vue和React的区别，他们的优缺点，在真正开发过程中，到底用哪个框架比较好？其实我也不知道，然后这段时间看了许多文档，也还是有很多地方没看懂，以下只是自己消化理解的一些Vue和React的区别联系：1. 数据React:单项数据流Dom元素渲染依赖于state,但改变State并不会影响或者改变渲染出的Dom元素。只有通过setState才能重新走渲染流程。Re...
2018-10-25 10:30:14
5803
原创 node版本管理工具nvm安装和使用
公司的前端项目使用的node版本是10.11.1比较老的版本，但是新开发的项目需要使用vue3+vite+electron,需要使用较新的node版本。综上决定研究研究nvm对node进行切换管理。有相同需求的朋友希望下面的文章可以帮助到你们。借鉴了一些博主的文章，在文章里也总结了一些新手容易出的错误。
2023-06-06 12:10:04
1513
1
原创 git学习
git branch -v //查看当前几个分支git branch <分支名称> //创建分支git checkout <分支名称> //切换分支git merge <需要合并的分支名称> //将需要合并的分支合并到当前分支上。
2023-06-02 11:27:14
722
原创 ftp服务器搭建
一，vsftpd的安装1.为了方便后续的配置建议用root登录。或者切换到root用户。2.检查是否安装vsftpd。[root@localhost ~]# vsftpd -v如果没有安装使用yum安装。[root@localhost ~]# yum -y install vsftpd3.安装完成后,查看位置[root@localhost ~]# whereis vsftpdvsftpd: /usr/sbin/vsftpd /etc/vsftpd /usr/share/man/man
2022-04-14 19:03:28
1616
原创 vue查漏补缺（二）-mixins
是什么：vue.js混入用来定义一部分可复用的方法和计算属性，直接插入任意组件选项使用。当你写好你的程序构造器组件的后，需要额外增加一些方法或者是需要建造临时的功能的时候使用，会大大的减少代码量。建造好vue.js混入后还可以在其他地方时候，实现了代码的重用。与vuex的区别经过上面的例子之后，他们之间的区别应该很明显了哈~vuex：用来做状态管理的，里面定义的变量在每个组件中均可以使用和修改，在任一组件中修改此变量的值之后，其他组件中此变量的值也会随之修改。Mixins：可以定义共用的变量，在
2022-04-10 16:24:16
273
原创 vue查漏补缺（一）-computed和watch区别：
**一、使用**1.computed使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Computed属性购物差演示</title> <!--<script src="vue.js"></script>--> <script type="text/javascr
2022-04-10 13:48:58
1158
原创 Scss系统学习
1.Sass是什么？Sass是css的预处理工具，相较于css，可以清晰，结构化的表述css样式，同时在css的基础上添加了变量，嵌套，混合等功能。更加完善了css的代码管理，提高css复用性，提高开发效率。2.Sass的使用vscode下载插件 Live Sass Compiler一般vscode安装都会自己下载。新建Sass/Scss文件编译监测：点击“Watch Sass”将生成对应的css文件。生成对应的css代码如下：.Sass变量和嵌套使用：变量允许字符串、数字、颜色值、布尔值、
2022-03-25 11:11:21
317
原创 Babel的使用
Babel是什么？Babel 用通俗易懂的话来解释，就是一个js的编辑工具，可以将新版本的js（比如es6）编译成旧版本或者说是兼容性更好的js。解决es6的兼容性问题。下面是Babel的官网：https://www.babeljs.cn/docs/index.htmlBabel如何使用？说完了Babel是用来干什么的之后，我们来梳理一下Babel的使用流程。具体分为以下几个步骤：安装node.js（可以到node的官网上去下载对应的版本，这里不再赘述了）Babel依赖包需要运行在Node.js的
2022-03-20 22:48:20
1390
1
原创 解决docker日志文件太大导致磁盘沾满问题
问题：前几天跑了个模拟的实时监测数据。数据大小为频率为3450字节/秒，同时模拟50个设备发数据。结果今天发现emqx服务器崩掉了。emqx也无法启动，查看原因是磁盘使用100%。没有空间了。测试服务器磁盘大小100G。1.通过命令查看文件大小，磁盘使用情况：通过命令du -h –max-depth=1 *，可以查看当前目录下各文件、文件夹的大小，这个比较实用。同样，通过命令du -h –max-depth=0 *，可以只显示直接子目录文件及文件夹大小统计值。结果是docker容器的influxd
2021-11-18 15:30:18
2689
1
原创 云服务器部署多个项目-tomcat
一个阿里云服务器想要部署多个项目时应该如何完成，以下是个人的一些小结，希望可以帮助到大家。方法一：服务器运行多个tomcat1. 修改/etc/profile文件需要在文件中添加多组CATALINA环境变量（有几个tomcat就添加几组）####第一个Tomcat####export CATALINA_BASE=/usr/local/tomcat/apache-tomcat-8.5.6export CATALINA_HOME=/usr/local/tomcat/apache-tomcat-8.5
2020-07-09 17:53:55
1515
3
转载 【VUE】图片插件-预览，缩放，滑动
【VUE】图片预览的三个插件分别是viewerjs插件、基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件。除了第三种vue-picture-preview插件只有预览和切换上下张功能，另外两种都有放大和缩小（包括手势）以及其他功能。还是蛮好上手的插件。第一种：viewerjs使用介绍1、先安装依赖npm install v-viewer --save2、main.js内引用并注册调用//main.jsimport Viewer fr
2020-05-12 11:09:26
1686
1
转载 学习积累——BFC
今天在看文章的时候看到了一篇“为什么‘’overflow:hidden"能清除浮动的影响”的文章，作者的理解很到位讲解也很仔细。这篇文章也提到了一个我以前不怎么接触的概念“BFC”。也解决了我之前很多困惑，比如margin合并问题、overflow:hidden能清除浮动等。BFCBFC（Block Formatting Context），块级格式化上下文，它规定了内部的块级元素的布局方式，默...
2019-10-14 14:29:09
241
原创 HTTP协议转HTTPS协议-ssl证书部署
问题：最近公司在开发小程序，小程序需要调用一个公用的web报告页面。但是网页的域名是http协议，但是小程序嵌套的页面只支持https。所以需要配置一下网站域名。1.获取SSL证书登录阿里云后找到SSL证书（应用安全）——>购买证书——>免费型DV SSL购买完证书后在点击——>证书申请 填写需要绑定的域名 ——>下一步验证信息后，等待审核。审核通过后会在已签发中...
2019-10-10 16:48:04
816
原创 格子衬衫女孩的爱情
今天耳边的音乐响起了莫文蔚的《慢慢喜欢你》，我觉得这首歌承载了我对爱情的所有美好，普普通通，简简单单，相互关心，我希望的爱情从来不是什么海誓山盟，也从来不是惊天动地，就是这样简简单单，我觉得爱就是这样，一直在我们的生活中，用着一点一滴生活小事，一次又一次的感动我们。...
2019-08-29 14:34:26
159
原创 浏览器工作原理（一）
一、浏览器如何将一个页面的url转换成屏幕上的页面展示在我们眼前的？过程如下展示的几个步骤：浏览器首先使用 HTTP 协议或者 HTTPS 协议，向服务端请求页面把请求回来的 HTML 代码经过解析，构建成 DOM 树,DOM 树的构建过程是一个深度遍历过程：当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。将CSS解析成 CSS Rule Tree；根据DOM树和CS...
2019-08-27 16:26:59
177
原创 微信JSSDK分享缩略图片在IOS中不显示的问题--已解决
说明：项目前端框架vue,解决问题：微信JSSDK分享缩略图片在IOS中不显示，在安卓中显示正常。1.在基本配置中，获取AppID,并配置IP白名单2.设置js接口安全域名（坑一！！！遇到的第一个坑就是只配置了业务域名，以及网页授权域名，没有配置JS接口安全域名，导致前端一直报错invalid signature）3.安装微信sdk安装npm install weixin-js...
2019-05-30 17:54:35
6997
6
原创 学习--语义标签
HTML 这种语言，并不像严谨的编程语言一样，有一条非此即彼的线。一些语义的使用其实会带来争议，所以我的建议是：你可以尽量只用自己熟悉的语义标签，并且只在有把握的场景引入语义标签。这样，我们才能保证语义标签不被滥用，造成更多的问题。还有就是因为视觉效果而改变标签的本来含义！aside表示左侧侧边栏article表示明确独立性的文章主体hgroup表示一个标题组，里面包含h1-15,表示一个...
2019-02-28 11:06:43
291
原创 vue中css样式管理
1. Vue中scoped属性的渲染规则：给DOM节点添加一个不重复的data属性（比如data-v-7ba5bd90）来表示他的唯一性在每个CSS选择器末尾（编译后生成的CSS）加一个当前组件的data属性选择器（如[data-v-7ba5bd90]）来私有化样式。选择器末尾的data属性和其对应的DOM中的data属性相匹配子组件的元素上有一个类已经在这个父组件中定义过了，那么这个父组...
2019-02-21 17:44:45
16855
1
原创 2019年猪猪女孩要变得更好一点！
2018年是一个特殊的一年，在这一年里经历了很多事，也真正明白了很多道理，实习，毕业，工作经历了这一年，我也真的明白很多事情永远没有自己想的那么简单，懂得真的不是你对别人好，别人就会对你好，小的时候姥姥总教我吃亏是福，但是结果才发现别人只会把你的忍让当成你这个人傻，当成理所应当。但是我也很庆幸自己身边也有好多帮助我，照顾我的人，在我徘徊彷徨的时候给我指点的朋友和同事。当然在过去工作的半年里，也认识...
2019-02-14 13:14:57
331
3
原创 React-redux的学习心得（一）
实不相瞒对于我这样的前端小白，去年用到React开发项目的时候也看过React-redux但是说实话没有看他懂，后来用到的框架就是Vue所以没怎么研究React但是最近一直听移动端的朋友说到React-Native所以想重新看看react-redux再看看React-Native。没错我就是这么个善变的女人，哈哈哈，言归正传。首先我觉学习react-redux的前提是知道什么是react-red...
2018-12-29 14:57:09
190
1
转载 前端框架Angular React 和 Vue的比较
前端这几年的技术发展很快，细分下来，主要可以分成四个方面：1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前...
2018-11-22 09:25:08
404
原创 js遍历小结
一、数组遍历方式：1.for循环这个算是最长接触的数组遍历方式，这里不多说，但是补充的一点就是for循环的优化。上例子！优化前 var arr=[1,2,3] for (var i=0;i<arr.length;i++) { console.log(arr[i]) }优化后 var arr=[1,2,3] for (var i=0，len=arr.len...
2018-11-09 16:05:13
380
原创 React UI组件库
国外bellereact-bootstrapbootstrap 4grommetelemental uiSemantic UImaterial-uiElastic UI framework国产Ant DesignAmaze UI React有赞微信
2018-10-26 12:37:09
1057
转载 vue UI组件库
1、VuetifyStar 数为 11K，提供了 80 多个 Vue.js 组件，这些组件是根据谷歌 Material Design 指南实现的。Vuetify 支持所有平台上的浏览器，包括 IE11 和 Safari 9+（使用 polyfill），并提供了 8 个 vue-cli 模板。地址： https://github.com/vuetifyjs/vuetify2、QuasarSt...
2018-10-26 11:23:43
323
原创 前端面试小结
1.Html5新特性（canvas、高德地图、前端数据缓存技术cookie\session\localstorage\sessionstorage\indexedDB\webSQL）2.CSS常考知识点总结① Css动画② Css选择器③ 盒模式（用盒模式画出倒三角什么的）④ flex栅格布局⑤ grid布局⑥ 响应式（媒体查询）⑦ 浮动相关的内容（原理、脱离文档流、清除浮动的方法...
2018-09-30 16:41:28
188
转载 git下载，安装，以及使用
git下载安装以及使用以及常用命令小结1、git下载安装 下载Git,官网地址：https://git-scm.com/,进入官网首页在右下方的显示器中找到最新的版本下载，点击下载，跳转到下载页面下载完成2.安装Git双击刚刚下载完成的安装文件，打开安装设置界面，点击“Next”选择安装目录，点击“N...
2018-09-30 16:38:07
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人