大前端 - 随笔分类 - 网无忌

记录一个在js环境生成随机（伪造）数据的小插件，方便生成调试数据

摘要：插件名称：faker 官网地址：https://fakerjs.dev/ 安装插件 # npm npm install @faker-js/faker --save-dev # yarn yarn add @faker-js/faker --dev 工具封装 dataGener.js： import 阅读全文

posted @ 2024-04-08 10:59 网无忌阅读(291) 评论(0) 推荐(0)

使用Puppeter实现的全屏网页截图的小工具

摘要：screenshots A small tool based on Nodejs environment, using Puppeter to take full screen screenshots of any webpage 1. 简介一个基于Nodejs环境的小工具，使用Puppeter对阅读全文

posted @ 2024-03-27 17:05 网无忌阅读(370) 评论(0) 推荐(0)

在 uniapp 项目中集成 echarts 图表

摘要：1. 项目结构 2. 获取 ECharts 库文件 ECharts在线构建下载后重命名为：echarts.full.js / echarts.full.min.js 3. 获取 ECharts 地图数据点此下载下载后移动到项目结构目录的 geo 位置 4. 编写 ECharts 组件 <tem 阅读全文

posted @ 2023-10-27 16:31 网无忌阅读(1284) 评论(0) 推荐(0)

javascript的模块化封装技巧：同时支持AMD和原生直接引用

摘要：并不是什么新鲜东西，很多JS库都使用这种方式进行模块化封装，便于各种情况下的引用。假设开发完成的JS库（模块）：myjssdk.js，使用原生及AMD的引用方式如下： 1、原生方式： <script src="//www.test.com/myjssdk.js"></script> 2、AMD方式阅读全文

posted @ 2021-12-13 22:33 网无忌阅读(341) 评论(0) 推荐(0)

移动应用开发的N种模式

摘要：移动端的开发技术真是发展的太快了，老人家已经跟不上脚步了。趁着还有点一知半解的基础，整理一下思路，紧走几步，否则一个大浪打过来，真就被拍在沙滩上了。做完图，看来这个 Flutter 是不得不研究一下了。就是不知道 Flutter 以后会不会支持我大鸿蒙啊阅读全文

posted @ 2021-12-12 22:05 网无忌阅读(77) 评论(0) 推荐(0)

关于web桌面应用的集成解决方案

摘要：背景毫无疑问，面对一个新的项目需求，我们首先想到的就是web。确实，web太方便了，基于浏览器对OS的适配，我们可以很快速的实现某个需求的页面UI，而无需考虑OS的兼容差异。再经过jq、bootstrap、vue等框架（库）的加持，web简直太酷了！但浏览器（主要是V8）在成全web起飞的同阅读全文

posted @ 2021-09-25 16:53 网无忌阅读(969) 评论(0) 推荐(2)

CSS Grid网格布局（转）

摘要：概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可以指阅读全文

posted @ 2021-09-08 17:12 网无忌阅读(324) 评论(0) 推荐(0)

JavaScript中子函数访问外部变量的方法

摘要：我们在写web页面时，肯定会经常遇到下面这种情况： <body> <div class="btns-wrapper"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 阅读全文

posted @ 2021-06-26 22:24 网无忌阅读(1073) 评论(0) 推荐(0)

在H5 App中实现自定义Token的注意事项

摘要：我们在写Hybird App时，一般都是利用Token来代替Cookie实现用户会话。如果是发布成app的话，由于app自带了webview环境，运行时与后端服务器的关系相当于Server 2 Server，因此一般不涉及跨域的问题。但如果发布成H5 App的话，因为是直接在终端的浏览器里运行，阅读全文

posted @ 2020-03-27 11:50 网无忌阅读(1721) 评论(0) 推荐(0)

【 vue / uniapp 】定制自己的字体图标库，兼容 H5 / App / nvue

摘要：一、创建线上图标库：登录阿里巴巴矢量图标库：https://www.iconfont.cn 创建项目，注意认真填写其中的 Font Family，在引用字体图标时将使用这个名称。然后，从网站上挑选合适的图标，逐个将其添加到项目中。二、图标库转码在图标库中，点击下载至本地，得到一个压缩包文件阅读全文

posted @ 2020-02-29 22:51 网无忌阅读(764) 评论(0) 推荐(0)

【 vue / uniapp 】延迟加载数据的特殊处理

摘要：在用vue实现一个无限层级的树型结构时，遇到了这个问题。页面结构如图：其中，父页面的处理逻辑：步骤一：引用并挂载组件，同时向组件props传递树型JSON列表数据（this.list），当然这时候的 this.list 还只是一个空数组。步骤二：在 onload 事件中从服务器获取树型JSO 阅读全文

posted @ 2020-02-18 21:06 网无忌阅读(4424) 评论(0) 推荐(0)

【 vue / uniapp 】为data中的对象动态增加属性

摘要：首先要明确一点：vue不支持在实例创建之后为对象动态增加属性。意思就是说，如果想动态增加对象属性，那么用常规方式是不可以的，只能通过特殊方式。图中，有三种对象： 1、obj：一级对象 2、subObj：二级对象 3、{ caption: '...' }：数组中的对象元素如果先不考虑之前的那条知阅读全文

posted @ 2020-02-18 17:05 网无忌阅读(13518) 评论(1) 推荐(0)

常用的npm命令

摘要：npm ls -g 列出全局安装的所有模块 npm ls webpack -g 查看全局安装的模块版本信息 npm view webpack versions 查看npm服务器上的全部版本信息 npm view webpack version 查看npm服务器上的最新版本信息 npm install 阅读全文

posted @ 2018-07-06 23:15 网无忌阅读(212) 评论(0) 推荐(0)

随笔分类 - 大前端