自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不负韶华

以梦为马 不负韶华

  • 博客(35)
  • 收藏
  • 关注

原创 使用百度飞桨EasyDL实现AI识别厂区工人抽烟行为

在云端使用 EasyDL完成一站式模型训练及部署,即刻上手体验,无需依赖本地算力环境。云端产出的模型可灵活支持在线、离线多种部署方案在本地安装飞桨EasyDL-桌面版,可实现本地离线完成一站式模型训练及部署流程,数据与产出的模型可在本地高效管理。...

2022-08-09 17:47:29 781 1

原创 Taro的http封装

当我们使用Taro的时候,经常会用到http请求,那么又怎么封装呢?serve.tsimport { request, getStorageSync } from '@tarojs/taro'class Server { protected ajax({ url, data, method = 'GET', ...restParams }: Taro.RequestParams) { // 用户token const Authorizat

2021-12-29 22:14:35 1254

原创 Vuecli3.0 中使用element-ui,icon图标无法显示

场景描述因为业务需求,需要"script-loader"包运行了以下命令yarn add"script-loader": "0

2021-06-06 10:27:30 2759

原创 前端必须要了解的一些知识 (十一)

六种基本数据类型undefined null string boolean number symbol(ES6)一种引用类型Objectstringlength属性 prototype 添加的方法或属性在所有的实例上共享 charAt(index) 返回值 charCodeAt(index) 返回字符的Unicode编码 indexOf(searchVal,index) 值所在的位置 param2是从位置开始算 search()方法用于检索字符串中指定的子字符串,或检..

2021-05-17 11:02:37 112

原创 前端必须要了解的一些知识 (十)

任务队列同步任务异步任务console.log(1)setTimeout(){console.log(2)}console.log(3)1,3,22,3,5,4,1console.log(A)while(true){}console.log(B)//只输出A while是个同步队列 。 进入死循环----------------------------console.log(A)settimeout(){con...

2021-05-17 10:47:01 124 1

原创 前端必须要了解的一些知识 (九)

CSRF跨站请求伪造攻击原理网站B引诱用户点击A防御措施token验证refere验证 来源验证隐藏令牌XSS跨域脚本攻击原理:提交区注入脚本 让js不能执行doctype的作用DTD 定义html文档类型 。 浏览器根据这个去解析 声明文档类型4.0版本有两个模式 。 一个严格模式 。 一个是传统模式浏览哎渲染过程重拍reflow重绘repaint...

2021-05-17 10:43:29 92

原创 前端必须要了解的一些知识 (八)

什么是同源策略限制协议 域名 端口不是一个源的文档不能操作另一个源的文档限制如下:cookie localStrorage indexDB 无法获取DOM无法获得Ajax请求不能发送前后端如何通信Ajax//同源下的通讯websocket//不限制同源cors//支持跨域也支持同源如何创建Ajax(用原生)XMLHttpRequest对象的工作流程兼容性处理事件触发条件事件触发顺序跨域通讯的几种...

2021-05-17 10:37:55 70

原创 前端必须要了解的一些知识 (七)

创建对象又几种方法第一种:字面量var o1 = {name: 'o1'};var o2 = new Object({name: 'o2'});第二种 通过构造函数var M = function (name) { this.name = name; };var o3 = new M('o3');第三种 Object.createvar p = {name: 'p'};var o4 = Object.create(p);o4.__proto__===p//t.

2021-05-14 18:36:03 139

原创 前端必须要了解的一些知识 (六)

DOM事件的级别DOM0element.onclick=function(){}DOM1未制定事件相关的标准DOM2element.add('click',fn,false)/ie . atenchDOM3el.add('keyup',fn,false)增加了其他事件除了clickDOM事件的模型:捕获和冒泡DOM事件流三个j阶段捕获 。 目标阶段 。 冒泡阶段事件捕获的具体流程window=>docum...

2021-05-14 18:32:04 180 3

原创 前端必须要了解的一些知识 (五)

盒模型标准模型和IE模型标准模型和IE模型的区别1计算宽度和高度的不同ie中content的宽度包括padding和border这两个属性css是如何设置这两种模型的border-box 是·ie默认 content-boxjs如何获取盒模型的宽和高四种方法1.dom.style.width/height 只能获取行内样式2.dom.currentStyle.width/height只适合ie,兼容性问题3.wind...

2021-05-14 18:28:47 99 1

原创 前端必须要了解的一些知识 (四)

基础方法1:浮动(延伸BFC)清除浮动后 浮动元素周边的元素处理的好的话 。 兼容性比较好2:绝对定位配合js的话 快捷缺点:脱离文档流3:flex比较完美的方案 。 解决以上的缺点4:表格布局兼容性特别好 ie缺点:。。5:网格布局 gride新的标准代码最简化哈拔高延续1:如过去掉高度已知 。 哪个不在好用?第三和第四能用2:竖起来3:两栏布局...

2021-05-14 18:26:18 77

原创 前端必须要了解的一些知识 (三)

你在下单时,要给后台发请求,后台通过拿到的参数请求微信后台去生成订单并同时返给你一个路径mweb_url,这个路径就是用来调起微信应用发起支付操作的。(这里要说明的就是由于h5支付不能主动回调,所以需要个主动查询的操作,这时会需要你又一个确认界面来进行主动查询订单状态。这里是个坑一会儿再说),调起支付界面之后进行支付操作,期间你什么都不用管,因为这都是微信的事。你需要的就是在你付完钱之后查看你的钱买你要的东西到底有没有成功(你要是不加的话,谁知道成功没,估计顾客会打死你,付完钱就茫然了,不知道到底钱到哪去了

2021-05-14 18:21:43 118 1

原创 前端必须要了解的一些知识 (二)

获取字符串长度 str.length分割字符串 str.split()拼接字符串 str1+str2 或 str1.concat(str2)替换字符串 str.replace(“玩游戏”,”好好学习”)提取子字符串 str.slice(start, end)或str.substring(start,end)或myStr.substr(start,length)切换字符串大小写 str.toLowerCase()和str.toUpperCase()比较字符串 str1.localeCo

2021-05-14 18:15:37 144 3

原创 前端必须要了解的一些知识 (一)

常用apimoveTo(x0,y0):把当前画笔(ictx)移动到(x0,y0)这个位置。lineTo(x1,y1):从当前位置(x0,y0)处到(x1,y1)画一条直线。beginPath():开启一条路径或者重置当前路径。closePath():从当前点回到路径起始点,也就是上一个beginPath的位置,回避和路径。stroke():绘制。必须加了这个函数才会画图,所以这个一定要放在最后。绘制一个圆形/获取Canvas对象(画布)var canvas = docu.

2021-05-14 18:12:21 233 1

转载 前端面试常问的基础(七)

1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。优点:极高的扩展性和可用性1.通过良好的编程,控制保存在cookie中的session对象的大小。2.通过加密和安全传输技术(SSL),减少cookie被破解的可能性。3.只在cookie中存放不敏感..

2021-05-12 00:59:06 114

转载 前端面试常问的基础(六)

一、HTML5 CSS3CSS3有哪些新特性?1. CSS3实现圆角(border-radius),阴影(box-shadow),2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜4. 增加了更多的CSS选择器 多背景 rgba5. 在CSS3中.

2021-05-12 00:54:04 135

原创 前端面试常问的基础(五)

如何理解CSS的盒子模型?每个HTML元素都是长方形盒子。 (1)盒子模型有两种:IE盒子模型、标准W3C盒子模型;IE的content部分包含了border和pading。 (2)标准W3C盒模型包含:内容(content)、填充(padding)、边界(margin)、边框(border)。link属于XHTML标签,而@import是CSS提供的。 (2)页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载。 (3)import只在IE 5以上才..

2021-05-12 00:52:05 170

原创 前端面试常问的基础(四)

将元素定义为网格容器,并为其内容建立新的网格格式上下文。值:grid:生成一个块级网格 inline-grid:生成一个内联网格在Bootstrap中,栅格系统将容器均分为12份,再调整内外边距,结合媒体查询,造就了这一强大的栅格系统。flex布局水平居中:1. 行内元素,父元素 text-align : center2. 块级元素有定宽,margin:0 auto;3. 块级元素绝对定位,transform : translate(-50%,0)...

2021-05-12 00:47:46 192 1

原创 前端面试常问的基础(三)

JS中浮点数精度误差解决 如果有精度要求,可以用toFixed方法处理 通用处理方案:把需要计算的数字乘以 10 的 n 次幂,换算成计算机能够精确识别的整数,然后再除以 10 的 n 次幂 promises,observables,generator 或 async-wait 编所需的函数。 JavaScript Proxy实现简单的数据绑定 https://blog.csdn.net/sinat_17775997/article/details/60158330 https://w.

2021-05-08 15:46:14 74

原创 前端面试常问的基础(二)

1. 一个程序至少有一个进程,一个进程至少有一个线程2. 线程的划分尺度小于进程,使得多线程程序的并发性高3. 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率4. 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制5. 从逻辑角度来看,多线程的意义在于一个应用程序中,有多个执行部分可以同时执行。但操作系统并没有将多个线程看.

2021-05-08 15:45:05 66

原创 前端面试常问的基础(一)

IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 padding;new操作符具体干了什么呢?1. 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型2. 属性和方法被加入到 this 引用的对象中3. 新创建的对象由 this 所引用,并且最后隐式的返回 thisJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, ...

2021-05-08 15:42:53 180

原创 windows系统 vscode开发flutter_web项目初始化

1 clone flutter 1.5版本以上到本地按照文档走用户环境变量设置 path 里添加 flutter到 bin目录2 clone flutter_web项目1,//环境变量只配置了flutter sdk而没有配置dart sdk flutter pub global activate webdev //环境变量已经配置了dart sdk pub global a...

2020-01-03 00:30:19 1453

原创 微信小程序换行view text强制换行

如题,代码如下: word-wrap: break-word; word-break: break-all; white-space: pre-line;white-space: pre-line;保留空白符序列,但是正常地进行换行。word-wrap: break-word; 在长单词或 URL 地址内部进行换行。word-break: break-all;允许在单...

2020-01-03 00:18:45 3078 1

原创 微信小程序在开发工具预览的圆角模糊效果在ios手机中不能使用

ios的webui兼容问题,border和border-radius写在同一级元素上会出现类似问题,先写到父级元素上border和border-radius,子级元素只添加border-radius就行

2017-10-30 18:08:44 1428

原创 bindtap绑定函数如何获取被点击的元素和属性值

1.在绑定的元素上设置如下 2.在js里取出来   data的值tapTest: function (e) { console.log(e.target.dataset.parameter)//做其他处理 },

2017-10-30 18:02:34 4420

原创 微信小程序突破五层限制的方法

1.首先我们看下微信这个api navigateToMiniProgram可以直接去官网api文档上看看2.微信小程序接入指南有"一个公众号可关联10个同主体的小程序,3个不同主体的小程序。"3.如果自己的项目超过五级可以:按功能分成多个模块,关联一个公众号,之间跳转wx.navigateToMiniProgram({ appId: 'XXXXX', path:

2017-10-30 17:23:10 2797

转载 微信小程序自定义tabbar

原文地址:http://www.wxapp-union.com/article-1405-1.html1.创建wxml模板 {{item.text}} 2.app.wxss里定义组件样式.tabbar_box{

2017-10-30 17:08:49 13761 1

转载 css3实现文字描边的效果

css3实现文字描边的效果

2017-09-08 12:27:36 1910

原创 移动端左右滑动的导航的简单实现方法

移动端左右滑动的导航的简单实现方法

2017-09-08 11:55:50 6890 1

转载 一个简单实用的jquery轮播插件

原文链接http://www.jq22.com/jquery-info385注释很详细  思路也很清晰  普遍适用于大部分的轮播(function($) { $.fn.slideBox = function(options) { //默认参数 var defaults = { direction: 'left', //left,top du

2017-09-08 10:08:05 544

原创 最简单的搭建及使用本地服务器

1:首先去nodeJs官网下载最新版nodeJs     https://nodejs.org/en/(PS:看好自己电脑配置下载相应的node,最好直接装在C盘,避免环境变量的设置)2:安装成功后win+r打开cmd 输入node -help 或者node -v查看是否安装成功(PS:成功的话会出现版本号)3:装好后输入 npm install

2017-09-07 22:54:33 4104

转载 使用CSS完成元素居中的七种方法

在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复

2017-09-07 22:09:07 236

原创 小程序浮层滚动阻止window窗体滚动JS/CSS处理

小程序浮层滚动阻止window窗体滚动JS/CSS处理

2017-09-07 16:07:49 3650

原创 格式化时间JavaScript

把时间戳传进去   返回 xxxx年xx月xx日

2017-09-07 14:26:28 203

原创 小程序阻止事件冒泡

使用bind的绑定事件,是可以触发冒泡事件的,就是可以触发父view的事件,使用catch是不会触发冒泡事件

2017-09-07 14:21:00 9224

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除