- 博客(66)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序添加图片验证码
生成验证码代码来源：https://blog.csdn.net/java558/article/details/118105910，我把业务代码抽出来弄成一个组件。自己调试过程中遇到了一点问题。
2024-11-19 16:56:15
817
原创 【Webpack 踩坑】img 标签图片加载不出来
看了好多帖子都写的是打包后，图片有问题。，抱着试一下的态度加上去，没想到还真有用）标签路径解析错误，导致加载不出来。写原生代码，一下子踩了好多坑…不管怎么改控制台都显示下面的。一直用框架开发，好久没用过。文件成功加载了，以为不用。
2024-07-30 16:29:30
717
原创 关于 iPhone 设置背景图屏幕居中显示失败
正常情况下，用以下设置可以使背景图居中在屏幕中间，不随滚动条往下滑动但是，听反馈说在 iPhone 手机上，那个背景图是整个篇幅的居中
2022-12-05 11:31:16
782
原创 vue3 + element-plus + typescript 创建系统
vue3 + typescript + element-plus 构建系统
2022-06-13 16:15:21
1019
原创 NodeJS 入门
NodeJS 是什么？● node.js是一个开发平台，就像 JAVA开发平台、.net开发平台、PHP 开发平台开发平台有对应的编程语言、有语言运行时、有能实现特性功能的 API（SDK：Software Development Kit）● 该平台使用的编程语言是 JavaScript●node.js平台基于 chrome VB JavaScript引擎构建● 基于 node.js 可以开发控制台程序（命令行程序、CLI程序）、桌面应用程序（GUI）（借助 node-webkit、electro
2022-03-01 18:17:20
3154
原创 nodeJS 学习笔记
Node 的作用和应用脱离浏览器运行 JS 后台 API 编写 Webpack，Gulp，Npm等 中间层：服务器中负责 IO 读写的中间层服务器Node的优势便于前端开发入门 性能高 利于前端代码整合Node 中的模块全局模块：何时何地都能访问，不需要引用 系统模块：需要 require()，但不需要单独下载 自定义模块：require 自己封装的模块require：如果有路径，就去路径里面找 没有的话就去 node_modules 里面找 上述都没有的..
2022-02-28 15:21:27
945
原创 光大教育笔试题
Mark 一下光大教育面试的笔试题~1. flex 布局有哪些可设置的属性？容器属性：flex-direction 决定主轴的方向flex-wrap 如果一条轴线排不下，如何换行flex-flow 是flex-direction属性和flex-wrap属性的简写模式justify-content 定义了项目在主轴上的对齐方式align-items 定义项目在交叉轴上如何对齐align-content定义了多根轴线的对齐方式。如果项目只有一个轴线，该属性不起作用项目属性；.
2021-06-18 10:40:55
2040
原创 CSS 动画
【学习笔记】阮一峰的网络日志——CSS动画来源网址：https://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.htmlCSS Transition/* 简写模式： */img { transition: 1s 1s height ease; }/* 单独定义 */img { transition-property: height; transition-duration: 1.
2021-05-12 10:30:24
163
原创 设置滚动条样式
因为多次在项目中需要用到，每次都会搜很久，所以写下这篇方便自己之后要用到可以很快做出来。虽然做过两三次但还是不记得怎么写。hhhhh这篇只是粗略mark一下，本人觉得这篇写得很详细，大家可以去学习学习：https://blog.csdn.net/weixin_42839080/article/details/81572047webkit浏览器滚动条属性：::-webkit-scroll...
2020-03-13 12:41:21
360
原创 解决el-table切换分页的时候选项被清空
用到的属性和方法说明要点：给每行赋一个id做标识 type="selection"的那一行添加一个 reserve-selection 属性 添加 @selection-change="handleSelectionChange" 这一个方法保留之前选中的数据<template> <div> <el-table @s...
2020-02-27 16:07:49
3756
1
原创 vue实现多选、全选功能
<!-- template --><span class="title" v-if="clickAll" @click="clearCheck">取消</span><span class="title" v-else @click="checkAll">全选</span><div class="one-item" v-for...
2019-08-19 16:10:47
8385
原创 input相关操作
input的type为number时，英文输入法输入e无效和不能输入负数：<input type="number" class="num" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" οnkeyup="(this.v=function(){this.value=this.value.rep...
2019-08-09 16:47:29
485
原创 textarea自适应高度
<div class="input-textarea" :disabled="true" contenteditable="true">此处显示文字<br /></div>.input-textarea { border: 0; outline: 0; /* outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出...
2019-07-26 16:02:44
391
原创 jQuery设置网页全屏功能
<img id="alarm-fullscreen-toggler" src="#" alt="全屏按钮" />// 设置全屏：目前这个方法无法监听 ESC 键盘按键$('#alarm-fullscreen-toggler').on('click', function (e) { var element = document.documentElement; // 返回 ht...
2019-03-14 16:05:58
6197
原创 微信小程序设计指南
友好礼貌重点突出每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下，应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。流程明确为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。清晰明确一旦用户进入我们的小程序页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处...
2019-02-13 14:25:57
1110
原创 Ajax
AjaxAjax 是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax = 异步 JavaScript + XML。Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。Ajax 用于创造动态性更强的应用程序Ajax 可用来与数据库进行动态通...
2019-02-11 17:05:38
5741
原创 微信小程序——逻辑层 App Service
小程序App(Object)App()函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期回调等。App()必须在app.js中调用，必须调用且只能调用一次。不然会出现无法预期的后果。...
2019-01-31 16:04:20
2122
转载 前端编码规范
HTML：用两个空格来缩进；对于属性的定义，确保全部使用双引号，绝不要使用单引号；不要在自闭合（self-closing）元素的尾部添加斜线，如&lt;img&gt;；文档编码采用 UTF-8；尽量遵循HTML 标准和语义，尽量使用最少的标签并保持最小的复杂度；布尔型属性可以在声明时不赋值，如&lt;input type="checkbox" value="1" checke
2019-01-28 11:08:22
354
原创 微信小程序——代码构成
JSON 配置项目的根目录有一个app.json 和 project.config.json，此外在pages/logs目录下还有一个logs.json小程序配置 app.jsonapp.json 是当前小程序的全局配置，包括了小程序的所有页面路径、页面表现、网络超时时间、底部Tab等。QuickStart项目里的app.json配置内容如下：{ &amp;amp;amp;amp;quot;pages&amp;amp;amp;amp;quot;: [&am
2019-01-24 15:20:15
1228
1
原创 小程序官方组件
组件原生组件说明小程序中的部分组件是由客户端创建的原生组件，这些组件有：cameracanvasinput（仅在focus 时表现为原生组件）live-playerlive-pushermaptextareavideo原生组件的使用限制由于原生组件脱离在 WebView 渲染流程外，因此在使用时有以下限制：原生组件的层级是最高的，所以页面中的其他组件无论设置z-i...
2019-01-24 10:48:30
1612
原创 不成熟的头像上传、截取插件——平移和缩放功能没问题
主要的功能有： 上传图片 <input type="file" name="" id="inputBox"><input>标签上的type是file，就可以实现读取手机/电脑上的文件夹，并上传 读取上传的图片并显示出来 这里要借助canvas来显示和操作图片。读取图片需要用到FileReader中的readAsDataURL()。...
2019-01-18 17:21:06
295
原创 JS—— canvas 加载图片等比例缩放
第一种：等比例缩放图片（没有设置清除画布，所以在第一次上传图片后再上传一次会被覆盖掉）<input type="file" name="" id="inputBox"> <!-- 获取对文件的描述信息 -> 选择文件 --><canvas id="avatar"></canvas> &
2019-01-11 14:12:28
19126
原创 改变input的type类型是file的button样式
<input type="file" name=""><input>标签的type是file就会有上面选择文件的button，点击button可以选择本地文件进行上传。但是默认的button样式太一般了，就会有人想要改变样式。但是这个button的样式是不能修改的，这时候要改变样式只能加上一个外部标签。/* CSS */<style type="te...
2019-01-10 20:13:46
3466
6
vuetify怎么修改组件样式
2021-09-30
SOS！vuetify 自定义 sass 变量不生效了！
2021-09-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人