- 博客(18)
- 资源 (14)
- 收藏
- 关注
RSS订阅
原创 vue+node+mongoDB前后端分离个人博客(入门向)
最近学习了VUE，自己为了学习做了个小小的博客，功能很简单，不过开发过程中也遇到了很多坑，所以记录下来方便以后使用。欢迎大家交流学习。功能实现了用户注册、登录、token检测登录、用户留言、个人中心、图片上传、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。前端使用vue全家桶（cli,router,vuex,axios），框架用的element...
2018-08-12 15:51:03
2579
1
原创 flutter初探
这两天看了下flutter，感觉这两年可能会爆发，所以尝试在mac和win10上面跑了下hello world…移动技术简介原生开发跨平台技术简介H5+原生（Cordova、Ionic、微信小程序）通过原生的网页加载控件WebView (Android)或WKWebView（ios）来加载。我们称这种h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应用或...
2019-03-27 22:44:18
521
原创 electron热更新与windows下的安装包
帮朋友公司做了点东西，他说有很多bug，我一看，基本问题都是浏览器兼容引起的，而electron内带Chromium内核，正好一直想尝试下electron,所以研究了一波。这里只是简单的使用electron作为壳，把自己的项目嵌进去，更多深入研究以后再来。打包自己的项目这里没啥说的自己的项目打包下来,类似下面快速开始electron上手electron，官方提供了一个非常好的快速上...
2019-01-31 21:41:43
3293
原创 webpack-ts-react-dva脚手架
2019有太多的东西想尝试，ts,GraphQL,SSR,docker,python,electron,小程序云后台,vue3等等,一个个来吧,用两天了解了下typescript,大概做了个webpack-ts-react-dva的脚手架出来,因为接触TS的时间才几天，所以有些地方的代码自己都觉得写的很丑，老司机请多指教是在半年前 webpack4构建react脚手架 基础上修改的，这样...
2019-01-31 21:38:31
1479
原创 新玩具，React v16.7.0-alpha Hooks
周五看见React v16.7.0-alpha Hooks，今早起来看见圈里已经刷屏了Hooks，正好周末，正好IG和G2的比赛还没开始，研究下。。。刚刚接触react时候非常喜欢用函数式组件，因为太简洁了写起来非常快，然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢，因为自己当时写的时候考虑的不周到，后期发现很多地方都需要生命周期和状态来进行渲染优化，然后就是大量修改函数式为...
2018-10-27 15:19:07
440
原创 antd在线换肤定制功能
最近react项目，用的antd框架，然后看见他的antdPro例子里面有个定制功能很帅，老大说做，那就做吧，鼓捣了一晚终于实现了。先看预览效果吧css换肤入行前端的时候经常看鱼哥(张鑫旭)的博客，记得看过 这篇 ，当时很惊叹，原理其实很简单，就是我们最能想到的方式，多个css，然后用JS替换从而达到换肤效果。但是这个有局限性，比如我们用的是antdUI库，我们不可能每个颜...
2018-09-13 21:17:46
7696
4
原创 webpack创建library及从零开始发布一个npm包
最近公司有个需求，我们部门开发一个平台项目之后，其他兄弟部门开发出的插件我们可以拿来直接用，并且不需要我们再进行打包，只是做静态的文件引入，研究一波后发现，webpack创建library可以实现。创建library完整代码核心代码为 output: { path: DIST_PATH, publicPath: "", ...
2018-09-04 20:30:46
1465
原创 react性能优化
刚开始写react可能只是写出来完成业务就完了，后期审查代码发现可能很多地方其实都可以优化，之前可能有些地方似是而非，在此小结一下。一些概念Virtual DOM react引入了一个叫做虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。...
2018-09-01 09:26:16
4253
原创 CSS Grid布局入门
相信大家都比较熟悉flex布局了，最近有空研究了波grid布局，感觉虽然兼容性还不是太高，应用不是太普遍，但是功能非常强大。未来应该是grid+flex为主流，grid是二维布局，很灵活，适合整体构架，而flex是一维布局，适合处理局部细节。介绍CSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。 这是一个二维系统，这意味着它可以同时处理列和行，不像 fl...
2018-08-16 09:29:16
241
原创 map、reduce处理数据结构及常见案例
随着三大前端框架和小程序的流行，MVVM大行其道，而其中的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启下作用，因此处理数据结构就变得非常重要了。前端发展的历史在上个世纪的1989年，欧洲核...
2018-08-12 15:38:27
913
原创 WIN10下搭建react-native开发Android环境
最近公司要求使用react-native进行移动端开发，据说macOS上开发坑会少的多，但我们是windows，莫法，直接抗吧！周末配置环境遇到很多问题，谨以此文做个记录。。。准备安装Chocolatey Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get 以管理员的身份来运行命令提示符 打开C盘里的Wind...
2018-08-12 15:28:03
528
原创 node使用JsonWebToken 生成token,完成用户登录、登录检测
最近在用node做后台的登录，检测登录功能。在本地使用session可以成功，但是放服务器后发现session失效了，每次请求session都会变化，着了很久原因。原来，自己项目是前后端分离的，前端调用后端api接口，因此使用cors = require('cors')来解决了跨域问题，而跨域对于cookie来说，就是两个不同的网站，因此session会不停的变。起因最近在用nod...
2018-08-12 15:25:00
20618
8
原创 vue-router和锚点冲突问题
传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用’#’进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果不使用原生锚点，使用这种方式解决import '../static/js/animation.js'import '../static/js/tween.js'<a href="javascript:;" @c...
2018-08-12 15:23:16
1171
原创 centos7安装MongoDB3.4
1.配置MongoDB的yum源创建yum源文件： vim /etc/yum.repos.d/mongodb-org-3.4.repo添加以下内容：[mongodb-org-3.4] name=MongoDB Repository baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3....
2018-08-12 15:20:00
212
原创 小程序https请求，http网站升到https
最近开发小程序，因为以前只写过小程序的前端没注意接口，现在才发现原来所有的接口都必须使用https协议了，马上研究了一波，顺便也想给自己的博客升成https的。申请免费证书哈哈没办法就是喜欢免费的。。。真是煞费苦心找了很久。。还是找到咯https://freessl.org/进去有两个选项，一个亚洲诚信的（一年），一个let’s encrypt（3个月）,我选的亚洲诚信的...
2018-08-12 15:17:26
5626
原创 react组件的创建
最近项目接触react和rn，之前会一些vue和小程序，起初写react是很难受的，尤其是jsx的写法，不过2周过后感觉写起来有点舒服了。。。目前react的组件一共有3种方式：React.createClass,React.Component,函数式React.createClass(API已经移除) 这是早期react组件的创建方式，如果你看的文章是几年之前写的，很...
2018-08-12 15:12:07
169
原创 vue打包优化
网站首页第一次加载很慢，优化过后从十多二十秒缩短到了几秒，主要是打包的时候按需加载了，然后使用了gzip压缩。这是优化之前的 发现vendor特别大，所有引用的第三方库都会打到这个包里面;另外就是之前打包没有做懒加载处理，所有组件都会打包进app.js； 优化主要考虑3方面分包修改router//这是以前的引入方式import CommonLayout from...
2018-08-12 15:05:44
1021
原创 webpack4构建react脚手架
`create-react-app` 脚手架还没有更新到webpack4，但是猛然间发现webpack4已经到 **v4.12.0** 版本了！！！慌得不行，正好端午有空所以研究了一波，自己搭建了一个简单的react脚手架。实现本地代理,cssModule,css预处理,postCss,文件压缩等常用的功能
2018-08-12 14:59:26
696
vue+node+mongodb博客
2018-08-09
动态创建script标签,设置async=false后，依然不能做到同步执行，怎么解决
2022-11-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人