lyd的博客

craftjs不支持拖拽更新属性（其他框架也没有支持的），因此需要想一个折中的方案来处理。创建两个组件，一个图片盒子组件、一个图片组件，图片盒子组件只支持拖拽图片组件进入，当拖拽图片组件进入时图片盒子组件删除子组件，这样视觉效果上面相当于拖拽替换图片。

craftjs支持把整个页面存储为JSON，然后使用JSON渲染整个页面。存储的JSON数据中只包含属性、组件名、子元素、关联元素等，结构还是比较简洁的。craftjs提供了两种方法添加元素，一个是add添加单个节点，一个是添加多个节点，节点树会多出events、related、rules等信息。所以结构进行存储才能简化数据。除了上面这两种，还支持使用create方法（官方文档中并没有说明，需要看源码或者更新日志），传递的第二个参数使用回调方法来实现拖拽添加，回调函数需要返回NodeTree或者。

craft.js示例项目landing改成APP路由

最近要开发一个低代码项目，一个低代码项目技术难点都在可视化编辑器上面，由于没有充足的时间，也没有可视化页面编辑器开发技术能力，因此找到一个靠谱的可视化编辑器，基本就成功了一半。

表格头列宽度和表格体列宽度不一致，表格错乱

遇到没有头绪的报错，需要使用排除法一点一点从大范围缩小到小范围，小范围内再进行一点一点的尝试，尝试次数多了总是可以发现问题的关键点。组件的相关代码放到了组件库文件夹中，组件库的打包和项目功能文件打包不一样，因此先把组件相关代码移动到项目中尝试，结果并不能解决。用于将 es5 最终输出 es3 的 webpack 插件，如果项目需要兼容 ie8 会用到它，注释掉这个插件，结果并不能解决。组件，首先进行的是把四个页面的代码注释掉，结果还是有问题；错误，把一些没有添加分号的代码也添加了分号，结果还是出现问题。

最新搭建react项目踩坑

husky：8.0.0eslint：8.3.0lint-staged：13.0.3react：18.2.0

在vue中可以很方便的实现keep-alive功能，但是在react中却不是很方便，遇事不要慌，度娘来帮忙。react-keep-alive首先找到的是react-keep-alive，一波操作之后，发现原来显示的页面不显示了，唉，抬下去，下一个！react-activation这个真香，具体怎么使用不再介绍，请查看中文文档，使用的时候要认真查看文档，同一个父节点下，相同位置的 <KeepAlive> 默认会使用同一份缓存，要想实现多份需要增加动态id属性来区分。手动控制缓存（tabBa

项目环境create-react-app初始化babel 7.xmobx 6.xmobx-react 7.xreact 17.x项目运行npm starthttp://localhost:3000学习中遇到的问题store更新但是UI没有更新原因是mobx 6.x版本不是使用@observable，改成使用makeAutoObservable或者makeObservableCannot update during an existing state transition (

Failed PUT 403Package name too similar to existing packages;// 包名与现有包太相似，导致发布失败，修改包名再发布Failed PUT 402npm ERR! You must sign up for private packages// 自己在npm申请了一个免费Organization，当你初次发包时候会出现这个报错//...

移动端全屏视频尺寸选择(竖屏)建议选择750×1334， 或者640×1136（根据设计稿宽度选择），视频尺寸比例根据iphone678屏幕比例最好使用750×1334， 或者640×1136（但仍不完美，iphoneX等机型会出现上下黑边，华为EMUI系统出现底部虚拟键盘时视频会出现左右黑边）可以针对屏幕比例不同要求，做出不同尺寸视频来进行兼容处理视频背景颜色建议采用黑色，这样会减少...

聪明的响应式（rem）1.适合移动端响应2.配合sass使用更佳3.默认设计稿宽度7504.主要使用宽度去适配，设备尺寸和比例太多，宽高都去适配会导致页面变形import {Rem} from 'clever-rem';Rem(750);// import Rem from 'clever-rem';// Rem(750);// 两种方式都可以使...

react发布组件絮叨一下使用react半年了，一直在用react做项目，但从来没有发布过react组件。虽然会了不一定是大神，但是只要是大神就一定会，所以最近一直在研究怎么用react发布一个组件。网上很多案例教程，但是大多数项目包已经比较老旧（本文不介绍一步步初始化，搭建配置）。于是自己就捯饬起来，首先打包构建应该分两个配置文件，一种是为了开发预览使用，一个是为了发布使用。开发...

2018.1项目小结1.页面中出现放大镜效果此问题出现在iOS系统，长按出现放大镜出现的原因是有input输入框，并且字体较小（用react等构建的项目，切换状态，不是路由显示其他页面时候，在其他页面长按也会出现放大镜），解决办法是字体大于16px，rem单位的16px转化后可能无效2.长按页面出现复制-webkit-user-select: none; 禁止长