- 博客(34)
- 收藏
- 关注
原创 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
5497
1
原创 前端 网络安全,预防攻击
XSS 分为三种:反射型,存储型和 DOM-basedXSS 通过修改 HTML 节点或者执行 JS 代码来攻击网站。例如通过 URL 获取某些参数上述 URL 输入可能会将 HTML 改为 ,这样页面中就凭空多了一段可执行脚本。这种攻击类型是反射型攻击,也可以说是 DOM-based 攻击。也有另一种场景,比如写了一篇包含攻击代码 的文章,那么可能浏览文章的用户都会被攻击到。这种攻击类型是存储型攻击,也可以说是 DOM-based 攻击,并且这种攻击打击面更广。如何防御最普遍的做法是转义输入输出
2022-06-27 16:07:52
1067
原创 vue-cli 项目优化
1.路由懒加载2.关闭productionSourceMap3.使用resolve4. 删除预加载5.开启gzip压缩CompressionPlugin6.优化loadshLodashModuleReplacementPlugin7.使用cdn加速
2022-05-24 18:18:54
1195
原创 企微开发- 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
4508
1
原创 JAVA基础学习- 多线程
1、线程的基本概念程序:是一段可执行的静态代码进程:程序的一次动态加载过程(将程序加载到内存时,此时程序就转换为了进程)线程: 进程可进一步细化为线程,是一个程序内部的一条执行路径,线程不能独立存在,必须依附于某个进程一个Java应用程序,至少有三个线程:main线程,垃圾回收线程,异常处理线程多个线程共享进程的堆和方法区资源,但每个线程有自己的程序计数器、虚拟机栈和本地方法栈2、使用多线程的优点优点在于充分利用了CPU的空闲时间片,用尽可能少的时间来对用户的要求做出响应
2022-05-10 11:19:28
377
原创 ICMP 协议详解
1. ICMP 是啥ICMP,全称是 Internet Control Message Protocol,即互联网控制报文协议,所谓控制,就是通过下发指令来感知和控制网络环境,所以它一定是配合一个无法感知网络环境的协议来工作的,这个协议就是 IP(包括 IPv4 和 IPv6)。所以,ICMP 通常被认为是 IP 协议的一部分,它封装在 IP 层中,使用 IP 协议进行传输。因此,严格来说,ICMP 既不是一个网络层协议,也不是一个传输层协议,而是介于两者之间的一个协议。它的主要功能是传输网络诊
2022-03-10 09:18:29
35198
2
原创 IP协议详解
一、IP协议1. 简介转存失败重新上传取消相比之前讲的ARP协议,IP协议无论对于普通用户还是对于工程师而言,大家都要熟悉得多。无论如何,经过这些影视剧和各路媒体的熏陶,最普通的民众也知道以下这些常识=>①IP就是一张身份证,存在于电脑、手机、监控摄像头、汽车等任何需要联网的设备上面;②IP是可以被追踪到和定位的,无论是网上发帖造谣生事或通过黑客技术攻击别人,所做的事情都会基于IP和其他ID信息被服务器记录下来,然后"阿sir"就可以追踪并抓到你。当然,作为工程师,我们
2022-03-09 19:00:25
5135
原创 vite+vue3+typescript 搭建项目框架
最近为了挑战自己,接到公司任务,说要写一个新的系统,心血来潮。就打算用新的技术来搭建一个项目框架。选用了vite + vue3+typescript+vant 来搭建。以下是自己一步一步搭建的过程。以及用自己的血泪踩得深坑。(PS:主要是为了激励自己学习新的技术,所以我的项目是从零开始搭建的,边做边学,哭唧唧)第一步 搭建基础的项目Vite是一个 web 开发构建工具,由于其原生 ES 模块导入方法,它允许快速提供代码。通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。..
2021-07-24 17:25:59
1478
原创 ios 富文本无法获取焦点和输入问题
背景使用vue-quill-editor 和 quil-mention 组件做pc端和手机端的富文本功能(具体使用可以看上一篇文章)。目前遇到的问题如下:1. ios 无法输入和获取焦点(必须要长按或者双击才可以,无法容忍)2.提醒人无法筛选和输入中文问题具体解决办法如下:1. ios 无法输入和获取焦点(必须要长按或者双击才可以,无法容忍)问题出现的原因是:生成了默认样式: -webkit-user-select:none;(无法选中,导致出现问题)1)添加css样式.
2021-03-26 11:21:47
1165
原创 富文本编辑器 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
2498
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
2678
原创 飞书 页面禁止复制问题
飞书里面的小程序,禁止复制需要在我们的项目的页面的css文件里面添加两行代码{ cursor: pointer; // 适用于PC端 user-select: text; // 使用于移动端,长按复制}
2020-08-12 18:06:32
19862
3
原创 飞书小程序开发 H5应用嵌入飞书
因为公司的业务需求。需要把H5页面嵌入到飞书里面。而且还要进行页面跳转。可直接在PC飞书小程序直接侧边栏查看详情页。飞书的文档真的太扯淡了。什么都是一句话概括。还好自己有小程序开发的基础。经过自己不断的测试终于实现处理了。做到差点崩溃了。生成一个飞书小程序,这步在飞书里面描述的很详细了。不做过多的赘述。https://open.feishu.cn/document/uQjL04CN/ukjL54SO飞书嵌入H5页面 1.前期准备:了解使用飞书的web-view这个组件嵌入页面web-..
2020-08-12 17:49:28
13648
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
2742
2
原创 Iphone X 兼容性问题2--测过有效
经过实战的演练。终于处理好了刘海问题。两种方法第一种: 页面底部没有背景色 (方法很简单)1. 添加metaindex.html 页面 添加viewport-fit=contain(留有安全距离。不会全屏显示。不适应于背景有颜色的页面。因为会有一部分没有覆盖)<meta name="viewport" content="width=device-width,ini...
2020-04-14 15:54:13
271
原创 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
363
原创 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
638
原创 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
129
原创 w10 vscode 解决终端无法输入的问题
亲测有效。w10系统下面有效。试过了网上说的什么管理员启动。改为bash.exe启动.......都不行。右边属性 -》去掉勾选‘以兼容模式运行这个程序’
2019-04-23 09:39:45
4471
4
转载 深入学习JS 2--JS执行---创建执行上下文(变量对象,作用域链,this)
一、介绍本篇继上一篇深入理解js执行--单线程的JS,这次我们来深入了解js执行过程中的执行上下文。本篇涉及到的名词:预执行,执行上下文,变量对象,活动对象,作用域链,this等二、预执行在上一篇说到,在js代码被执行,执行上下文会被压进执行栈中,但是在此之前还有一步工作要做,就是创建好执行上下文,因为创建好才能被压进去啊。创建执行上下文就是预执行过程:接下来说说创建...
2019-03-01 11:21:21
193
转载 深入学习JS 1----单线程的JS
一、介绍随着js不断学习,你可能会慢慢的好奇,用了这么久的js,却不知道这js在浏览器怎么被执行的,很尴尬。所以,我查阅很多资料来总结JS的执行过程,也分享出来,和大家一起学习。本篇主要讲单线程的JS涉及的名词:JS引擎,单线程,执行栈,执行上下文(execution context)二、JS引擎JS引擎是浏览器的重要组成部分,主要用于读取并执行js。就是这家伙...
2019-03-01 11:20:52
153
原创 d3.js学习(时间轴-多折线图)
根据项目的要求,利用d3.js画出x轴为时间轴,多条折线的折线图,看了官方的文档和很多参考资料才做了出来。所以想分享给程序猿朋友们。(网上找的基本上都不满足需求。只能靠自己一步一步写下来)成果曲线图:step1: 准备数据// 数据,{ x: 为时间轴,y: 相对应的值}var trendData = [[{'x':'2018-02-01','y':1},{'x...
2019-03-01 11:20:03
6343
原创 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
4099
原创 vue组件注册
1.组件注册(1)全局注册到目前为止,我们只用过 Vue.component 来创建组件: Vue.component('my-component-name', { // ... 选项 ... }) 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。(2)局部注册import...
2018-09-21 15:33:41
215
原创 $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
2599
转载 websocket
WebSocket 详解教程目录 概述 WebSocket 客户端 WebSocket 服务端 WebSocket 代理 FAQ 完整示例 资料概述WebSocket 是什么?WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。为什...
2018-08-15 21:18:10
1249
转载 ECMAScript 6 简介
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系?要讲清楚这个问题,需要回...
2018-08-14 15:47:12
871
原创 微信小程序获取手机号
1.获取手机号函数//获取手机号码 getPhoneNumber: function (e) { var self = this; wx.showLoading({ title: '获取中' }) wx.login({ success: function (msg) { app.init(function () { ...
2018-08-09 11:49:51
889
原创 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
4756
原创 layui 时间范围选择
1.选择日期//日期范围laydate.render({ elem: '#data' ,range: '~', done: function(value,, date, endDate){//点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象 if(value){ le...
2018-08-09 11:24:49
8154
原创 微信小程序--滚动条2
微信小程序,只从发布以来一直出现了很多问题,但是没办法,我们还是要用它,谁让他是很多的小程序呢。诺,最近又出现了一个幺蛾子,不知道是不是它又更新的内部代码。。。之前解决滚动条问题的办法(可以解决大部分滚动条的问题,不懂可以去看我的文章--滚动条1),还是没有用。发现了一个大坑。它竟然滚进去了。。解决办法:测试了几次,调试了一会,发现了世上的一大巨坑。。。position:r...
2018-07-23 10:51:55
599
原创 微信小程序,隐藏滚动条
scroll,view元素在ios和有些手机上会出现滚动条的问题。scroll-view可滚动视图区域。 解决方法:把下面这段代码放到app.wxss里面去。可以让所有页面应用这段css/*隐藏滚动条*/::-webkit-scrollbar{width: 0;height: 0;color: transparent;}...
2018-07-23 09:32:06
10776
1
原创 css3实现瀑布流,解决火狐浏览器断层问题
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。还是上张图来看看我们说的瀑布流布局是什么样子。 当初要实现这样的布局都是依赖于JavaScript来实现,所以当时出现过很多实现瀑布流布局的插件。比如Masonry、Isotope等都是非常有名的插件。但使用纯CSS来实现,当时还是非...
2018-07-21 15:44:25
2056
原创 回调函数
回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。定义主函数的时候,我们让代码先去执行callback()回调函数,但输出结果却是后输出回调函数的内容。这就说明了主函数不用等待回调函数执行完,可以接着执行自己的代码。所以一般回调函数都用在耗时操作上面。比如ajax请求,比如处理文件等。(ajax异步同步的问题)
2018-01-25 17:49:36
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人