2021年2月25日
摘要：
主要是通过lib-flexible搭配px2rem，将设计稿中固定的px单位转换成根据屏幕大小自动计算的rem单位，达到屏幕适配的目的。 在此之前需要先搭建好react项目。接下来是安装下面的步骤配置flexible。 第一步，安装lib-flexible并在src/index.js中配置impor 阅读全文
2021年2月25日
2021年2月23日
摘要：
Vue +lib-flexible实现大小屏幕，超大屏幕的适配展示。lib-flexible是淘宝项目组开发的插件，属于开源项目，可以在各种项目（vue，react）中引入并使用，利于其将px转成rem的单位转换形式使开发者不用在根据因为分辨率不同书写更多的适配代码。 实现步骤: 1、安装lib-f 阅读全文
2021年1月26日
摘要：
需求：使用div和伪元素实现阴阳太极图 图例： 代码： <html> <head> <title>太极图</title> <style type="text/css"> div{ width: 200px; height: 100px; background-color: #ffffff; bord 阅读全文
2021年1月11日
摘要：
需求：1、将data1的数据格式转换成data_result；2、反转 实现： import percentageLine from "@/utils/percentageLine.js" 1、percentageLine(data1); const snapLine = (data) => 阅读全文
2020年12月29日
摘要：
需求： vue实现仿zTree折叠树，此文章仅作为记录文档。 实现： <template> <div class="line-tree"> <div v-for="(item, index) in treeData" :key="index" class="single-content" :clas 阅读全文
摘要：
需求：折线柱状图实现，显示不同提示，颜色，标记等等。 图例： 实现： <template> <div class="transaction-barline"> <p class="lenged-title"> <span class="single-lenged" v-for="(item,inde 阅读全文
摘要：
需求：检测并打印当前使用的浏览器类型 <script type="text/javascript"> function getBrowser(){ const str = navigator.userAgent; const list = [ {key: 'QQBrowser', browser: 阅读全文
摘要：
需求：仅记录Lsee常用变量与方法定义，便于使用。…… @color: #000; @title-color: #000; @bg-color: #fff; @small-font: 12px; @large-font: 24px; .set-layout(@f, @j, @a){ display: 阅读全文
2020年12月17日
摘要：
需求：获取树结构的节点深度。 实现util.js： // 获取节点深度 参数为树结构array function getMaxFloor(treeData){ let deep = 0; function eachData(data, index) { data.forEach(elem => { 阅读全文
摘要：
需求：在一组菜单树结构中转换数据结构（增加一些属性），并计算该树结构的节点深度。 实现util.js： function transferTreeData(arr, vm, list, level, deep={maxLevel: 0}){ if(Object.prototype.toString. 阅读全文