- 博客(115)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 png图片给背景添加阴影
使用 参数沿图像的轮廓生成阴影效果。阴影语法类似于 （在 CSS 背景和边框模块中定义），但不允许使用 inset 关键字以及 spread 参数。与所有 filter 属性值一样，任何在 drop-shadow() 后的滤镜同样会应用在阴影上。CSS filter 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。/* 阴影模糊半径 */
2023-10-07 15:21:34
222
原创 行内元素文字背景被截断的问题，如何进行修改？
元素被按照盒子被切割前的原始样式渲染，之后，针对每个行/列/页面将此假设框渲染成片段。请注意，假设框对于每个片段可以是不同的，因为如果中断发生在行内方向，则它使用自己的高度，如果中断发生在块方向，则它使用自己的宽度。border-radius、border-image、box-shadow独立地应用于每个片段，每个片段的背景也是独立绘制的，这意味着使用。box-decoration-break 属性用来定义当元素跨多行、多列或多页时，元素的片段应如何呈现。这里背景是被截断的，有什么css样式可以修改它呢？
2023-10-07 11:28:59
146
原创 wails 命令好像不见了,cmd没有该命令。
目录不在 PATH 环境变量中。通常情况下还需要关闭并重新打开任何已打开的命令提示符，以便安装程序对环境所做的更改反映在命令提示符中。如果您的系统报告缺少 wails 命令，请确保您已正确遵循 Go 安装指南。通常，这意味着您的用户 home 目录中的 go/bin。这两个是不同的，一个go在cmd环境下运行，另一个go get 下来的包的运行环境。这是官方的解释，人话就是，之前你安装go的时候，没有默认安装，自己自定义的目录。去重新编辑一下环境变量即可，也就是自己自定义的工作区。
2023-06-02 16:15:31
380
原创 vue3+vite+ts日常学习，项目笔记（1）
官网链接：https://vitejs.cn/guide/#scaffolding-your-first-vite-project。相当于在模板中使用 $router。更多配置：https://juejin.cn/post/7139372943661858830。官网配置链接：https://router.vuejs.org/zh/guide/1.vue3的事件绑定，需要返回方法，方能使用。2.使用route需要引入后，才能使用。在app.vue中配置路由出口页面。在mian文件中使用路由。
2023-02-28 11:30:44
662
原创 gin框架使用日常笔记
相关链接：https://gin-gonic.com/zh-cn/docs/examples/binding-and-validation/
2023-02-22 11:18:42
72
原创 html中的js（script标签中的常用属性）
要包含外部 JavaScript 文件，必须将 src 属性设置为要包含文件的 URL。文件可以跟网页在同一台服务器上，也可以位于完全不同的域。 所有元素会依照它们在网页中出现的次序被解释。在不使用 defer 和 async 属性的情况下，包含在元素中的代码必须严格按次序解释。 对不推迟执行的脚本，浏览器必须解释完位于元素中的代码，然后才能继续渲染页面的剩余部分。
2022-09-14 17:19:34
669
原创 作用域是什么？如何理解作用域。（日常笔记）
这个建筑代表程序中的嵌套作用域链。第一层楼代表当前的执行作用域，也就是你所处的 位置。建筑的顶层代表全局作用域。例子：包含着整个全局作用域，其中只有一个标识符：foo。包含着 foo 所创建的作用域，其中有三个标识符：a、bar 和 b。 包含着bar 所创建的作用域，其中只有一个标识符：c。函数作用域匿名和具名函数表达式：这种叫做：匿名函数表达式...
2022-06-17 16:41:51
492
原创 vue3中setup使用ref视图没有发生变化，记录自己的坑
在 Vue 3.0 中，我们可以通过一个新的 ref 函数使任何响应式变量在任何地方起作用原本以为代码是没有什么，而且打印也能看到showSearch的值发生变化，但视图没有任何响应。百度看了，也没看出问题。（估计是问题太低级了，这里是记入自己的坑）看了vue文案的案例:才后知后觉，是不是少了value这个属性没用上去。发现可以正常控制插件的显示了。
2022-06-01 10:40:48
2369
3
原创 js代理模式（日常笔记）
代理模式是一种非常有意义的模式，在生活中可以找到很多代理模式的场景。比如，明星都有经纪人作为代理。如果想请明星来办一场商业演出，只能联系他的经纪人。经纪人会把商业演出的细节和报酬都谈好之后，再把合同交给明星签。案例：小明追女神小明喜欢我们的女神，小明打算在一天后给女神表白。这时，小明打听到他们共同有一个好友小红，他把买来的花给了小红代替提交给女神。直接送花的小明var Flower = function (name) { this.name = name}var xiaoming.
2022-04-06 16:39:18
364
原创 实战中的策略模式（日常笔记）
表单验证的规则的实现基础实现手机号码的校验密码的长度的验证不小于6表单结构 <form action="http:// xxx.com/register" id="registerForm" method="post"> 请输入手机号码：<input type="text" name="phoneNumber" /> 请输入密码：<input type="text" name="password" /> <button&g
2022-03-30 15:26:43
172
原创 js的策略模式（日常笔记）
条条大路通罗马策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。初探策略模式问题：绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。代码实现：// 定义一个方法var calculateBonus = function(performanceLevel,salary){ if(performanceLevel==='S'){ return salary*4 }.
2022-03-22 17:18:20
282
原创 单例模式（日常笔记1）
定义单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。生活中例子当我们在电脑上玩经营类的游戏，经过一番眼花缭乱的骚操作好不容易走上正轨，夜深了我们去休息，第二天打开电脑，发现要从头玩，立马就把电脑扔窗外了，所以一般希望从前一天的进度接着打，这里就用到了存档。每次玩这游戏的时候，我们都希望拿到同一个存档接着玩，这就是属于单例模式的一个实例。使用的场景有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器中的 window 对象等。实现单例模式要实现一个标准
2022-03-11 17:53:16
1447
原创 动态数据和鸭子模型（笔记）
编程语言按照数据类型大体可以分为两类，一类是静态类型语言，另一类是动态类型语言。静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行的时候，待变量被赋予某个值之后，才会具有某种类型。静态类型语言的优点首先是在编译时就能发现类型不匹配的错误，编辑器可以帮助我们提前避免程序在运行期间有可能发生的一些错误。其次，如果在程序中明确地规定了数据类型，编译器还可以针对这些信息对程序进行一些优化工作，提高程序执行速度。静态类型语言的缺点首先是迫使程序员依照强契约来编写程序，为每个变量规
2022-03-01 17:11:13
93
原创 vue实现简单的瀑布流布局
<template> <div class="waterfull"> <h2>瀑布流布局</h2> <div class="v-waterfall-content" id="v-waterfall"> <div v-for="(img, index) in waterfallList" :key="index" class="v-waterfall-item"
2022-02-22 15:41:15
1100
2
原创 apply，call，bind的理解和使用
call、apply 和 bind 是挂在 Function 对象上的三个方法，调用这三个方法的必须是一个函数。
2022-02-09 16:27:25
592
原创 常见面试题记录
前端需要注意哪些SEO1.合理的标签使用2.合理的title、description、keywords3.语义化的HTML代码，符合W3C规范4.非装饰性图片必须加altimg的title和alt有什么区别title:图片名称，鼠标滑过图片时展示的名称alt:图片在不显示的时候，解释说明使用HTTP的几种请求方法用途get,put,delect,postget:明文传输，通常放在url后面post:向URL指定的资源提交数据或附加新的数据PUT方法跟POST方法很像，也是想
2022-02-08 16:21:28
53
原创 重新理解prominse（巩固基础）(一)
同步编程与异步编程同步行为和异步行为的对立统一是计算机科学的一个基本概念。异步行为是为了优化因计算量大而时间长的操作。同步行为与异步行为同步操作的例子可以是执行一次简单的数学计算：let x = 3;x = x + 4;异步操作的例子可以是在定时回调中执行一次简单的数学计算：let x = 3;setTimeout(() => x = x + 4, 1000);同步行为对应内存中顺序执行的处理器指令。每条指令都会严格按照它们出现的顺序来执行，而每条指令执行后也能立即获得存储
2022-01-18 18:01:55
719
原创 日常记录 vue3如何注册绑定原型链
Vue.prototype 替换为 config.globalProperties在 Vue 2 中， Vue.prototype 通常用于添加所有组件都能访问的 property。在 Vue 3 等同于config.globalProperties。这些 property 将被复制到应用中作为实例化组件的一部分。// 之前 - Vue 2Vue.prototype.$http = () => {}// 之后 - Vue 3const app = createApp({})app.con
2021-11-27 13:55:14
1000
原创 es5程序设计（如何把代码写到一眼看不懂）
案例：计算器的实现代码普通人怎么写的：html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2021-10-15 16:14:33
122
原创 你需要知道的 JavaScript 优化技巧（大自然搬运工）
多个条件的判断//普通写法if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {//logic}//简写方法if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}If true … else简写方法// 普通方法let test= boolean;if (x > 100) {test = true;} else {test = fa.
2021-10-09 18:07:48
96
原创 es6中class一些简单用法
ES6 的class可以看作只是一个ES5生成实例对象的构造函数的语法糖。它参考了java语言，定义了一个类的概念，让对象原型写法更加清晰，对象实例化更像是一种面向对象编程。Class类可以通过extends实现继承。它和ES5构造函数的不同点类的内部定义的所有方法，都是不可枚举的///ES5function ES5Fun (x, y) { this.x = x; this.y = y;}ES5Fun.prototype.toString = function () { return .
2021-10-08 16:06:20
503
原创 前端性能优化（笔记）
经典面试题：你有做过什么性能优化吗？content方面减少HTTP请求：合并文件、CSS精灵、inline Image减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减小cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用不使用@importJavascript方面将脚本放到页面底部将javascript和css从外部引入压缩java.
2021-08-30 16:55:18
71
原创 笔记--选择排序
从未排序的序列中找到最大（或最小的）放在已排序序列的末尾（为空则放在起始位置），重复该操作，知道所有数据都已放入已排序序列中。 function soloceSort(arr) { let length = arr.length, indexMin for (let i = 0; i < length - 1; i++) { indexMin = i for (let j = i; j < length; j++.
2021-08-17 17:25:22
54
原创 笔记--冒泡排序
从左到右，相邻元素进行比较，如果前一个元素值大于后一个元素值（正序），则交换，这样一轮下来，将最大的数在最右边冒泡出来。这样一轮一轮下来，最后实现从小到大排序。 function bubbleSort(arr) { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1.
2021-08-17 11:53:18
81
原创 apply/call/bind 原理
callapplybind参数多个单个数组多个功能改变this指向改变this指向改变this指向返回结果直接执行直接执行返回待执行函数call、apply 和 bind 是挂在 Function 对象上的三个方法，调用这三个方法的必须是一个函数。在浏览器里，在全局范围内this 指向window对象； 在函数中，this永远指向最后调用他的那个对象；构造函数中，this指向new出来的那个新的对象； call、apply、bind中的t...
2021-08-13 11:45:32
157
原创 前端代码规范网站推荐
京东凹凸实验室前端代码规范https://guide.aotu.io/ 链接腾讯前端代码规范链接http://tgideas.qq.com/doc/index.html百度前端代码规范文档链接https://github.com/ecomfe/specjavaScript Standard Style链接https://github.com/standard/standardVue官方特有的代码风格指南链接https://cn.vuejs.org/v2/style-guide/inde
2021-08-13 09:57:34
979
原创 每天一道面试题——闭包
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。闭包其实就是一个可以访问其他函数内部变量的函数。创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以 访问到当前函数的局部变量。简单的例子 function bibao() .
2021-07-29 11:55:33
413
原创 数组常见的es5的方法，不包含遍历方法（toString，jion，pusp，pop，unshift，shift）
/** * pusp 在数组最后一位添加 返回数组增加后的长度 * pop 在数组最后一位删除 返回被删除的值 * * unshift 在数组第一位添加 返回数组增加后的长度 * shift 在数组最后一位删除 返回被删除的值 */
2021-05-13 19:19:53
283
1
原创 VUE的数据的代理，原生实现
> vue中的对象代理例子？ data(){ return{ a:1, b:2 } } 想要实现的效果 var vm = new VUE({ data(){ return{ a:1, b:2 } }a }) 必要性 可以通过vm访问到VUE构造函数中的data,并且执行怎么能通过con..
2021-05-13 02:27:28
265
原创 好看的头像排序样式
<div>1</div><div>2</div><div>3</div><div>4</div>body{ background:#000; display: flex; justify-content: center; align-items: center; height:100vh; flex-direction: row-reverse;}div{ width:.
2021-04-29 11:06:13
261
转载 el-form 表单包含多个 el-input 时的校验方法
https://blog.csdn.net/qq_36437172/article/details/97139963`//data const checkOvertime = (rule, value, callback) => { const honor_max = this.$refs.postForm.value if (value && honor_max) { callback() } else {
2021-04-22 16:42:48
934
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人