自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 资源 (8)
  • 收藏
  • 关注

原创 小程序插入html代码(类似vue中的v-html)

使用wxParse插件1、下载wxParse(链接:https://github.com/icindy/wxParse)2、wxParse文件夹放入小程序根目录3、引入css样式 @import “/wxParse/wxParse.wxss”;4、引入js代码 var WxParse = require(’…/…/wxParse/wxParse.js’);5、var content= ‘HTML代码’; var _this= this; WxParse.wxParse('co

2021-10-31 15:46:20 1897

原创 微信小程序--封装ajax

全局封装 ajax ,方便添加默认参数 ,判断本地存储信息 ,登录情况// 基准路径const baseUrl = ‘http://www.xxx.com/xxxx/methods/’//获取countryCode 和 exchange_ratefunction getExrate(url, method, header={}) {wx.request({url: baseUrl + url,method: "GET",data:{},header,success: res =&

2021-10-31 15:46:09 556

原创 JS数组和字符串函数总结

1、字符串(17)str.length( ) 返回字符串长度str.indexOf(’ ') 返回参数下标,否则返回-1str.lastIndexOf(’ ') 返回最后一个参数的下标,否则返回-1str.valueOf( ) 返回某个字符串对象的原始值str.search( )

2021-10-29 10:19:19 160

原创 js基本数据类型+判断数据类型方法

数据类型分为基本类型和引用类型基本类型:String、Number、Boolean、Null、Undefined、symbol(ES6)引用类型:Object、Array、Date、Function、Error、RegExp、Math、Number、String、Boolean、Globle。js内置类型有七种:String、Number、Boolean、Null、Undefined、Symbol(ES6)、Object判断数据类型的方法一般可以通过:typeof、instanceof、constr

2021-10-29 10:19:09 129

原创 vue-axios 发送post请求 变成字符串

可以看到data值变成了字符串的格式,并非传递的对象,数据被自动转换了解决:npm install qsimport qs from ‘qs’Vue.prototype.qs=qs;instance.interceptors.request.use((config) => {if(config.method === 'post'){ config.data = qs.stringify(config.data);} return config;},(error.

2021-10-29 10:18:56 3869

原创 mac终端自动断开链接

1、打开MAC终端 sudo vim /etc/ssh/ssh_config2、添加一行 ServerAliveInterval 60每隔30秒,mac客户端会主动向服务器发出一次请求。这样就使得服务器端认为客户端是一直在线状态,也就不会主动断开连接了。...

2021-10-29 10:18:49 833

原创 离屏canvas

一、概念离屏canvas是在内存中创建一个canvas元素,未通过dom操作显示到页面上去二、场景用于需频繁调用canvas API底部背景(canvas绘制的)不需要改变的批量上传图片,web端压缩web绘制图片,本地保存三、用法创建一个canvas元素web绘制所需图形通过canvas API drawImage方法绘制到页面canvas上去显示四、代码展示function animate(y, isDown){ctx.clearRect(0, 0, 200, 200)

2021-10-29 10:18:22 1259

原创 弹性布局:Flex

一、Flex布局是什么?Flex是Flexible Box的缩写,翻译成中文就是“弹性盒子”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/ display: flex; //将对象作为弹性伸缩盒显示}当然,行内元素也可以使用Flex布局。.box { display: inline-flex; //将对象作为内联块级弹性伸缩盒显示}兼容性写

2021-10-29 10:18:09 95

原创 小程序引入海外地图

示例 :小程序默认腾讯地图(国内看国外地图)第一步:申请keyhttps://lbs.qq.com/product/abroad.html小程序本身不提供海外地图服务,可以申请海外位置服务权限,需要在控制台提交工单申请,相应的权限,申请权限为7天试用期*腾讯应用为例(需要申请相应的应用,并且加入开发者appID)(必选条件一)设置对应自身的小程序微信号的appId第二步:引入组件通过小程序sdk的方式引入// 引入SDK核心类var QQMapWX = require(

2021-10-29 10:17:52 1222

原创 git 常用命令

1、项目克隆git clone [email protected]:xx.git 克隆远程项目2、提交代码git add .git commit -m ‘注释’git push origin master3、合并分支(dev->master)git checkout devgit rebase mastergit status 查看是否代码冲突(查看状态)git add . 解决冲突后,添加暂存区git rebase --continue 继续reba

2021-10-29 10:17:44 63

原创 十大经典排序算法笔记

相关概念稳定性稳定:如果a原本在b前面,而a=b,排序之后a仍然在b的前面。不稳定:如果a原本在b的前面,而a=b,排序之后 a 可能会出现在 b 的后面。时间复杂度一般情况下,算法中基本操作重复执行的次数是问题规模n的某个函数,用T(n)表示,若有某个辅助函数f(n),使得当n趋近于无穷大时,T(n)/f(n)的极限值为不等于零的常数,则称f(n)是T(n)的同数量级函数。记作T(n)=O(f(n)),称O(f(n)) 为算法的渐进时间复杂度,简称时间复杂度。最坏时间复杂度最坏情况

2021-10-28 10:35:28 93

原创 mac免密登陆ssh服务器

1、git clone git clone 用户名@地址:仓库路径2、ssh免密登陆 ssh-keygen (获取ssh秘钥) cd ~/.ssh/ ssh-copy-id -i ~/.ssh/id_rsa.pub 用户名@地址 (推送秘钥到服务器)

2021-10-28 10:20:12 131

原创 你不知道的JavaScript(中卷)

1、typeof安全机制undefined 和 undeclared是两码事,但是typeof 对 undefined 和 undeclared 变量返回都是 undefinedundeclared变量在进行使用的时候,浏览器会报错(如下所示)if(DEBUG){ consoel.log("Debugging is starting");}VM635:1 Uncaught ReferenceError: DEBUG is not defined at <anonymous&

2021-10-28 10:18:11 173

原创 nuxt--网页源代码接口数据清除

效果对比:优化前优化后解决方案:@nuxt/vue-render/dist/vue-render.jsconst serializedSession = window.${this.serverContext.globals.context}=${devalue(renderContext.nuxt)};;APP += <script></script>; //删除当前变量APP页面中window.nuxt= 内容将消失这段代码将文本添加进页面,将APP置为空即可

2021-04-16 10:39:06 330 1

原创 nuxt--网页源代码清除css

组件样式通过全局link引入即可去除部分css样式配置文件生成@nuxt/nuxt/vue-renderer/dist/vue-renderer.js效果对比:去除之前去除之后

2021-04-16 10:36:50 576

原创 flask-migrate扩展

1.因为采用db.create_all() 在后期修改表字段时,不会自动映射到数据库中,必须删除表,然后重新运行才会映射,这样不符合实际的需求,因此flask-Migrate就是为了解决这个问题,它可以在每次修改模型后,可以将修改的东西映射到数据库中。2.首先进入到flask的虚拟环境或者物理环境中 然后使用pip install flask-migrate进行安装;安装flask-script 支持命令行操作pip install flask-script创建manage.py文件from flas

2021-04-16 10:32:44 153

原创 Flask模型类表单

wtforms支持的HTML标准字段字段对象 说明StringField 文本字段TextAreaField 多行文本字段PasswordField 密码文本字段HiddenField

2021-04-16 10:32:04 100

原创 Python Flask 笔记

1、虚拟环境1)安装虚拟环境 sudo pip install virtualenv sudo pip install virtualenvwrapper 2)查看 虚拟环境版本 virtualenv --version3)配置环境变量 mkdir $HOME/.virtualenvs vim ~/.bashrc 添加 export WORKON_HOME=$HOME/.virtualenvs so

2021-04-16 10:31:21 160

原创 mysql

一、数据库操作创建数据库 create database name;删除数据库 drop database name;选择数据库 use name;二、数据表操作创建数据表 create table name(column_name column_type)删除数据表 drop table name三、数据操作插入数据 insert into table (field1, field2, field3) values (values1, value

2021-04-16 10:30:36 48

原创 mongoDB

一、数据库操作显示数据库列表 show dbs;切换/创建数据库 use db_name;删除当前数据库 db.dropDatabase();复制数据库到当前库 db.cloneDatabase(“127.0.0.1”);数据库复制 a=>b db.copyDatabase(“a”, “b”, “127.0.0.1”);查看当前数据库

2021-04-16 10:29:57 44

原创 scss 笔记

1、变量$nav-width: 100px;nav {width: $nav-width; }2、嵌套(&,群组嵌套)#content {nav{ h1, h2, h3 {margin-bottom: .8em}}nav, aside { a {color: blue}}article { &:hover { color: #333 } } }3、选择器(+,>,~)直接子元素

2021-04-16 10:27:53 52

原创 高德地图 自定义标签

1、在高德地图上展示城市列表,以及需要展示的简单信息,2、通过交互事件进入城市详情页面,展示房源列表,根据经纬度进行定位,和添加城市边界,自适应当前窗口。3、点击房源标签显示房源详情...

2020-04-10 11:05:20 646

原创 高德地图 模仿zillow官网地图手动选择区域

1、根据需求仿zillow官网手动在地图上绘制选择区域,进行寻找房源。2、操作,点击创建区域,地图上进行点击然后拖动鼠标,绘制曲线,鼠标放开,链接首尾坐标,形成封闭区域,点击删除区域,移除曲线。3、还有个遗留问题暂时还未解决:贝塞尔曲线对象的mouseup事件,偶尔会监控不到,怀疑是创建曲线对象延迟和当前鼠标所释放的时候,有个延迟,导致又是选中的是地图的mouseup事件。效果图如下:...

2020-04-09 18:24:09 635

酷炫3d下拉框特效展示.zip

下拉框 3d 卷折型下拉框

2020-04-09

时钟效果-20200409.zip

简易时钟,获取当前时间,通过CSS3旋转和位移 ,生成一个时钟的模型。

2020-04-09

3d琴弦酷炫效果展示.zip

文字效果,鼠标滑过文字,进行偏移,模拟手指向下拨动的效果

2020-04-09

苹果桌面底部菜单模拟.zip

苹果系统桌面底部菜单效果模拟,根据鼠标在不同的位置适当进行放大哥哥图标大小

2020-04-09

锤子官网banner悬浮特效.zip

之前锤子官网banner特效,根据鼠标放在不同的位置可以进行偏移,来达到模拟当前位置有重力的效果

2020-04-09

3d酷炫Css轮播图-1.zip

3d轮播图,将每张轮播分为10部分分别进行3d旋转,根据延时展示不一样的风格,主要运用transform属性

2020-04-09

海外定位高德地图交互

三级交互,城市列表、房源列表、房源详情页面,点击可以进行交互,展示相关信息,定位海外高德地图。

2020-04-09

gaodeMapCircle.html

点击鼠标进行高德地图标注范围,之后返回相关经纬度路径数组, 根据判断鼠标mousedown、move和mouseup事件进行相关处理

2020-04-09

空空如也

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

TA关注的人

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