【碎片笔记】2022年4月~5月
html 禁止缩放
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
安装vant2最高版本的依赖到生产环境:
npm i vant@latest-v2 -S
-
1
2
3
4
5
6#npm常用的安装命令
npm i 就是npm install 简写
npm i xxx -D 就是 npm i xxx --save-dev
npm i xxx -S 就是 npm i xxx --save
npm i xxx -g 就是 全局安装
npm i xxx 就是本地安装【命令详解】
npm i xxx –save-dev 是把依赖写入进devDependencies对象里面
npm i xxx –save 是把依赖写入进dependencies对象里面
npm i xxx -g 就是安装到全局下,在命令行的任何地方都可以操作,不会提示“命令不存在等错误”
npm i xxxx 就是安装到当前命令行下的目录中,但不会记录在package.json中,npm install时不会自动安装此依赖
【作用】
devDependencies 是开发环境下的依赖,这里是开发环境下的依赖,上线后非必需,比如:webpack,gulp等压缩打包工具,less-loader 和 less 等CSS预处理工具
dependencies 是生产环境下的依赖,项目刚需的依赖在这里,比如UI框架,字体文件等线上必需的东西.
一般这个配置在package.json文件中. params方式带参数的页面跳转 - 博客园
VUE路由携带参数的三种方式 - bbsmax
Vue3.0中setup函数的使用 - 博客园
由于我们不能在 setup函数中使用 data 和 methods,所以 Vue 为了避免我们错误的使用,直接将 setup函数中的this修改成了 undefined
vue 的生命周期函数 - CSDN
-
- 邮箱正则表达式:
^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$
- 邮箱正则表达式:
ECharts图像自适应方法:
1
2
3
4myChart.resize(); //不加这一行会导致窗口大小变化前不出现图像
window.onresize = function(){
myChart.resize();
}maxlength 属性与
<input type="text">
或<input type="password">
配合使用,在<input type="number">
中是没效果的原生JS实现60秒短信倒计时按钮变换效果
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29// 短信按钮倒计时
var countdown = 60;
settime();
function settime() {
var obj = document.getElementById('SMS_btn');
// console.log(obj)
if (countdown == 0) {
obj.disabled = false
// $('#SMS_btn').css({
// 'background-color': '#FE8B25',
// });
obj.innerHTML = "获取";
countdown = 60;
return;
} else {
obj.disabled = true
// $('#SMS_btn').css({
// 'background-color': '#4f4f4f75',
// 'font-size': '.32rem',
// 'width' : '2.2rem'
// });
obj.innerHTML = countdown + "秒";
// obj.style.fontSize = ".32rem";
countdown--;
}
setTimeout(function () {
settime(obj)
}, 1000);
}-
- 方法一:
$("#checkebox").attr('checked');
- 方法二:
$("#checkebox").is(":checked");
- 方法一:
JS返回功能
onclick="history.go(-1)"
JS重定向
onclick= "window.location.href='网址'"
电脑删除文件需要管理员权限怎么办
试了不管用,最后我是用VScode打开文件夹后删除的,删除时Win10问我是否给vscode权限,点击确定后,vscode提示无法放入回收站,是否直接删除,点击确定,删除成功给文本域
<textarea>
标签设置只能调整高度不能调整宽度,可以使用css中的resize: vertical;
属性和属性值,关于resize属性可以看看这篇博文。-
- 可参照官网部署教程在
vue.config.js
中设置publicPath
。如果不设置的话默认打包后页面引用网站“根目录”下的JS文件,打包产物必须放在网站根目录下才能正常显示;如果将打包产物放在根目录下的子目录中,则app.js
将不能被正确引用使页面空白,需要配置publicPath
- 可参照官网部署教程在
有的时候调整完页面的CSS样式,由于微信浏览器的缓存,打开后一段时间内还会保持之前的样式,这时候就需要清除缓存重新加载页面了。可见:微信内置浏览器清除缓存方法
- 打开浏览器debug模式。在对话框输入
debugmm.qq.com/?forcex5=true
,然后点击进入。当看到force use x5 switch is on
时即可关闭。 - 打开浏览器调试页面。在对话框输入
debugtbs.qq.com
,然后进入,点击清除本地缓存
即可完成清除。 - 这一步是在第二步无效的时候可以使用的。对于Android版微信内置浏览器(X5内核),在微信内打开链接
https://debugx5.qq.com
,勾选下方的cookie、文件缓存、广告过滤缓存、DNS缓存,点击清除即可。
- 打开浏览器debug模式。在对话框输入
查看、编辑和删除 Cookie-Microsoft Edge 开发人员文档
php中的Cookie是什么?-博客园
PHP Cookie-菜鸟教程
cookie与本地存储-CSDN
用JQ获取div块中的值:
$("#picked").text()
- 用JS获取输入框的值:
document.getElementById("js_input1").value
- 用JS获取输入框的值:
-
truncate
:删除所有数据,保留表结构,不能撤销还原(TRUNCATE TABLE 表名
)delete
:是逐行删除速度极慢,不适合大量数据删除truncate tabledrop
:删除表,数据和表结构一起删除,快速
微信支付报错-思否
{errMsg: "editAddress:fail, the permission value is offline verifying"}
input输入框如果
type="number"
,则不支持maxlength="11"
属性,可使用oninput="value=value.slice(0,11)"
来截取指定长度的字符串来达到相同效果- 通过查询MDN中文文档得知maxlength属性是控制value的最大长度(最多字符数目),maxlength属性对于
type=password, search, tel, text, url
,这五种生效
- 通过查询MDN中文文档得知maxlength属性是控制value的最大长度(最多字符数目),maxlength属性对于
可以实现对内容进行隐藏的CSS声明:
display:none
不生成盒子,盒子都不生成了,该区域的内容自然就不会显现出来了(对行非盒子模型无效)。visibility:hidden
对元素内容进行隐藏,视觉上看不到 ,实际还是存在。(input中type=hidden
作用相同)opacity:0
元素透明度为0,视觉上看不到,实际还占用尺寸,当前元素与其后代元素都会被隐藏。rgba(0,0,0,0)
元素透明度为0,与opacity:0一样,只是rgba的后代元素不会被隐藏。overflow:hidden
对溢出当前元素区域的内容进行隐藏,并且该元素必须要有高度,并且内容已经超出元素的高度显示了才会进行隐藏。
关于vue.js中created和mounted方法的使用区别
- 一般可以在created函数中调用ajax获取页面初始化所需的数据
- 生命周期钩子 | Vue.js
- Vue进阶(三十六):created() 详解
- Vue生命周期函数详解
Vue进阶(贰零肆):vant van-image无法读取本地图片
在.vue
文件中通过相对路径引用本地图片时,需要在图片的链接外包上一层require()
,将图片 URL 转换为 webpack 模块请求,并结合file-loader
或者url-loader
进行处理。在 .vue 文件中通过相对路径引用本地图片时,需要在图片的链接外包上一层 require(),将图片 URL 转换为 webpack 模块请求,并结合 file-loader 或者 url-loader 进行处理。对此更详细的解释可以参考 vue-loader 的处理资源路径章节。
1
2
3
4
5<!-- 错误写法 -->
<van-image src="./image.png" />
<!-- 正确写法 -->
<van-image :src="require('./image.png')" />-
$("#check_phone_btn").css('display','none')
$("#phone").css('text-align','center')
css动画属性使用案例:
animation: right .5s;
当内容宽(高)度超出div,或者同时超出,会自动出现水平(竖直)滚动条:
overflow: auto;
vue的js-cookie和vue-cookies-两个方便设置cookie的插件
- 推荐使用js-cookie,因为它的语法比较简洁。
- 在vue ui可视化面板安装它的依赖(运行依赖)即可
网页时光机(科学上网):http://web.archive.org/
浏览器本地localhost的 cookies 中以
Hm_lvt_
等开头的通常是通常是百度联盟或者是一些统计站的Cookie(可能是我本地预览hexo博客时,百度统计存上去的)Docker Compose
Compose 是用于定义和运行多容器 Docker 应用程序的工具。通过 Compose,您可以使用 YML 文件来配置应用程序需要的所有服务。然后,使用一个命令,就可以从 YML 文件配置中创建并启动所有服务。Redis 简介
Redis 是完全开源的,遵守 BSD 协议,是一个高性能的 key-value 数据库。cookie、Session、Token、sessionStorage、localStorage简介__Token放在 cookie, sessionStorage 和 localStorage中区别
JavaScript window.onload
方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。1
2
3
4
5
6window.onload=function(){
Func1();
Func2();
Func3();
.....
}第11届中国软件杯-大学生软件设计大赛-百里二零二二
- 主办单位:工业和信息化部、教育部、江苏省人民政府
- A7+A9+B8 赛题解析会(赛题A9请跳转到01:05:09)
- 赛题A9:智能创作平台
- 标题和摘要对于创作非常重要,但构思一个具有吸引力的标题和从文章抽取或生成符合文章主旨的摘要并非易事。本赛题给定高质量训练数据,参赛者使用人工智能算法,生成契合文章主题内容和有吸引力的优质标题和摘要,并开发出一套智能创作WEB系统,帮助人类提升写作的效率和质量。本赛题主要涉及自然语言处理、自然语言生成、自然语言理解技术。
- pythonweb前后端怎么开发_python-web-django前后端交互
- 【哔哩哔哩】今天教你Python web开发:制作学生信息管理系统“网站版”
- Python web开发需要掌握什么技能?基础很关键!
- 一个初级python web后端开发工程师的面试总结
javascript怎么修改div内容:
document.getElementById('updateId').innerHTML = 'hello world!';
jq重填div内容:
$("#id").html("重填内容")
-
1
2
3
4
5
6
7
8// 声明一个对象obj
var obj = { a: 1, b: 2, c: 3 };
// 遍历对象的属性 声明一个变量prop
for (var prop in obj) {
console.log("obj." + prop + " = " + obj[prop]);
}
// 结果:a=1,b=2,c=3 -
1
2
3
4
5
6
7
8
9
10
11// 循环遍历数组渲染页面动态列表
var listStr = "";
for(var i = 0; i < arr.length; i++){
listStr +=
'<a href="">'+
'<span>姓名:'+ arr[i].name +'</span>'+
'<span>年龄:'+ arr[i].age +'</span>'+
'</a>';
}
// 填入页面中
$("#list_wrap").html(listStr) -
append()
和appendTo()
$(“div”).append("内容值")
$("内容值").appendTo("div")
$("#more_div").before(str);
jquery元素到窗口顶部的距离:
$('元素').offset().top - $(window).scrollTop();
$('#img').attr("src","/static/img/old/collected.png");
-
1
2
3
4
5
6
7
8
9// 普通方法:不支持动态添加的元素,如果图片一种加载不出会陷入死循环
$("img").on("error", function () {
$(this).attr("src", "/static/img/LOGO/0.jpg");
});
// 这种方法可以避免陷入死循环
$("img").one("error", function(e){
$(this).attr("src", "/static/img/LOGO/0.jpg");
}); -
- created:html加载完成之前,执行。执行顺序:父组件-子组件
- mounted:html加载完成后执行。执行顺序:子组件-父组件
- methods:事件方法执行
- watch:watch是去监听一个值的变化,然后执行相对应的函数。
- computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值
- vue中在mounted中window.onresize不生效
关于vue的几个绑定
v-bind:disabled
是属性绑定v-model="postValue"
与``:disabled`的区别@input="isPostValueEmpty"
是事件(Events)绑定
created函数里可以调用methods中的函数吗