自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(70)
  • 资源 (1)
  • 收藏
  • 关注

原创 js实现浏览器录屏

【代码】js实现浏览器录屏。

2023-11-20 11:12:25 151 1

原创 vue 打包预览

【代码】vue 打包预览。

2023-07-07 10:19:17 105

原创 vue3自定义指令--图片懒加载

vue3自定义指令--图片懒加载。

2023-06-13 10:35:53 152

原创 vue3 实现瀑布流

【代码】vue3 实现瀑布流。

2023-06-09 17:10:38 266

原创 nvm与nrm

【代码】nvm与nrm。

2023-06-08 16:32:55 47

原创 python迅速搭建本地任意目录服务器

2. python -m http.server -d 文件地址。

2023-05-12 10:19:00 104

原创 vuex的实现

vuex的实现。实现了store,commit , dispatch

2023-02-10 16:37:52 58

原创 vue-router实现

主要实现router的一些基础功能,router-link、router-view。

2023-02-10 15:04:03 72

原创 列表拖拽效果

列表拖拽

2023-02-06 14:12:12 232

原创 css仿掘金账户密码登录

* 重点 focus-within 表示一个元素获得焦点,或该元素的后代元素获得焦点,就会匹配上 */

2023-02-06 11:16:58 529

原创 react学习笔记

react基础

2022-08-24 10:48:10 232

原创 chrome inspect 移动端调试

chrome inspect 移动端调试

2022-07-01 15:30:52 405

原创 python使用tesseract识别图片文字

tesseractPython tesseract是Python的一个光学字符识别(OCR)工具。也就是说,它将识别并“读取”嵌入图像中的文本。步骤安装tesseract-ocr因为tesseract-ocr默认不支持中文识别,还需下载对应的语言包把语言包放到tessdata文件夹下配置环境变量找到pytesseract.py文件修改# tesseract_cmd = 'tesseract'tesseract_cmd = 'D:\Program Files (x86)\Tesserac

2021-08-27 13:38:20 1349

原创 vue组件化

组件化提高开发效率方便重复使用提高维护性便于多人协同开发组件常用通信方式propseventbusvuex自定义事件边界情况$parent$children$root$refsprovide/inject非prop特性$attrs$listenersprops 父传子// childprops: { msg:String }// 父<hellow msg="hello">自定义事件// 子this.$emit('add',goo

2021-07-08 11:57:32 142 1

原创 多表一起单验证

// 多表单验证 validateForms(formRefs) { let objectList = []; let results = formRefs.map(formRef => new Promise((resolve, reject) => { formRef.validate((valid, object) => {

2021-03-30 13:22:05 109

原创 vue面试题

什么是mvvm是Model-View-ViewModel缩写一种设计思想Model代表数据模型 ,View代表UI组件,ViewModel是一个同步View和Model的对象。Model和View没有直接联系,通过ViewModel进行交互Model和ViewModel双向交互View和Model之间的同步是自动的,无需人为干涉只需要关注业务逻辑,不需要手动操作dommvvm和mvc区别区别不大,都是一种设计思想。mvc中的Controller演变成了mvvm中的ViewMo

2021-01-27 09:30:10 126

原创 vue项目封装请求

对于代码中的请求操作接口请求可能需要重用实际工作中,接口非常容易变动, 改起来很麻烦!所以建议的做法是把所有的请求都封装成函数然后统一的进行集中管理这样做的好处就是:管理维护更方便,也好重用在src文件夹中新建utils文件夹,在utils下新建request.js文件文件结构如图:request.jsimport axios from 'axios'import {Message} from 'element-ui'import store from '@/store'impo

2021-01-21 12:38:59 329

原创 Python基础(完结篇)

异常在Python中,程序在执行的过程中产生的错误称为异常。 如列表所以越界、打开不存在的文件等。异常类NameError尝试访问一个未声明的变量,会引发NameError。ZeroDivisionError当除数为零的时候,会引发ZeroDividionError异常。SyntaxError当解释器发现语法错误时,会引发SyntaxError异常。IndexError当使用序列中不存在的索引时,会引发IndexError异常KeyError当使用字典中不

2021-01-20 16:47:06 165

原创 Python基础3

文件操作模式描述r以只读方式打开文件。文件的指针将会放在文件的开头。这时默认模式rb以二进制格式打开一个文件用于只读。文件指针将会放在文件的开头。这时默认格式r+打开一个文件用于读写。文件指针将会放在文件的开头。rb+以二进制格式打开一个文件用于读写。文件指针将会放在文件的开头。w打开一个文件用于写入。如果该文件已存在则打开文件,并从开头开始编辑,即原有内容会被删除。如果该文件不存在,创建新文件wb以二进制格式打开一个文件只用于写入。如果该文件

2021-01-20 15:08:13 117

原创 Python基础2

公共操作运算符运算符描述支持容器类型+合并字符串、列表、元组*复制字符串、列表、元组in是否存在字符串、列表、元组、字典not in是否存在字符串、列表、元组、字典# + 合并str1 = 'aa'str2 = 'bb'print(str1+str2) # aabb# * 复制print('a'*5) # aaaaa# in not inprint('a' in str1) # Trueprint('a' not in s

2021-01-19 15:01:43 127

原创 Python基础01

python环境的搭建1.1 python解释器的安装下载地址:https://www.python.org/downloads/release/python-372/开始安装python解释器安装解释器非常简单,一定要把把下面的环境变量打上对勾, 然后在上面选择Install Now。 这里我选择Install Now,默认安装在C盘。如下如所示检验python解释器是否安装成功在dos命令行下,输入python,如果出现版本号,则安装成功。1.2 pycharm的安

2021-01-18 14:31:20 111

原创 js常用方法

邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}电话号码export const isPhone = (s) => { r.

2020-11-13 12:13:38 185

原创 微信小程序1s变黑白

app.wxss 文件加上page {filter: grayscale(100%);}

2020-11-02 12:46:06 1066

原创 小程序 scroll-view

<view class="current-choose-city">当前选择机场:{{chooseCity}}</view><view class="right-nav"> <view bindtap="getCurrentCode" class="{{chooseIndex ==index? '.city-list-active':''}}" wx:for="{{cityList}}" style="height:{{codeHeight}}px" data

2020-09-17 14:47:58 132

原创 小程序wx.showActionSheet()操作菜单

<view class="tui-content"> <view class="tui-show-name"> <text class="tui-card-btn" bindtap="openActionsheet">打开actionsheet</text> </view></view><view class="tui-fixed-foot"> <text class="tui-card-btn

2020-09-17 14:20:05 6429

原创 小程序图片预览

wxml<view> <button bindtap="previewImage" type="primary">上传</button> <view class="tui-content"> <image class="tui-preview-img" wx:for="{{previewImageArr}}" bindtap="changePreview" src="{{item}}"></image> <

2020-09-17 13:59:13 57

原创 小程序video发送弹幕

wxml<!--index.wxml--><view class="section tc"> <video id="myVideo" style="height:{{videoHeight}}px;width:{{videoWidth}}px" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620

2020-09-17 12:56:46 309

原创 防抖与节流

防抖就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。例子:监听浏览器滚动事件/** fn [function] 需要防抖的函数* delay [number] 毫秒,防抖期限值*/<html><head> <meta charset="utf-8"/> <title></title> <style> div{ height:1

2020-09-11 16:52:17 84

原创 第三方 登录 、支付 uni-app、小程序流程

uni-app登录流程获取微信appid和密钥获取appid后,在manifest.json中配置小程序的appid支付流程(微信支付)微信开放平台申请支付appid(分享、登录)填写manifest配置文件登录拿到codecode订单信息(价格)发送给后端请求成功拿到paymen对象(timestamp时间戳、noceStr、package,paysign支付指纹)4通过支付api requestPayment发起支付 weixinPay() {

2020-08-03 19:58:57 691

原创 公众号基础入门

准备注册一个微信公众账号配置服务器进入 左侧菜单 开发->基本配置也可以申请一个测试账号进入 左侧菜单 开发->开发工具配置相关文件编写服务文件(php版本)推荐使用新浪云服务器,前期免费。打开我提供的 微信开发后台工具包修改config.php文件<?php$appid = 'wx1b9562a2dc25e15c'; // 修改为自己的公众账号appid$appsecret = 'ee2982783622f43381e635968c

2020-07-30 08:45:02 170

原创 uni-app入门

uni-app是一个使用 Vue.js 开发所有前端应用的框架功能架构图开发工具HBuilderX创建项目在点击工具栏里的文件 -> 新建 -> 项目:运行uni-app浏览器运行真机运行在微信开发者工具里运行小程序配置条件编译写法: #ifdef %PLATFORM% 需条件编译的代码 //仅出现在 App 平台下的代码 #endif%PLATFORM% 取值APP-PLUS App平台APP-PLUS-NV

2020-07-30 08:44:48 190

原创 小程序登录流程、支付流程

流程wx.login 获取到code通过 open-type="getUserInfo"获取到头像、用户名等信息把code通过ajax发送给服务器服务器通过appid+appsecret+code 换取openid和session_key把openid+用户名、昵称存入服务器数据库中自定义用户信息,登录状态程序端bindgetuserinfo需要用户弹框授权 拿到头像、用户名… <button open-type="getUserInfo" bindgetuserinfo=

2020-07-28 08:42:27 210

原创 小程序3

分包拓展小程序 2m限制到16m;延迟加载内容;提高小程序首次显示速度和用户体验底部栏对应的页面是主包,底部栏对应的页面可以做出分包通常底部栏对应页面作为主包对应的二级页面作为分包子包相互间不能引用子包可以引用主包app的内容配置"subPackages": [{ "root":"news", "pages":[ "pages/article/article" ] } ],预加载 "preloadRule": { "pages/v

2020-07-28 08:41:15 114

原创 微信小程序组件小案例---个人中心

效果图页面<!--pages/com/com.wxml--><!-- props传参 --><!-- 安全设置 --><cell title="安全设置"note="手机号/密码"></cell><!-- 通用 --><cell cell-class="mycell"title="通用"></cell><!-- 首页 --><cell url="/news/

2020-07-27 15:53:42 1542

原创 小程序2

API设置顶部标题wx.setNavigationBarTitleonLoad: function (options) { wx.setNavigationBarTitle({ title: '爱笑话', }) this.getJock() },请求wx.requestgetJock(){ let that=this wx.request({ url: 'http://www.xxx.com/xx/list.php',

2020-07-24 08:32:54 114

原创 小程序1

在模板中定义代码片段,然后在不同的地方调用

2020-07-23 09:47:20 94

原创 webpack2

设置别名在webpack.config.js中const path=require('path') //引入pathpath是 node.js内置的方法resolve:{ alias:{//alias别名 '@':path.resolve(__dirname,'./src')//设置@为src目录 }},静态资源目录 拷贝文件(设置静态资源模式)npm i copy-webpack-plugin -D导入const copyPlugin=require('copy-webpack-p

2020-07-20 11:51:34 97

原创 webpack

步骤:创建一个新文件夹mkdir mywebpack进入文件夹执行npm init -y安装webpacknpm install webpack webpack-cli --save-dev在文件夹中创建一个dist文件夹在dist文件夹中新建index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个webpack</title&

2020-07-16 18:41:17 141

原创 echarts 全国新冠肺炎分布图

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全国新冠肺炎分布图</title> <script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery-3.3.1.js" type

2020-07-15 17:52:59 6102

原创 echarts 制作新冠肺炎趋势 -加动画

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/echarts.min.js"></script> <script src="js/feiyan.js"></script> <style>#app{ width: 1000px; hei

2020-07-15 11:57:17 384 17

前端开发规范12345.zip

前端开发规范12345.zip

2021-08-26

空空如也

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

TA关注的人

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