总访问量
Power:Hexo Theme:Coder
使用headless cms + ssr渲染框架来开发网站
使用headless cms + ssr渲染框架来开发网站
前言由于我是一名前端开发者,偶尔会接一些私单,最主要的无非就是帮人做网站了。 CMS根据以前的经验无非就是前端写完界面,然后找一个cms去套,但由于国内的cms框架(duxcms我之前一直用,dedecms.phpcms,wordpress)已经很难满足了现在的客户需求了。 比如做个网站,一开始以为做个网站就行,谁知道还要做小程序,App等等,但之前的cms都不带api,即使有写带比如wordpress,api接口也是问题多多的。 然后可以看国内开发的cms,即使的新开发新产品,也是比较保守的,还是跟以前的cms差不多,无非就多提供了api 供用户调用,然后后台操作界面交互也不咋地,所以很难找到一款非常合适的cms框架。 ​ 而我感觉国外的就比较思想超前敢冒险尝试,既然api方式通用,那我就专门做提供api和后台内容操作的cms,数据和界面教还给前端,自己爱拿什么数据那什么数据,唉什么布局怎么布局,前后分离。然后cms就专心做好内容管理和api接口的设计就可以了。 虽然这个想法早期还有点冒险,比较像这种前后端分离的spa还有有很多问题的 做网站的人很看重的seo问题 首屏加载速度问题 问题虽然有,但方向应该是对的,就看怎么解决这些问题而已。...
2019-11-25 11:15:44
Frontend-Sniper前端错误上报系统
Frontend-Sniper前端错误上报系统
前端错误监控系统服务端其实线上已经有很多监控系统了,例如fundebug。试用了一下还是挺不错的。可惜都是收费的,免费的只能创建一个项目,收费也不便宜。对于一些小公司来说很难花钱去搞,而且对小公司来说功能也不需要太复杂。一些js的报错和接口报错就可以大大加快bug的修复,和预知bug。(当上级和测试都还没发现时)所以我还是写这么个系统,是从自身需求出发吧。功能可以慢慢完善。 现在初期只实现了简单的js和接口资源报错。后期会加入UA和用户等信息以完善错误信息追踪错误。对服务端还是新手所以代码质量….graphql也是试手。但好在错误监控系统一般内部人使用,独立不影响线上项目和用户。所以大胆地使用吧。...
2019-10-21 08:57:01
重复多条记录问题
重复多条记录问题
mysql group by 和 order by 一起用失效我自己写了一个前端错误监控系统。 前端有各种报错,后台就会自动发邮件通知、 这里就会遇到同一个错误可能很多人遇到,或者同一个人遇到很多次。 这样同一个错误就会有很多次报错。 当管理员进入后台时,看到很多同一个错误的报错,这很明显不人性化。 于是我就设计成,同一个错误的合并,只显示最新那个。 一开始sql写法为...
2019-10-21 08:52:53
使用HTTPCODE替换自定义CODE
使用HTTPCODE替换自定义CODE
前言现在的开发基本都是前后端分离的项目,既解放了前后台各自的生产力(后台专注写业务给出数据就行,再也不用管前端UI的事。前台专注于写UI拿数据就行,再也不用跑后台服务,不用打开eclipse了)又可以一套代码兼容多个项目:APP,网页,微信,微信小程序等。 但在开发的过程中发现了,现在后台普遍用了自定义code去判断接口的成功失败信息。而http code则变成鸡脖,除非是服务器蹦了之外,其他一律返回200成功。为什么会有这个现状呢?具体不是很了解啊,据说是以前IE上有些http code报错会导致IE一些问题。不知道是不是,知道的可以给我科普下。 而在开发中使用自定义code也并没有什么问题,例如我们的项目一般接口返回的response信息完整结构:...
2019-10-21 08:47:58
SPA框架微信开发JSSDK填坑记录
SPA框架微信开发JSSDK填坑记录
...
2019-10-21 08:44:58
Flex 布局问题汇总
Flex 布局问题汇总
前言flex布局使用起来很方便\n而且现在的浏览器也基本支持了大家可放心用起来。但用了flex总会有一些小问题这里总结下再使用flex时遇到的问题:...
2019-10-14 16:24:03
H5、微信开发video填坑
H5、微信开发video填坑
ios系统下,视频播放默认全屏播放 加上x5-playsinline=""; playsinline=""; webkit-playsinline="" ...
2019-10-14 16:22:50
REM自适应
REM自适应
designSize=640 为设计稿大小 htmlFontSize=100为当设计稿为640px时html font-size为100px (建议默认100,因为好换算,10也可以,但pc有些浏览器会不支持12px以下字体,所用100最安全) 此时1px=0.01rem; (function(doc, win, designSize,htmlFontSize) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1, dpr = window.top === window.self ? dpr : 1, //被iframe引用时,禁止缩放 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; docEl.dataset.dpr = dpr; var recalc = function() { var width = docEl.clientWidth; if (width / dpr > designSize) { width = designSize * dpr; } docEl.dataset.width = width; docEl.dataset.percent = htmlFontSize * (width / designSize); docEl.style.fontSize = htmlFontSize * (width / designSize) + 'px'; }; recalc(); if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); })(document, window,640,100); ``` "...
2019-10-14 16:14:57
小程序开发-使用editor组件替换第三方富文本组件
小程序开发-使用editor组件替换第三方富文本组件
小程序富文本问题因为小程序用的不是html标签,,所以市面上的富文本编辑器都不适用,自己改起来也麻烦,大多都是小程序嵌入webview方式解决的富文本编辑框来实现,局限比较大。 还有个问题就是渲染富文本内容也就是html,前期哟很多第三方组件解决了这个问题 ,例如:htmlparse 等,但大多这些第三方组件也只是解决富文本的的渲染问题,而且性能也较大问题,编辑富文本一直是一个硬伤。最近期小程序推出了editor组件,就能基本解决以上问题,代替市面上第三方的关于小程序富文本插件。 本文就主要讲解下怎么用editor组件,封装一个自定义的富文本组件,既可以渲染html富文本,又可以变成富文本编辑框。...
2019-10-09 00:44:19
产品经理使用git发布/部署Axure原型
产品经理使用git发布/部署Axure原型
前言工作了几年了,也和不少产品打过交道发现了和产品交流上的一些问题,就是axure原型分享。 产品做完原型就要发给老板,设计师,开发看,每人发一份。然后后面原型有修改或添加之类的,又要重新每人发一份,别人又要经常接受一份。 看似很正常的传统工作流程,但效率有点低,而且接受的人,接受了多个版本以后会经常弄混乱,没有整理的人还要每次去找产品经理发的 原型放在了哪里?哪个才是最新的版本。 下面就介绍下git来解决以上问题。...
2019-09-10 09:14:14
小程序开发-PC网页端扫小程序码登陆解决方案
小程序开发-PC网页端扫小程序码登陆解决方案
最近做了一个小程序我爱阅读,是一款针对小学生阅读习惯培养的一个小程序工具,有兴趣的可以了解下。 小程序在学校反映不错,于是有了老师提出需要PC网页端的需求。因为老师平时办公一般在电脑上,在电脑上给学生布置阅读作业,会更方便得多,而移动小程序端对于老师来说更像一个辅助工具,平时用不到电脑时可以通过小程序操作。而且学生的阅读数据再网页展示也方便老师在课堂上给学生投影展示。 于是乎就有了网页端的需求。...
2019-09-10 09:13:14
小程序静态资源无缝转移到腾讯云COS 使用wepy mpvue 等webpack打包的小程序项目
小程序静态资源无缝转移到腾讯云COS 使用wepy mpvue 等webpack打包的小程序项目
今天介绍的工具是wecos 原生小程序 原生的小程序直接根据wecos的文章操作即可,wecos提供了上传本地资源文件到cos、替换小程序的引用本地路径为上传路径等。 这里不作详细说明,主要介绍webpack打包的小程序项目。 因为原生写起来很不方便。...
2019-02-10 09:13:14