前端
关注
分享
扫一扫
前端标签巧用
来自喵星
一个懒人
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp 微信小程序绘制canvas,保存canvas为图片到手机/本地
vue<canvas id="myCanvas" canvas-id="myCanvas" style="width: 100%;height: 100%;position: fixed;"></canvas>jswriteCanvas(){ var that = this; new Promise(function(resp,rej){ uni.getImageInfo({ src: that.imageUrl, s..原创 2021-08-28 16:06:06 · 2455 阅读 · 5 评论 -
JS之正则表达式语法大全（非常详细）
JS正则表达式语法大全（非常详细）转载 2021-10-13 11:39:06 · 679 阅读 · 0 评论 -
SpringMVC关于get请求传参的问题
在SpringMVC中，请求GetMapping注解的控制器方法，传参数时，如果直接使用get传递一个body参数过去，后端是不能正确接收的这儿有一个篇如何为什么get请求不能正确接收body的解释：本文有点啰嗦，没耐心的直接拉到末尾看结论。在网上可以经常看到关于 HTTP GET 请求能不能带 body 的讨论。有的人认为 GET 请求可以带 body，有的认为 GET 请求不能带 body，还有些人认为可以带但最好不带。大家各…https://zhuanlan.zhihu.com/p/45692原创 2022-03-23 22:18:32 · 2268 阅读 · 0 评论 -
js之页面滚动,使用js控制的小火箭滚动页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>火箭</title></head><body> <div style="w.原创 2021-09-27 11:55:45 · 375 阅读 · 0 评论 -
js复习之正则表达式正向肯定与否定预查询
正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。原创 2022-12-31 18:06:42 · 1128 阅读 · 0 评论 -
js之Object.assign()的简单使用
Object.assign()用于合并/复制对象的属性。Object.assign(target, source_1, ..., source_n).首先定义一个js function对象，设置一个属性num=10并添加一个$abc的方法var A = function() { this.num=10 }A.prototype.$abc = function() { console.log(this.num); }通过Object.assign直接复制A的所有方法到空对象{}原创 2022-04-12 20:57:49 · 1700 阅读 · 0 评论 -
获取到使用node开发的前端项目后，需要初始化项目的命令
首先需要安装node，这里版本node版本为：v10.16.0npm版本为：6.9.0npm install --global --production windows-build-tools --registry=https://registry.npm.taobao.org如果发现下载很慢或者出现卡死的情况，可能需要搭梯子才能完整初始化，出现以下问题需要使用管理员权限才能使用该命令，如果使用该命令之后提示python环境未配置则还需要安装python环境，我安装的是3.7版本的完成上面的安原创 2021-02-23 11:25:02 · 432 阅读 · 0 评论 -
vue项目前后端联调请求成功，但是因为cookie无法使用导致第二次请求失败
代码里面手动写了debugger通过IP访问时就是无法进入这个断点，根据之前使用localhost能正常调试得出结果，通过换localhost访问方式后正常进入断点接口请求成功，授权也通过了，但是还是请求失败这个问题可能是因为浏览器用了localhost请求，但是接口用的是IP请求，要正常访问需要保持一致的访问方式，请求接口也要改成localhost访问方式，因为springboot是开启HttpOnly模式的，这个模式下不允许在请求IP不同的情况脚本读取cookie.原创 2022-05-06 20:54:34 · 914 阅读 · 0 评论 -
thymeleaf模板引擎语法及常用指令学习
在controller类方法中使用org.springframework.ui.Model传参。thymeleaf模板引擎常用指令及表达式。原创 2022-12-28 17:36:36 · 1249 阅读 · 0 评论 -
无法访问https://element.eleme.cn和https://element.eleme.io
2.进行第一步处理后，会发现还是无法访问element.eleme.cn，这个时候点开f12开发者模式，查看浏览器的请求记录，发现报了一个错，vue is undefined，查看网络请求发现一个关于vue文件的获取请求失败了，这个时候去复制该链接，直接访问一下，发现报一样的错，直接通过下方显示的链接访问或者按照刚才的处理步骤，再处理一遍就行了，然后回去elementui页面，点击刷新页面就能正常访问了。或者在该页面空白部分直接键入thisisunsafe+回车访问，直接按键盘就行，不用在地址输入。原创 2022-11-21 12:02:38 · 3064 阅读 · 0 评论 -
cdp4j爬虫自动化学习
cdp4j是一个Java库，它提供了高级API来通过DevTools协议控制Chrome或Chromium。它可以用于自动使用网页和测试网页。cdp4j默认情况下可以完全运行，但可以配置为运行无头Chrome或Chromium。使用cdp4j，要求必须有谷歌浏览器。原创 2022-12-11 19:49:40 · 2045 阅读 · 3 评论 -
js之WebSocket使用demo，node作后端服务器 socket通信
WebSocket使用demo，ws前后端通信，服务器为nodejs服务端代码客户端代码效果写个ws通信demo看看后端用的nodejs-websocket安装完node后使用npm install nodejs-websocket命令安装socket服务端组件服务端代码var ws = require('nodejs-websocket');var userMap = {};//服务器维护的客户端连接映射表var customer = [];//所有客户端var server = ws.原创 2021-08-28 13:11:10 · 1136 阅读 · 1 评论 -
js之模拟一个类似于Promise的函数去同步异步的处理
写前端的时候经常在写Promise,从来没有理解过Promise中的原理如何,Promise函数的结构非常巧妙, 今天就来看看Promise原理究竟是咋样的//模拟一个类似于Promise的函数去同步异步的处理function MyPromise(func){ let vm = this; vm.executed = false;//表明是否已执行mythen的回调 vm.resolve = function(data){ if(!vm.execute...原创 2021-11-11 15:15:23 · 972 阅读 · 0 评论 -
C# MVC Ajax上传图片及文件 前后端分离测试
原始表单同步提交文件前端代码<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试文件上传</title> <style> .b1 { bo.原创 2020-07-09 14:09:29 · 979 阅读 · 0 评论 -
js之快速将json数据转换为url参数
js快速将json数据转换为url参数原创 2022-07-04 17:28:33 · 2087 阅读 · 0 评论 -
js之对列表对象进行多列排序
对列表对象进行排序，多列排序要使用稳定排序算法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>sortForList</title></head>原创 2021-09-26 18:04:54 · 1698 阅读 · 0 评论 -
vue改变class样式
vue改变class样式首先，定义了样式 .change{ height: 100px; width: 100px; line-height: 100px; background-color: #ff0000; border-radius: 50%; text-align: center; ...原创 2019-12-24 19:58:26 · 6684 阅读 · 2 评论 -
vue中组件间的数据传递及事件处理
使用子触发父事件方式传参, 或者父组件直接使用v-model进行双向绑定, 当子组件修改属性时, 父属性也会变化。– 父调用子组件事件。原创 2023-06-29 08:56:39 · 708 阅读 · 0 评论 -
vue+element弹出输入框, 官方单个的, 自定义的
目录1.官方单个的输入弹窗，用来提交单个内容2.自定义多个的弹窗，也是改自官方国内官网在这儿：Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/dialog本文就写了单独的输入框和自定义的多个弹窗输入，废话少说，直接上代码1.官方单个的输入弹窗，用来提交单个..原创 2021-12-18 22:23:55 · 11138 阅读 · 1 评论 -
vue3的setup中的那些操作
这里的ref(null)，ref用来创建一个支持vue的响应式数据，会将divRef用vue的Watcher处理一遍，通过divRef.value来修改值的数据，注意不能直接用=给divRef赋值，因为这样会改变divRef的引用地址。setup() 函数的用法，可以代替 Vue2 中的 data 和 methods 属性，直接把逻辑写在 setup 里就可以。注： return出去的数据和方法，在模板中才可以使用，这样可以精准的控制暴漏的变量和方法。toRefs 结构后的数据转换为响应式数据。原创 2023-08-18 09:35:31 · 290 阅读 · 0 评论 -
Vue2.6.4源码：模版编译
本篇主要讲解，vue文本的解析。话不多说，先上源码：[cc]// 源码位于 src/compiler/parser/text-parsre.jsconst defaultTagRE = /\{\{((?)\}\}/gc...Vue源码解析：模版编译之来龙去脉（三） | 码农家园。转载 2022-09-09 00:03:42 · 146 阅读 · 0 评论 -
uniapp生命周期
为女神勋章而战。uniapp生命周期不同于vue生命周期，uniapp生命周期分为原创 2023-03-08 22:51:52 · 810 阅读 · 0 评论 -
uniapp 空格怎么打?
学html的时候学的是使用 这玩意儿好像在uniapp中不好使的样子, 但是可以正常使用><等转义符在uniapp中可以使用双括号中间放空格的方式直接写空格, 方便快捷{{' '}}原创 2021-11-18 17:11:21 · 14901 阅读 · 8 评论 -
uniapp创建抛物线动画
uniapp创建抛物线动画<view style="width: 100rpx;height: 100rpx;top: 0rpx;background-color:#111;border-radius:50rpx;position:absolute;" id="circleView" :animation="aniAction" style="">let second = 3;//运行的时间let millisecond = second*1000; //m原创 2021-09-27 12:00:57 · 1033 阅读 · 0 评论 -
使用uniapp插件写一个弹框/弹窗
具体的官网插件使用方法：uni-popup 弹出层 - DCloud 插件市场 Popup 组件，提供常用的弹层https://ext.dcloud.net.cn/plugin?id=329我这里根据官网案例只提供了一个输入框的交互窗口， 点击按钮，弹出窗口，<script> export default { data(){ return { value:"", } }, methods:{ //填写搬运 open(va...原创 2021-11-10 15:20:16 · 4844 阅读 · 0 评论 -
创建可以离线打包开发的uniapp H5项目
创建可以离线打包开发的uniapp H5项目，离线环境下便捷发布原创 2023-11-26 16:16:04 · 2118 阅读 · 0 评论 -
freemarker模板引擎语法及常用指令学习
在controller类方法中使用org.springframework.ui.Model传参。原创 2022-12-28 14:02:59 · 853 阅读 · 0 评论 -
vue 父组件使用子组件的ref对象
1.首先在父组件中定义一个ref属性<AddTemplateContent ref="dataForm" :temp="temp"/>2.然后在子组件中也定义一个ref，并且绑定的model不能为v-model 只能是model<el-form ref="contentForm" :model="temp" :rules="rules"3.然后就可以在父组件中使用refs调用子组件的validate了this.$refs.dataForm.$refs.原创 2022-02-23 15:16:01 · 1172 阅读 · 0 评论 -
vue element 组件创建, 父子组件传参
定义一个组件<template> <!-- 使用了element-ui的下拉选框组件, v-bind="$attrs" 可以把父组件的所有元素打包然后传给孙元素, 不用通过props了 v-on="$listeners" 可以把父组件的所有事件打包然后传给孙元素, 不用通过props了 v-model="selectVal" 使用组件内部属性将选中的值通过,selectVal属性进行双向绑定, 父组件使用v-model传递的值默认是传给props.原创 2022-02-17 15:43:05 · 1026 阅读 · 0 评论 -
html中a标签的target属性值iframe
<a href="xxx.html" target="iframe"> 使用iframe调用xxx.html页面</a>target='iframe'并不会打开新的或者覆盖本页面, 而是会在本页的iframe中打开这个页面原创 2022-02-10 16:27:38 · 1840 阅读 · 0 评论