蓝格子.
码龄9年
关注
提问 私信
  • 博客：75,349
    75,349
    总访问量
  • 49
    原创
  • 342,666
    排名
  • 54
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：广东省
  • 加入CSDN时间： 2016-05-30
博客简介：

qq_35168861的博客

查看详细资料
个人成就
  • 获得71次点赞
  • 内容获得53次评论
  • 获得171次收藏
  • 代码片获得604次分享
创作历程
  • 5篇
    2022年
  • 17篇
    2021年
  • 28篇
    2020年
成就勋章
TA的专栏
  • js图片操作
    9篇
  • js技巧
    28篇
  • ts
    3篇
  • vue
    5篇
  • flutter
    4篇
  • js操作音视频
    3篇
兴趣领域 设置
  • 前端
    javascriptcssvue.js前端框架
创作活动更多

仓颉编程语言体验有奖征文

仓颉编程语言官网已上线，提供版本下载、在线运行、文档体验等功能。为鼓励更多开发者探索仓颉编程语言，现诚邀各位开发者通过官网在线体验/下载使用，参与仓颉体验有奖征文活动。

368人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

gulp构建工具的基本使用

gulp是前端自动化打包构建工具，基于流格式的打包构建工具官网：https://www.gulpjs.com.cn/安装：node环境gulp:全局安装： npm install gulp -g局部安装：npm install gulp --save-dev准备工作1.gulpfile.js2.初始化 package.json (npm init)常用插件gulp-concat : 合并文件（js/css）gulp-uglify : 压缩js文件gu
原创
发布博客 2022.05.12 ·
632 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

chrome插件开发基础以及如何防止劫持

谷歌浏览器插件，可以大大的扩展你的浏览器的功能。包括但不仅限于这些功能：捕捉特定网页的内容，捕捉HTTP报文，捕捉用户浏览动作，改变浏览器地址栏/起始页/书签/Tab等界面元素的行为，与别的站点通信，修改网页内容……开发文档（360翻译的）：https://open.chrome.360.cn/extension_dev/overview.html开发流程比较简单：打开开发者模式，加载扩展程序创建manifest.json文件此处指写了一部分常用的，详细的请查看文档{ "manifes
原创
发布博客 2022.03.26 ·
2170 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Typescript ---- 进阶篇

面向对象即程序之中的操作需要通过对象来完成，例如：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象在程序中所有的对象都被分成了两个部分数据和功能，这里不多比比了1、类（class）要想面向对象，操作对象，首先便要拥有对象，那么下一个问题就是如何创建对象。要创建对象，必须要先定义类，所谓的类可以理解为对象的模型，程序中可以根据类创建指定类型的对象，举例来说：可以通过Person类来创建人的对象，通过Dog类创建狗的对象，通过Car类来创建汽
原创
发布博客 2022.02.21 ·
759 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

Typescript ---- 入门篇

Typescript简介TypeScript 是 JavaScript 的一个超集,对js进行了扩展，也新增了许多新的属性TS代码需要通过编译器编译为JS，然后再交由JS解析器执行相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题同样的功能，TS的代码量要大于JS，但由于TS的代码结构更加清晰，变量类型更加明确，在后期代码的维护中TS却远远胜
原创
发布博客 2022.02.14 ·
411 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js小技巧和常见问题总结----2022-3-3更新

本篇文章是我平时工作中遇到的一些常见问题以及一些小技巧，可能比较简单，但是比较实用，记录一下，也是方便后续查找1.判断一个方法是否存在function funExists(funName){ try{ if(typeof eval(funName)=="undefined"){return false;} if(typeof eval(funName)=="function"){return true;} }catch(
原创
发布博客 2022.01.20 ·
694 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

js标签转为文本显示

假如：var str = '<img />广东第一猛男'<div class="weige"></div>需要将str插入到weige中，正常情况是这个字符串是不会显示的，但是需求是需要显示这个的方法：//标签转为文本显示 function htmlencode(str) { str = str.replace(/&amp;/gi, '&'); str = str.replace(/</g, '&lt;');
原创
发布博客 2021.11.22 ·
1817 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

storage跨页面监听事件

两个不同页面，操作其中一个页面，另外一个页面上需要实时发生改变如图：A和B是两个不同的页面，编辑A，点击添加，B页面内容也需要发生改变利用localstorage中的监听B页面打开A页面，操作A页面时，点击添加，存储一个值，监听的也是这个值：A页面：localStorage.setItem("addSpeechItem",new Date().getTime())B页面：function storageChange(key,fn,value){//key为要存储的名字，fn为触发stor
原创
发布博客 2021.11.12 ·
1013 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

flutter --url_launcher使用

url_launcher使用系统自带的浏览器打开网页dependencies: url_launcher: ^6.0.8方法：launchURL(url) async { if (await canLaunch(url)) { await launch(url); } else { throw 'Could not launch $url'; } }使用：launchURL("https://www.callmysoft.com/" )
原创
发布博客 2021.10.14 ·
772 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

flutter--webview_flutter的使用

webview_flutter在应用内置组件中加载网页dependencies: webview_flutter: ^2.0.9/// 初始化webview initWebView() { return WebView( //是否允许js执行 javascriptMode: JavascriptMode.unrestricted, //JS和Flutter通信的Channel javascriptChannels: <
原创
发布博客 2021.10.14 ·
1710 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

flutter 保存网络图片至本地

首先需要配置android\app\src\main\AndroidManifest.xml//开启读写权限 <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android
原创
发布博客 2021.09.10 ·
2194 阅读 ·
1 点赞 ·
3 评论 ·
2 收藏

flutter微信分享，qq分享

微信分享fluwx: ^3.5.0import 'package:fluwx/fluwx.dart' as fluwx;使用：初始化void initState() { super.initState(); _initFluwx(); }_initFluwx() async { await fluwx.registerWxApi( appId: '******************', doOnAndroid: true, d
原创
发布博客 2021.09.10 ·
2430 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

js版ffmpeg压缩视频以及去除背景音乐

ffmepg地址：https://unpkg.com/@ffmpeg/ffmpeg@0.9.5/dist/ffmpeg.min.js这个是网上编译好的，功能还挺多的，我自己不会编译，只能用别人的用法也挺简单的：<h3>视频前端压缩</h3><video id="output-video" controls></video><br/><input type="file" id="uploader"><p id="mess
原创
发布博客 2021.08.20 ·
4756 阅读 ·
2 点赞 ·
13 评论 ·
18 收藏

echarts旭日图数据重构处理

网上对于旭日图的数据结构处理资料很少，所以自己记录一下。首先看旭日图需要的数据结构：// 旭日图 { name: '淘宝', children: [ { name: '女装', children:[ { name:'上衣', value:22 }, { name:'裙子', value:12 },
原创
发布博客 2021.06.29 ·
891 阅读 ·
2 点赞 ·
3 评论 ·
6 收藏

在线表格编辑插件handsontable使用

记录：handsontable，在线表格编辑插件地址：https://github.com/handsontable/handsontable效果：使用：<link rel="stylesheet" href="/static/jsConversion/chartTool/css/jquery.handsontable.full.css"><script src="/static/jsConversion/chartTool/js/jquery.handsontable.ful
原创
发布博客 2021.06.24 ·
914 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

dom转图片

这段时间做了两个小功能，九宫格切图和九宫格拼图，这篇文章主要讲的就是我在九宫格拼图中遇到的问题：dom如何转成图片并下载。自己写？不可能的，这辈子都不可能自己写！一开始我用的是html2canvas,坑死人，不建议使用。推荐使用 domtoimage 地址：https://github.com/tsayen/dom-to-image使用：主要属性filter ： 过滤器节点中默写不需要的节点；bgcolor ： 图片背景颜色；height, width ： 图片宽高；style ：传入节
原创
发布博客 2021.06.02 ·
3061 阅读 ·
3 点赞 ·
0 评论 ·
9 收藏

简单的js图片加水印

简单的图片加水印原图：处理完的图片：直接贴代码，记录一下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>加水印</title></head><b
原创
发布博客 2021.04.22 ·
679 阅读 ·
3 点赞 ·
2 评论 ·
5 收藏

puppeteer的使用，网页转长图和pdf

最近做网页转换成长图和pdf的功能，一开始准备canvas做转长图的功能，在当前网页操作是可行的，但是需求是需要可以截其他网站，想法是用iframe展示网站再进行截图，但是这是行不通的，一个跨域的问题就要搞死人，更何况就算截出来效果也是不是很好的，pdf功能还实现不了，最终是决定用puppeteerPuppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行Puppeteer 是 Node.js 工具引擎Puppeteer 提供了一
原创
发布博客 2021.03.19 ·
1103 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

js验证一张网络图片是否存在

记录：function checkImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image() ImgObj.src = imgurl ImgObj.onload = function(res) { resolve(res) } ImgObj.onerror = functi
原创
发布博客 2021.03.19 ·
388 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

js模块化之requireJs的基本使用

官网文档：https://requirejs.org/什么是require.jsRequireJS的目标是鼓励代码的模块化，它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。为什么要使用require.js平时我们写js脚本的时候，javascript代码直接扔在script标签里面就完事了，反正代码不多，交互简单，逻辑不难，和HTML混在一起也未尝不可，后来交互越来越复杂，代码越多越多
原创
发布博客 2021.03.12 ·
647 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

grunt构建工具的基本使用

grunt，JavaScript 世界的构建工具，官网是这样评价的，https://www.gruntjs.net/grunt一个前端构建工具，有资源压缩，代码检查，文件合并等功能可以看着官网的文档进行学习一、环境配置grunt是基于nodejs的，所以需要一个 nodejs 环境首先要保证grunt命令可以使用，所以要先使用npm安装对应CLInpm install -g grunt-cli二、使用方法在使用grunt之前，我们需要在项目根目录下创建pakage.json和Gruntfi
原创
发布博客 2021.03.04 ·
580 阅读 ·
4 点赞 ·
2 评论 ·
1 收藏
加载更多