- 博客(34)
- 收藏
- 关注
RSS订阅原创 VSCode 安装Flutter 教程
1.flutter run 报错，需要以--no-sound-null-safety 模式运行才不会报错。需要解决visual studio的问题， 官网下载visual studio, 在安装的时候勾选如下。打开 android studio -> tools -> sdk Manager。在桌面新建一个.bat的文件， 在文件里面添加如下命令，即可启动虚拟设备。安装android sdk 并设置安装位置，之后耐心等待安装即可。a.进入到相对应的flutter的文件下。等安装好后， 添加环境变量。
2022-09-28 08:35:42
5354
1
原创 前端 网络安全，预防攻击
XSS 分为三种：反射型，存储型和 DOM-basedXSS 通过修改 HTML 节点或者执行 JS 代码来攻击网站。例如通过 URL 获取某些参数上述 URL 输入可能会将 HTML 改为 ，这样页面中就凭空多了一段可执行脚本。这种攻击类型是反射型攻击，也可以说是 DOM-based 攻击。也有另一种场景，比如写了一篇包含攻击代码 的文章，那么可能浏览文章的用户都会被攻击到。这种攻击类型是存储型攻击，也可以说是 DOM-based 攻击，并且这种攻击打击面更广。如何防御最普遍的做法是转义输入输出
2022-06-27 16:07:52
986
原创 vue-cli 项目优化
1.路由懒加载2.关闭productionSourceMap3.使用resolve4. 删除预加载5.开启gzip压缩CompressionPlugin6.优化loadshLodashModuleReplacementPlugin7.使用cdn加速
2022-05-24 18:18:54
1143
原创 企微开发- H5应用
由于近期要做企微开发，但是企微文档有些简洁。过程中也遇到很多问题，还必须要在可访问的域名在企微里面才可以调试。遇到的问题都只能自己靠猜去处理，还要页面打断点，alert去调试。。开发困难，调试困难.....所以写下此文档。给所有的企微开发人员做个参考。主要用JS-SDK开发H5应用开发环境： vite+ vue3 + ts + less1.SDK引入1、需要引入两个sdk文件，在index.html文件中<script src="//res.wx.qq.com/open/js/jw
2022-05-10 13:45:13
4286
1
原创 JAVA基础学习- 多线程
1、线程的基本概念程序：是一段可执行的静态代码进程：程序的一次动态加载过程（将程序加载到内存时，此时程序就转换为了进程）线程： 进程可进一步细化为线程，是一个程序内部的一条执行路径，线程不能独立存在，必须依附于某个进程一个Java应用程序，至少有三个线程：main线程，垃圾回收线程，异常处理线程多个线程共享进程的堆和方法区资源，但每个线程有自己的程序计数器、虚拟机栈和本地方法栈2、使用多线程的优点优点在于充分利用了CPU的空闲时间片，用尽可能少的时间来对用户的要求做出响应
2022-05-10 11:19:28
344
原创 ICMP 协议详解
1. ICMP 是啥ICMP，全称是 Internet Control Message Protocol，即互联网控制报文协议，所谓控制，就是通过下发指令来感知和控制网络环境，所以它一定是配合一个无法感知网络环境的协议来工作的，这个协议就是 IP(包括 IPv4 和 IPv6)。所以，ICMP 通常被认为是 IP 协议的一部分，它封装在 IP 层中，使用 IP 协议进行传输。因此，严格来说，ICMP 既不是一个网络层协议，也不是一个传输层协议，而是介于两者之间的一个协议。它的主要功能是传输网络诊
2022-03-10 09:18:29
33946
2
原创 IP协议详解
一、IP协议1. 简介转存失败重新上传取消相比之前讲的ARP协议，IP协议无论对于普通用户还是对于工程师而言，大家都要熟悉得多。无论如何，经过这些影视剧和各路媒体的熏陶，最普通的民众也知道以下这些常识=>①IP就是一张身份证，存在于电脑、手机、监控摄像头、汽车等任何需要联网的设备上面；②IP是可以被追踪到和定位的，无论是网上发帖造谣生事或通过黑客技术攻击别人，所做的事情都会基于IP和其他ID信息被服务器记录下来，然后"阿sir"就可以追踪并抓到你。当然，作为工程师，我们
2022-03-09 19:00:25
5084
原创 vite+vue3+typescript 搭建项目框架
最近为了挑战自己，接到公司任务，说要写一个新的系统，心血来潮。就打算用新的技术来搭建一个项目框架。选用了vite + vue3+typescript+vant 来搭建。以下是自己一步一步搭建的过程。以及用自己的血泪踩得深坑。（PS:主要是为了激励自己学习新的技术，所以我的项目是从零开始搭建的，边做边学，哭唧唧）第一步 搭建基础的项目Vite是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允许快速提供代码。通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。..
2021-07-24 17:25:59
1431
原创 ios 富文本无法获取焦点和输入问题
背景使用vue-quill-editor 和 quil-mention 组件做pc端和手机端的富文本功能(具体使用可以看上一篇文章)。目前遇到的问题如下：1. ios 无法输入和获取焦点（必须要长按或者双击才可以，无法容忍）2.提醒人无法筛选和输入中文问题具体解决办法如下：1. ios 无法输入和获取焦点（必须要长按或者双击才可以，无法容忍）问题出现的原因是：生成了默认样式： -webkit-user-select:none;（无法选中，导致出现问题）1）添加css样式.
2021-03-26 11:21:47
1034
原创 富文本编辑器 vue-quill-editor 实现 mention 提醒功能
业务需要要实现一个富文本编辑器，而且同时还要实现提醒@的功能。组件官网地址：1.https://www.npmjs.com/package/@yixink/quill-mention2.https://github.surmon.me/vue-quill-editor/1.组件准备使用vue-quill-editor 和 quill-mention 实现此功能安装组件yarn addquillvue-quill-editorquill-mention -D2.组件...
2021-03-24 19:03:49
2332
2
原创 自定义 table 布局 实现横向滚动（不会被页面挤压变形）
<div class="table" style="overflow: auto; overflow-x: hidden;"> <div class="table-scroll" style="overflow: scroll;"> <div class="table-content" style="width: 1500px; min-width: 100%; table-layout: fixed;"> </d...
2020-11-02 11:42:04
2491
原创 飞书 页面禁止复制问题
飞书里面的小程序，禁止复制需要在我们的项目的页面的css文件里面添加两行代码{ cursor: pointer; // 适用于PC端 user-select: text; // 使用于移动端，长按复制}
2020-08-12 18:06:32
19381
3
原创 飞书小程序开发 H5应用嵌入飞书
因为公司的业务需求。需要把H5页面嵌入到飞书里面。而且还要进行页面跳转。可直接在PC飞书小程序直接侧边栏查看详情页。飞书的文档真的太扯淡了。什么都是一句话概括。还好自己有小程序开发的基础。经过自己不断的测试终于实现处理了。做到差点崩溃了。生成一个飞书小程序，这步在飞书里面描述的很详细了。不做过多的赘述。https://open.feishu.cn/document/uQjL04CN/ukjL54SO飞书嵌入H5页面 1.前期准备：了解使用飞书的web-view这个组件嵌入页面web-..
2020-08-12 17:49:28
13104
8
原创 vue nextTick 无法获取dom
什么是Vue.nextTick()？？定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，总结一下项目中遇到的问题用vue qrcode 生成二维码插件的时候，
2020-08-04 15:32:06
2545
2
原创 Iphone X 兼容性问题2--测过有效
经过实战的演练。终于处理好了刘海问题。两种方法第一种： 页面底部没有背景色 （方法很简单）1. 添加metaindex.html 页面 添加viewport-fit=contain（留有安全距离。不会全屏显示。不适应于背景有颜色的页面。因为会有一部分没有覆盖）<meta name="viewport" content="width=device-width,ini...
2020-04-14 15:54:13
251
原创 git flow 使用
话说 “工欲善其事，必先利其器”， git flow 就是一个能够很好帮助我们管理版本和规范人员开发的一个工具。Mac安装https://blog.csdn.net/tutuzhuz/article/details/45071377初始化Git flow init -d 默认分支分支介绍：1.master。只有一个，并且不会在master上进行代码的操作...
2020-04-14 10:31:56
337
原创 IPhone X 移动端 兼容性问题
Iphone x 的刘海给屏幕增加了34pt的安全距离，就会导致我的页面布局错位。底部的tabbar 会被刘海挡住。以下是专门针对vue 解决tabbar 被挡住的解决办法1. 给index.html 页面添加 meta 属性// 避免浏览器使用IE的兼容模式<meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
2020-03-18 15:01:11
615
原创 git 常用命令
//先删除远程仓库git remote rm origin添加远程仓库git remote add origin 地址（第一个）git remote set-url --add origin 地址（创建第二个仓库）git pull (拉取)git add .git commit -m 'update'git push origin 分支(提交到分支)创建本地...
2019-07-16 17:26:33
120
原创 w10 vscode 解决终端无法输入的问题
亲测有效。w10系统下面有效。试过了网上说的什么管理员启动。改为bash.exe启动.......都不行。右边属性 -》去掉勾选‘以兼容模式运行这个程序’
2019-04-23 09:39:45
4450
4
转载 深入学习JS 2--JS执行---创建执行上下文（变量对象，作用域链，this）
一、介绍本篇继上一篇深入理解js执行--单线程的JS，这次我们来深入了解js执行过程中的执行上下文。本篇涉及到的名词：预执行，执行上下文，变量对象，活动对象，作用域链，this等二、预执行在上一篇说到，在js代码被执行，执行上下文会被压进执行栈中，但是在此之前还有一步工作要做，就是创建好执行上下文，因为创建好才能被压进去啊。创建执行上下文就是预执行过程：接下来说说创建...
2019-03-01 11:21:21
183
转载 深入学习JS 1----单线程的JS
一、介绍随着js不断学习，你可能会慢慢的好奇，用了这么久的js，却不知道这js在浏览器怎么被执行的，很尴尬。所以，我查阅很多资料来总结JS的执行过程，也分享出来，和大家一起学习。本篇主要讲单线程的JS涉及的名词：JS引擎，单线程，执行栈，执行上下文（execution context）二、JS引擎JS引擎是浏览器的重要组成部分，主要用于读取并执行js。就是这家伙...
2019-03-01 11:20:52
146
原创 d3.js学习（时间轴-多折线图）
根据项目的要求，利用d3.js画出x轴为时间轴，多条折线的折线图，看了官方的文档和很多参考资料才做了出来。所以想分享给程序猿朋友们。（网上找的基本上都不满足需求。只能靠自己一步一步写下来）成果曲线图：step1: 准备数据// 数据，{ x： 为时间轴，y： 相对应的值}var trendData = [[{'x':'2018-02-01','y':1},{'x...
2019-03-01 11:20:03
6260
原创 vue+webpack 创建项目
安装webpack全局安装：npm i -g webpack目的：在任何目录中通过CLI使用 webpack 这个命令项目安装：npm i -D webpack目的：执行当前项目的构建成功就会出现这几个目录使用实例思路1.安装node js第一步检测是否安装node；没有安装node的同学请到官网下载安装https://nodejs.org/...
2018-09-21 15:55:34
4070
原创 vue组件注册
1.组件注册（1）全局注册到目前为止，我们只用过 Vue.component 来创建组件： Vue.component('my-component-name', { // ... 选项 ... }) 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。(2)局部注册import...
2018-09-21 15:33:41
207
原创 $ref的用法
this.$ref的用法<div id="app"><input type="text" ref="input1"/><button @click="add">添加</button></div><script>new Vue({el:
2018-09-21 15:31:33
2587
转载 websocket
WebSocket 详解教程目录 概述 WebSocket 客户端 WebSocket 服务端 WebSocket 代理 FAQ 完整示例 资料概述WebSocket 是什么？WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。为什...
2018-08-15 21:18:10
1230
转载 ECMAScript 6 简介
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回...
2018-08-14 15:47:12
859
原创 微信小程序获取手机号
1.获取手机号函数//获取手机号码 getPhoneNumber: function (e) { var self = this; wx.showLoading({ title: '获取中' }) wx.login({ success: function (msg) { app.init(function () { ...
2018-08-09 11:49:51
866
原创 echart图形绘制
1.绘制折线图let myDom = document.querySelector(dom);//要放的元素let myChart = echarts.init(myDom, 'light');//使用的主题let option = { tooltip: { trigger: 'axis' }, legend: { data: ['人...
2018-08-09 11:40:27
4736
原创 layui 时间范围选择
1.选择日期//日期范围laydate.render({ elem: '#data' ,range: '~', done: function(value,, date, endDate){//点击日期、清空、现在、确定均会触发。回调返回三个参数，分别代表：生成的值、日期时间对象、结束的日期时间对象 if(value){ le...
2018-08-09 11:24:49
8116
原创 微信小程序--滚动条2
微信小程序，只从发布以来一直出现了很多问题，但是没办法，我们还是要用它，谁让他是很多的小程序呢。诺，最近又出现了一个幺蛾子，不知道是不是它又更新的内部代码。。。之前解决滚动条问题的办法（可以解决大部分滚动条的问题，不懂可以去看我的文章--滚动条1），还是没有用。发现了一个大坑。它竟然滚进去了。。解决办法：测试了几次，调试了一会，发现了世上的一大巨坑。。。position:r...
2018-07-23 10:51:55
577
原创 微信小程序，隐藏滚动条
scroll,view元素在ios和有些手机上会出现滚动条的问题。scroll-view可滚动视图区域。 解决方法：把下面这段代码放到app.wxss里面去。可以让所有页面应用这段css/*隐藏滚动条*/::-webkit-scrollbar{width: 0;height: 0;color: transparent;}...
2018-07-23 09:32:06
10744
1
原创 css3实现瀑布流，解决火狐浏览器断层问题
瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。还是上张图来看看我们说的瀑布流布局是什么样子。 当初要实现这样的布局都是依赖于JavaScript来实现，所以当时出现过很多实现瀑布流布局的插件。比如Masonry、Isotope等都是非常有名的插件。但使用纯CSS来实现，当时还是非...
2018-07-21 15:44:25
2038
原创 回调函数
回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调。定义主函数的时候，我们让代码先去执行callback()回调函数，但输出结果却是后输出回调函数的内容。这就说明了主函数不用等待回调函数执行完，可以接着执行自己的代码。所以一般回调函数都用在耗时操作上面。比如ajax请求，比如处理文件等。（ajax异步同步的问题）
2018-01-25 17:49:36
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人