草庐IT

cnblogs_Highlighter

全部标签

记录--“非主流” 的纯前端性能优化

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助性能优化一直是前端研究的主要课题之一,因为不仅直接影响用户体验,对于商业性公司,网页性能的优劣更关乎流量变现效率的高低。例如DoubleClickbyGoogle发现:如果页面加载时间超过3秒,53%的用户会选择终止当前操作并离开网站加载时间在5秒内的发布商比19秒内的广告收入至少多出一倍同时,性能优化学习的不断深入,也同样是一个专业前端工程师的进阶之路。不过,随着HTTP/2和SSR(服务端渲染)的不断普及,早期雅虎35条中的很多内容似乎已经显得有些过时,不少纯前端的细节优化方案也逐渐被认为微不足道。但是,今天,我们依然想谈几个容易

在小程序当中渲染树

我们可以很轻松的去遍历一棵树,无论是广度优先遍历还是深度优先遍历,那么怎么在小程序当中渲染一棵树呢?先看一下我们深度优先遍历的代码functiondfs(tree){if(!tree)returnconsole.log(tree.value)if(tree.children){for(leti=0;i可以看出,深度优先遍历的算法是利用递归,判断是否此节点有children属性,如果有就再次递归。那么,我们小程序是不是可以定义一个组件,然后,这个组件接收一个object,然后在此组件内,判断object是否有children,如果有,就循环调用此组件,是不是就可以了呢?下面我们来试一试。首先,我

.NET6 开源之JSON 2 SQL (JORM框架)

什么是JORM框架?全称:Json ObjectRelationalMapping  ,它是通过JSON对象去实现数据库的一个关系映射,我理想中完整的JORM包含功能有·1、表权授权2、字段级别授权3、查询返回备注4、可以配置化5、支持丰富的SQL语法 6、数据验证7、JSON作为数据库中间语言支持多种数据库 为什么要开发JORM我们都知道ORM用起来非常舒服,都强类型,但是他的缺点很显1、对动态操作支持比较弱,很多功能都要自个封装,很难支持到函数级别2、不能支持列级别的过滤,比如A用户显示2列,B用户显示3列,像这种很难处理3、无法动态构造,这就导致了无法很好的用在工作流、低代码平台或者人工

.NET6 开源之JSON 2 SQL (JORM框架)

什么是JORM框架?全称:Json ObjectRelationalMapping  ,它是通过JSON对象去实现数据库的一个关系映射,我理想中完整的JORM包含功能有·1、表权授权2、字段级别授权3、查询返回备注4、可以配置化5、支持丰富的SQL语法 6、数据验证7、JSON作为数据库中间语言支持多种数据库 为什么要开发JORM我们都知道ORM用起来非常舒服,都强类型,但是他的缺点很显1、对动态操作支持比较弱,很多功能都要自个封装,很难支持到函数级别2、不能支持列级别的过滤,比如A用户显示2列,B用户显示3列,像这种很难处理3、无法动态构造,这就导致了无法很好的用在工作流、低代码平台或者人工

记录--一种更现代的深浅拷贝方法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助你是否知道,JavaScript中有一种原生的方法来做对象的深拷贝?本文我们要介绍的是 structuredClone 函数,它是内置在JavaScript运行时中的:constcalendarEvent={title:"前端修罗场",date:newDate(123),attendees:["Steve"]}constcopied=structuredClone(calendarEvent)在上面的示例中,我们不仅拷贝了对象,还拷贝了嵌套数组,甚至拷贝了Date 对象:copied.attendees//["Steve"]copie

记录--一种更现代的深浅拷贝方法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助你是否知道,JavaScript中有一种原生的方法来做对象的深拷贝?本文我们要介绍的是 structuredClone 函数,它是内置在JavaScript运行时中的:constcalendarEvent={title:"前端修罗场",date:newDate(123),attendees:["Steve"]}constcopied=structuredClone(calendarEvent)在上面的示例中,我们不仅拷贝了对象,还拷贝了嵌套数组,甚至拷贝了Date 对象:copied.attendees//["Steve"]copie

Cnblogs博客皮肤开发调试最佳方案

Cnblogs博客园支持自定义js来美化站点(需要申请JS权限),可以将主题托管到自己的云资源或CDN加速节点节点上。例如我的网站为www.example.com(IP或其它host),我将编译后的文件夹dist放到了网站的根目录。这样我可以通过加载https://www.example.com/dist/simpleMemory.js来加载主题:window.cnblogsConfig={info:{name:'userName',//用户名startDate:'2021-01-01',//入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间avatar:'http:/

Cnblogs博客皮肤开发调试最佳方案

Cnblogs博客园支持自定义js来美化站点(需要申请JS权限),可以将主题托管到自己的云资源或CDN加速节点节点上。例如我的网站为www.example.com(IP或其它host),我将编译后的文件夹dist放到了网站的根目录。这样我可以通过加载https://www.example.com/dist/simpleMemory.js来加载主题:window.cnblogsConfig={info:{name:'userName',//用户名startDate:'2021-01-01',//入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间avatar:'http:/

详解uniapp和vue在路由方面的不同和联系

Uniapp和Vue在路由方面有相似之处,因为Uniapp是基于Vue的。Uniapp的路由系统是通过VueRouter实现的,因此两者有许多相同的概念和API。相同点:都支持基于URL的路由;都可以使用嵌套路由来管理多个页面之间的关系;都支持路由参数和查询参数的传递;都支持路由守卫(beforeEach、beforeEnter、beforeLeave)等功能。不同点:VueRouter是针对Web应用开发的路由库,而Uniapp是为多个平台(包括小程序和H5)开发的跨端框架。因此,Uniapp的路由系统需要考虑不同平台的差异,例如小程序中没有浏览器的历史记录和前进后退功能;在使用Uniapp

详解uniapp和vue在路由方面的不同和联系

Uniapp和Vue在路由方面有相似之处,因为Uniapp是基于Vue的。Uniapp的路由系统是通过VueRouter实现的,因此两者有许多相同的概念和API。相同点:都支持基于URL的路由;都可以使用嵌套路由来管理多个页面之间的关系;都支持路由参数和查询参数的传递;都支持路由守卫(beforeEach、beforeEnter、beforeLeave)等功能。不同点:VueRouter是针对Web应用开发的路由库,而Uniapp是为多个平台(包括小程序和H5)开发的跨端框架。因此,Uniapp的路由系统需要考虑不同平台的差异,例如小程序中没有浏览器的历史记录和前进后退功能;在使用Uniapp