前端开发
zqlcoding
未完待续…
展开
-
git提交代码提交流程图
git命令原创 2023-02-13 15:25:09 · 235 阅读 · 0 评论 -
接口轮询调用问题
setInterval原创 2023-02-03 09:14:41 · 1086 阅读 · 0 评论 -
监听当前页面显示和隐藏
javascript原创 2023-01-11 15:54:54 · 391 阅读 · 0 评论 -
git合并指定文件
git JavaScript原创 2022-11-21 10:27:18 · 1401 阅读 · 1 评论 -
git切换分支遇到的问题
git原创 2022-08-20 15:06:46 · 426 阅读 · 0 评论 -
js获取url上的query参数
js提取url的query参数原创 2022-07-01 16:17:09 · 920 阅读 · 0 评论 -
table实现radio单选效果
<!-- 邀请三方授权弹窗 --> <el-dialog title="邀请三方授权" :visible.sync="thirdAuthorized" width="50%"> <el-input v-model="searchContent" placeholder="请输入搜索内容"></el-input> <el-button size=...原创 2022-05-20 10:30:45 · 470 阅读 · 0 评论 -
json-server
npm install -g json-server //全局安装json-server --watch db.json //启动db.json文件原创 2022-03-27 21:18:37 · 1014 阅读 · 0 评论 -
js计算日期差
//时间差计算两个日期之间相差天数 getDays(beginTime,endTime){ var dateDiff=endTime.getTime()-beginTime.getTime() //相差天数 var dayDiff=Math.floor(dateDiff/(24*3600*1000)) //相差小时数 var leave1=dateDiff%(24*3600*1000) var hours=Math...原创 2022-01-25 22:16:27 · 1595 阅读 · 0 评论 -
express安装流程
原创 2022-01-21 23:18:32 · 189 阅读 · 0 评论 -
babel对es6模块化代码转换
安装工具:babel.cli ---- babel-preset-env ---- browserify(webpack)第一步npm init --yes第二步npm i babel-cli babel-preset-env browserify -D第三步npx babel es6模块化引入/js -d dist/js --presets=babel-preset-env第四步npx browserify dist/js/app.js -o dist/bundle.js原创 2022-01-21 23:17:29 · 188 阅读 · 0 评论 -
多全局对象就是跨窗口或跨frame操作
多全局对象解释简单来说:多全局对象就是跨窗口或跨frame操作。全局环境在浏览器中,我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境,不同的全局环境拥有不同的全局对象,从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如,表达式 [] instanceof window.frames[0].Array 会返回false,因为 Array.prototype !== window.frames[0].Array.prototype,因此你必须使用 Array.isAr原创 2022-01-21 23:13:42 · 142 阅读 · 0 评论 -
h5相关知识比较meta、viewport和适配
<metaname="viewport"content="width=device-width, height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi"/>原创 2022-01-21 23:12:00 · 199 阅读 · 0 评论 -
时间格式化方法
JavaScript时间格式化原创 2022-01-21 23:09:35 · 1427 阅读 · 0 评论 -
git拉取项目分支
git命令相关应用原创 2022-01-21 22:40:08 · 759 阅读 · 0 评论 -
vue-cli版本
原创 2021-11-25 22:31:13 · 436 阅读 · 0 评论 -
解决vuex页面刷新导致数据丢失问题
vuex数据是存在内存当中,当页面刷新之后vuex数据自然会丢失。我们有两种方法解决该问题:1.使用vuex-along2.使用localStorage或者sessionStroage1.使用vuex-alongvuex-along的实质也是将vuex中的数据存放到localStorage或者sessionStroage中,只不过这个存取过程这个组件会帮我们完成,我们只需要用vuex的读取数据方式操作就可以了,简单了解一下vuex-along的使用方法。安装vuex-along: ..原创 2022-01-21 23:15:43 · 976 阅读 · 0 评论 -
代码上传码云并发布部署静态网站
准备工作:需要下载git软件 需要码云注册账号git可以把我们的本地网站提交上传到远程仓库(码云)里面 类似以前的ftp码云就是远程仓库原创 2021-06-23 14:45:04 · 559 阅读 · 0 评论 -
移动端技术选型
移动端的布局跟移动端有所区别单独制作移动端页面流式布局(百分比布局)flex弹性布局(强烈推荐)less+rem+mei原创 2022-01-21 23:16:08 · 69 阅读 · 0 评论 -
vue-cli脚手架安装笔记
1.脚手架是通过webpack搭建的开发环境2.使用es6语法3.打包和压缩js为一个文件4.项目文件在环境中编译,而不是浏览器5.实现页面自动刷新安装vue-cli创建项目1.查看node版本号C:\Users\p>node -vv14.15.42.查看npm版本号C:\Users\p>npm -v6.14.103.安装vul-cliC:\Users\p>npm install -g @vue/cli4.安装完成查看版本号C:\Users\p>vue原创 2021-04-14 11:48:50 · 104 阅读 · 0 评论 -
微信小程序布局问题
flex布局中设置宽度被压缩的问题当父级使用了flex布局,当内部子元素总宽度大于它的宽度时,就会等比例压缩子元素宽度,解决方法就是1、给所有的子元素设置flex-shrink:0;2、将所有子元素的width属性更改为min-width;当子元素有 margin 属性,父元素高度问题当子元素设置了margin-top,父元素没有设置border时,父元素高度为子元素高度当父元素设置了border,父元素高度为子元素高度 + margin-top 的值...原创 2021-04-12 09:27:16 · 207 阅读 · 0 评论 -
JavaScript学习笔记_正则表达式
正则表达式用于定义一些字符串的规则计算机可以根据正则表达式,来检查一个字符串是否符合规则然后将字符串中符合规则的内容提取出来创建正则表达式的对象语法var 变量=new RegExp(“正则表达式”,“匹配模式”)使用typeof检查正则对象,会返回objectvar reg=new RegExp(“a”);这个正则表达式可以来检查一个字符串是否含有a在构造函数中可以传递一个匹配模式作为第二个参数可以是i 忽略大小写g 全局匹配模式正则表达式的方法test()使用这个方法可以用来原创 2021-03-24 00:32:28 · 139 阅读 · 0 评论 -
JavaScript学习笔记_Dom基本操作
获取节点1.documentgetElementById语法:document.getElementById(元素ID)功能:通过元素ID获取节点getELementsByName语法:document.getElementsByName(元素name属性)功能:通过元素的name属性,获取节点getElementsByTagName语法:document.getElementsByTagName(元素标签)功能:通过元素标签获取节点2.节点指针firstChild语法:原创 2021-03-23 17:42:35 · 73 阅读 · 0 评论 -
JavaScript学习笔记_字符串函数
查找方法1.字符方法charAt()功能:返回字符串中第n个字符参数:超出范围,返回空字符串返回值:string中第n个字符的实际值charCodeAt()功能:返回字符串中第n个字符的代码参数:超出范围,返回NaN返回值:内容:string中第n个字符的Unicode编码范围:0~65535之间的16位整数fromCharCode()功能:根据字符编码创建字符串参数:0个或多个整数,代表字符的Unicode编码返回值:由指定编码字符组成的新字符串特性:静态方法,实为构造函数原创 2021-03-23 15:31:44 · 158 阅读 · 0 评论 -
JavaScript学习笔记_数组
创建方法1.空数组var Obj=new Array();2.指定长度数组var Obj=new Array(Size)3.指定元素数组var Obj=new Array(元素1,元素2,…,元素N);4.单维数组var Obj=[元素1,元素2,元素3,…,元素N];5.多维数组var a=new Array([数组序列1],[数组序列2],[数组序列N]);基本操作1.存取数组元素单维数组:数组名[下标索引];多位数组:数组名[外层数组下标][内层数组下标]特性:数组原创 2021-03-23 12:54:08 · 200 阅读 · 0 评论 -
jQuery学习笔记_函数基础
定义方法1.静态方法function 函数名([虚参列表]){函数体;[return[函数返回值;]]}动态匿名方法var 函数名=new Function([‘虚参列表’]){函数体;};直接量方法函数名=function([虚参列表]){函数体;}调用方法1.直接调用函数名(实参列表);在连接中调用描文字在事件中调用事件类型=’函数名()‘递归调用定义:在函数体内部调用函数自身格式:function 函数名(){代码函数名();}方法apply将原创 2021-03-22 23:42:46 · 139 阅读 · 0 评论 -
JavaScript学习笔记_流程语句
循环语句1.while语法:while(条件表达式){循环执行代码段}流程:判断条件表达式的值当值为true时循环执行代码段当值为false时退出循环体特性:先检查条件,再执行循环条件不满足则循环一次也不执行时机:一个动作被重复执行到满足某个条件时2.do-while语法:do{循环执行的代码段}while(条件表达式);流程:先执行循环体内代码段再进行判断如果表达式的值为true,则重复执行代码段如果表达式的值为false,则退出循环体特性:先执行循环体,原创 2021-03-22 22:48:45 · 96 阅读 · 0 评论 -
JavaScript学习笔记_运算符
算术运算符1.运算符+功能:对数字进行代数求和对字符串进行连接操作将一个数值转换成字符串:数值+空字符串字符串拼接:字符串+字符串:二者直接拼接字符串+数值:数值转为字符串再拼接–功能:对操作数进行“取反”操作对数字进行减法操作将字符串转换成数值:数值型字符串-0*功能:对两个运算数进行乘法运算符号问题:同号得正,异号得负/对两个运算数进行除法运算符号问题:同号得正,异号得负%返回两个除数得余数符号问题:和第一运算数得符号相同2.复合赋值运算符+=、原创 2021-03-22 21:57:06 · 146 阅读 · 0 评论 -
JavaScript学习笔记_变量
命名1.方法…匈牙利命名法变量名=类型+对象描述Int 整型 iFloat浮点 flBoolean布尔 bString字符串 sArray数组 aObject对象 oFunction函数 fnRegular Expression 正则 re…驼峰命名法全部小写:单词与单词间用下划线分割大小写混合:大驼峰:每个单词首字母大写小驼峰:第一个单词首字母小写,其他首字母大写2.规则首字符:英文字母或者下划线...原创 2021-03-22 16:22:30 · 81 阅读 · 0 评论 -
javaScript学习笔记_数据类型
undefined1.使用var声明变量但未初始化2.区分空对象指针与尚未定义的变量3.对未初始化的变量及未声明的变量使用typeof运算符均会返回undefinednull1.逻辑上null表示一个空对象的指针2.使用typeof检测时会返回objectundefined与null的关系1.undefined派生于null因此在使用“==”进行比较时会返回true2.没有必要将变量值显示声明undefined3.声明空对象时应将其值赋值为nullboolean1.true为真,fa原创 2021-03-22 15:37:48 · 81 阅读 · 0 评论 -
jQuery学习笔记_08day_&&添加类的方法
ctrl+F 关键字搜索,谷歌浏览器自带插件库https://www.jq22.com网页酷站https://ku.qingnian8.com/网页设计导航http://www.qingnian8.com/原生js中添加类的方法1.为 <div> 元素添加一个类:document.getElementById("div").classList.add("类名");2.为 <div> 元素添加多个类:document.getElementById("di.原创 2021-03-22 00:15:36 · 541 阅读 · 0 评论 -
jQuery学习笔记_07day
什么是事件对象注册一个事件,系统就会帮我们生成一个对象记录这个事件触发时候的信息比如触发事件的时候又没有按着某个键,在比如触发这个事件的时候的一些坐标信息jQuery中用事件参数e来获取事件对象中有常用的三个坐标e.screenXe.screenY触发事件的那一点距离屏幕最左上角的值e.clientXe.clientY触发事件的那一点距离可视区的值e.pageXe.pageY触发事件的那一点距离页面左上角的值e.stopPropagation();阻止事件冒泡e.preve.原创 2021-03-21 14:57:39 · 80 阅读 · 0 评论 -
jQuery学习笔记_06
jQuery事件发展历程//用原生的js给div注册单击事件//原生js注册相同的事件,后面的会把前面的覆盖document.getElementById("one").onclick=function(){ alert('单击事件'); };document.getElementById("one").onclick=function(){ alert('单击事件.啦啦啦'); };jQuery给同一个元素注册同样的事件,后面的不会把前面的给覆盖$('#one').clic原创 2021-03-20 17:33:48 · 89 阅读 · 0 评论 -
jQuery学习笔记_05
width() height()获取或者设置元素的宽高,这个宽高不包括padding/border/margin并且结果是一个准确的数值。css() 方法也能获取宽高,但是是以字符串的形式innerWidth() innerHeight()返回元素的宽度和高度包括内边距outerWidth() outerHeight()返回元素的宽度/高度(包括内边框和边框)outerWidth(true) outerHeight(true)返回元素的宽度/高度(包括内边距、边框、外边距)原创 2021-03-20 14:56:05 · 70 阅读 · 0 评论 -
jQuery学习笔记_04day
原生js中创建节点:document.write();innerHTML;document.createElement();设置节点存在内存中…jQuery如何创建节点呢?html();跟原生js中的innerHTML相似设置或者获取内容的获取内容:html()方法不给参数获取到元素的所有内容设置内容:html()方法给参数会把原来的内容给覆盖如果设置的内容中包含了标签,是会把标签给解析出来的$('#div1').html('我是设置的内容<a href="https://www原创 2021-03-19 22:43:58 · 115 阅读 · 0 评论 -
jQuery学习笔记_03day
mouseover 事件在鼠标移动到选取的元素及其子元素上时触发mouseenter 事件只在鼠标移动到选取的元素上时触发如果有鼠标移入事件,请使用mouseenter,而不是mouseover鼠标离开事件使用mouseleave,就不要使用mouseoutaddClass()添加类//给id为div1得元素添加类//添加单个类$('#div1').addClass('fontSize30');//添加多个类$('#div1').addClass('fontSize30 width2原创 2021-03-18 16:12:11 · 121 阅读 · 0 评论 -
jQuery学习笔记_02day
1.text()获取和设置文本a.获取文本text()方法不给参数b.会获取到这个标签中所有的文本,包括后代元素的文本c.包含了多个dom元素的jQuery对象,通过text()方法获取文本,会把所有dom元素的文本获取到d.设置标签文本会覆盖它原来的内容,如果设置的文本中包含标签,是不会把这个标签给解析出来的e.包含了多个dom元素的jQuery对象,通过text()方法设置文本,会把所有的dom元素都设置上2.css()设置和获取样式css()方法设置参数为要获取值的样式名$('#div原创 2021-03-16 15:28:05 · 123 阅读 · 0 评论 -
jQuery学习笔记-01day
jQuery学习笔记**原生js存在的缺点1.不能添加多个入口函数(window.onload)如果添加多个,后面的会覆盖前面的。2.原生js的api名字都太长太难记3.原生js有时候代码冗余4.原生js中有些属性或者方法,有浏览器兼容问题5.原生js容错率比较低,前面的代码出了问题,后面的代码就执行不 了小案例原生js实现<input type="button" value="设置边框" id="btnOne"/> <input type="button" v原创 2021-03-16 11:50:51 · 141 阅读 · 0 评论