- 博客(33)
- 收藏
- 关注
RSS订阅原创 JavaScript Math对象常用方法
作用：返回一个数的绝对值，如果x不是数字返回NaN，如果x为null返回0。作用：将数字的小数部分去掉，只保留整数部分（不进行四舍五入）语法：Math.round(x);语法：Math.pow(x,y)语法：Math.trunc(x)作用：把一个数字舍入为最近的整数。语法：Math.floor(x)作用：返回小于等于x的最大整数。语法：Math.abs(x)作用：返回x的y次幂。
2023-11-15 20:12:06
189
原创 js 扩展运算符(...)的用法
是ES6的语法，作用在对象上，返回一个对象。取出对象所有可遍历属性，返回一个新的对象可以进行拷贝。4.1 自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。如果扩展运算符后面是上面这几种类型，都会返回一个空对象，因为它们没有自身属性。自定义属性在前，扩展属性覆盖自定义属性。4.2 自定义的属性在拓展运算度前面，则变成设置新对象默认属性值。如果扩展运算符后面是字符串，它会自动转成一个类似数组的对象。由于数组是特殊的对象，所以对象的扩展运算符也可以用于数组。
2023-04-27 16:16:46
280
原创 sourceThree的简单使用步骤
（可以选择“从URL克隆”添加新的项目，这里使用git clone之后直接添加本地仓库）（为了和其他小伙伴的文件不发生冲突，最好在修改文件的时候新建本地分支）远端origin-双击master-新建本地分支名称-检出-推送。（先把art-work分支推送到仓库再进行合并到master）争取在做每个新需求时新建一个分支，开发完上线后及时删除这个分支。（分支-右键-删除-勾选两个强制删除/删除远程-确定）选择对应的分支–拉取-提交-推送。（右键-重置，恢复到最初状态）
2023-04-25 15:51:33
449
原创 各种终端安装命令
使用git时如果出现冲突：可以shift ： 一起按住，出现：的时候 输入wq回车，就能解决冲突（注意是shft+冒号一起按住）4.输入":wq",注意是冒号+wq,按回车键即可。创建一个基于webpack模板的新项目。2.修改最上面那行黄色合并信息,可以不修改。1.按键盘字母 i 进入insert模式。引入全局的qs（main.js）3.按键盘左上角"Esc"查看当前node版本。通过git命令创建分支。
2023-04-25 14:47:07
1312
原创 Vue + Axios 请求接口方法与传参方式详解
PPOS表单请求提交时，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST请求如果不指定请求头RequestHeader，默认使用的Content-Type是text/plain;Vue的axios传参方式是requestpayload，参数格式是json，而通过payload形式的数据php $_post无法接受前端提交的数据，要想后端接受post提交的数据，就要进行参数设置，提交的数据形式变为：Form Data。
2023-04-25 12:23:40
4355
原创 vue3路由
/params传参需要使用name进行指定路由，同时在路由配置需要修改，假设传递的是keyword。**3、子路由，配置子组件的path不带 / **//第二种 params参数传递。//第一种 query参数传递。
2023-04-23 16:20:19
130
原创 vue3配置router路由并实现页面跳转
但是history也是有缺点的，不怕前进后退跳转，就怕刷新（如果后端没有准备的话），因为刷新是实实在在地去请求服务器了。ps：引入文件时记得新建view文件夹以及里面的A、B.vue两个页面。与之对应的，通过点击链接实现导航的方式，叫做声明式导航。通过调用 API 实现导航的方式，叫做编程式导航。2.1文件中引入vue方法、配置页面具体路径。vue-router 中的编程式导航 API。1. 普通网页中点击。// 第二种跳转方法。
2023-04-23 14:41:34
9072
原创 vue3+vite搭建项目应用
Vite 需要 Node.js 版本 >= 12.0.0。选择一个你装demo的文件夹，打开命令行。2.初始化项目（下载依赖）
2023-04-21 15:26:37
109
原创 不用科学上网，免费的GPT-4 IDE工具Cursor保姆级使用教程
这是一款与OpenAI合作并且基于GPT4的新一代辅助编程神器，它支持多种文件类型，支持格式化文本、多种主题、多语言语法高亮、快捷键设置、代码折叠、括号匹配、自动缩进等功能等功能。简单点说，Ctrl+K 为代码生成与编辑、Ctrl+L 为代码理解和注释。最关键的是，不用科学上网，它能帮助我们生成代码。（这里以Mac为例）
2023-04-21 14:57:32
2483
原创 一些常用的css（文字超过一行...显示、图片置灰、字体渐变、网格背景、居中显示等）
【代码】一些常用的css（文字超过一行...显示、图片置灰、字体渐变、网格背景、居中显示等）
2023-04-12 19:09:41
416
原创 jQuery实现多个MP3音频播放
jQuery结合template模板渲染音频列表，需求：点击播放/暂停按钮实现播放/暂停，当列表中任一一首歌曲播放时，点击其他播放按钮此音频播放其他音频暂停，点击进入专题页面分别跳转与之对应的页面，代码附上：html:<!--音频播放--><audio id="music"></audio><!--往期回顾--><div c...
2018-12-27 16:29:11
1897
原创 jQuery实现列表数据从右至左滚动（类似弹幕）
平常做的小项目新增的小需求，客户要求页面实现以类似弹幕的形式实现多条数据从右至左以不同的速度逐条循环滚动显示，用css中的animation来简单实现，如有bug，请自行修改，此博客仅作参考使用。html: <div class="barrage-wrapper"> </div>css:.barrage-wrapper { position:...
2018-12-27 15:47:07
1606
原创 jQuery结合template.js实现单行文字有停顿连续向上滚动特效
html: <ul> <li> <div id="news_all"> <p style="text-align: center;margin-top: 2rem;display: none" class="notData">暫無數據</p&
2018-12-27 15:19:50
365
原创 JavaScript模板引擎Template.js基本使用详解
template.js是一款JavaScript模板引擎，提供一套模板语法，简单好用，开发者可以写一个模板区块，每次传入的数据，生成对应数据产生的HTML片段，渲染不同的效果。官网：简洁语法版 https://github.com/aui/art-template/wiki/syntax:simple一.引用js下载artTemplate后，找到template.js引入到页面。&l...
2018-11-12 16:07:15
6830
原创 less编译工具koala(考拉)和rem的使用
1.使用rem的前提是要提前设置好页面的根节点的大小：(两种选择任意一种即可)(1).在body中设置font-size:16px(2).<script> (function(){ var html = document.documentElement; var hWidth = html.getBou...
2018-10-24 12:14:14
3526
原创 scss编译输出css并转换成rem
安装webstorm或者IDEA(下面以IDEA为例)：1.打开IDEA，在命令行输入sass -v，测试sass是否已经安装，如未安装，请点击这里查看。2.打开IDEA---File---Settings---Plugin，在搜索里面查找File Watchers---点击右区域左下角Install JetBrains plugin...进行安装OK即可，如果有则可直接进行下一步。...
2018-10-18 16:36:02
870
原创 IntelliJ IDEA 编辑器配置vue高亮显示
1.查找IntelliJ IDEA是否已经安装vue.js 注:之前有写过关于使用cmd命令搭建vue项目的全部过程，详情在此打开IDEA编辑器，快捷键Ctrl+Alt+S打开Settings(设置)------>Plugins------>搜索vue.js（图中已经安装，没有安装的点击Install JetBrains plugins...进行安装即可），安装成功后重启IDE...
2018-08-20 16:17:04
17968
转载 Sass快速入门
用过CSS3的都知道，CSS3没有变量，也不支持任何逻辑脚本。人总是很聪明的，随着需求的增加，Sass诞生，目的在于使样式支持逻辑脚本，使程序猿们更高效的写样式，Sass脚本经过编译后，最终会转换成.css文件。Sass脚本有两种格式，分别是.sass和.scss，这两种格式的区别在于：.sass不使用大括号和分号。由于.scss的写法与.css更加相似，所以通常我们都使用.scss格式。本篇博客...
2018-07-04 10:54:26
272
原创 git 配置
1.注册GitLab（如果已有账号请忽略），注册地址：http://107.150.125.96/users/sign_in2.打开GitBash配置全局git$ git config --global user.name "yourname" //注册GitLab时的名字$ git config --global user.email "youremail"//注册GitLab...
2018-05-29 11:49:39
264
原创 Vue2.x总结(1)
一、vue2.x概述1、vue，类似于view（读音），是构建用户界面的渐进式框架，采用自底向上增量开发的设计，vue的核心库只关注视图层的开发。不仅易于上手，还便于与第三方库或既有的项目整合。2、vue单文件组件&第三方库或=SPA应用3、vue-cli提供可高效、快速、便捷的项目搭建。4、完成的文档体系，不支持IE8及其一下浏览器。二、vue的特征轻量级的框架、双向数据绑定、单页面应用......
2018-03-28 17:24:07
318
原创 Web前端开发面试题总结
1、简单介绍一下什么是盒模型？网页上的每一个标签都是一个盒子,每个盒子都有四个属性：内容（content）：盒子里面装的东西，网页中通常是指文字和图片（盒子中间装的东西）；填充（padding）：内边距，比如买东西时怕盒子里面的东西损坏而添加的泡沫或者其它抗震的辅料（盒子里装的东西和边框的距离），填充只有宽度属性，每个HTML标记都可以看作一个盒子；边框（border）：盒子本身（...
2018-03-12 16:52:49
2517
原创 JQuery通过后台获取数据遍历到前台
做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有一条数据，毋容置疑，一定是遍历时出现了问题，下面来简单分析下。前台代码：案例1：经办记录时间步骤意见 调用接口：（每个公司用的方法不
2018-01-04 10:59:08
24897
原创 bootstrap栅格系统
利用bootstrap栅格系统编写input、select、textarea、日历等一、bootstrap栅格系统栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。Bootstrap 栅格系统的工作原理：“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽
2017-12-15 15:18:58
409
原创 JQuery模拟boostrap模态框效果
JQuery模拟boostrap模态框效果1、单个模态框代码案例：单个模态框--> *{ margin:0; padding:0;} .model { width:350px; height:300px; box-shadow:0 0 10px rgba(0,0,0,.4); border-radius:8px; padding:
2017-10-11 14:46:16
1840
原创 favicon图标制作
favicon图标制作详细步骤一、Favicon简介收藏夹图标，是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。例如：二、制作步骤1、百度搜索favicon在线制作2、百度出来有很多种方法可以制作图标，在这里，选择第二种作为解析步骤（使用哪一种方法都可以）。3、选择好要制作的图标文件（例如百度图标）后，进行下一步。
2017-09-30 09:26:45
404
原创 jQuery——入门（四）JQuery 事件
jQuery——入门（四）JQuery 事件一、事件初探加载文档完成触发：window.onload = function(){} //js$(window).load(function(){}) //jquery$(document).ready(function(){})事件可以多次执行代码可以简写：$(function(){})二、JQuery中常见的事件在网页浏览过程中，会触发
2017-09-28 10:08:19
272
原创 jQuery——入门（三）JQuery DOM操作（属性操作/样式操作/文档过滤）
jQuery——入门（三）JQuery DOM操作（属性操作/样式操作/文档过滤）一、DOM属性操作1、属性(1)、attr() 方法语法：$(selector).attr(name|property|key, value|fn)设置或获取被选元素的属性值，设置多个值时，与css()方法用法相似使用attr()函数来操作元素的属性，包含查询、赋值name：属性名
2017-09-14 15:52:11
1120
原创 jQuery——入门（三）JQuery DOM操作（核心处理和文档处理）
jQuery——入门（三）JQuery DOM操作（核心处理和文档处理）一、核心处理（JQuery对象访问）1、页面加载检测函数：$(document).ready(function(){}); —— $(function(){});2、JQuery选择器函数：$(selector) —— $(“#box”);3、动态创建JQuery包装的DOM元素：$(html)4、JQue
2017-09-14 09:59:54
253
原创 jQuery——入门（二）动画
jQuery —— 入门（二）动画/效果一、案例解析hide([speed,[easing],[fn]]) []：意思表示的方括号中的东西是可选的，可有可无的；[]中，会有对应的参数名称【变量名称】，根据变量名称，有一个表面的认识。二、基础动画效果 —— show（）、hide（） 显示与隐藏1、show（）—— 显示效果 将选择器选中的标签显示到页面上
2017-09-13 11:23:33
364
原创 jQuery——入门（一）JQuery的简介与基本选择器的使用
JQuery入门（一）—— 基本简介与基本选择器的使用一、jQuery简介 jquery是2006年1月由美国人John Resig在纽约barcamp发布，目前已经成为辅助javascript开发的最流行的javascript库。 官方网站：http://www.jquery.com1、HTML/CSS/JS H
2017-09-12 14:40:04
308
原创 CSS的预编译——less语言基本语法教程（入门）
less语言基本语法教程（入门）一、CSS解析css是一门标记性语言，语法简单，对使用者的要求也比较低。缺点：1、对于css：使用css时需要书写大量的看似没有逻辑的代码，不方便维护和扩展，不利于复用； 2、对于开发者：如果一个程序员缺乏对css的编写经验，那么想写出组织良好且易于维护的css代码是一件很困难的事情。二、LESS简介LESS 是一门 CSS...
2017-08-29 15:08:34
533
原创 Vue项目环境搭建总结
关于Vue安装的详细步骤总结安装NodeJs首先解释一下什么是nodejs，为什么要安装node？node的优点？node.js是一个运行在chromeJavascript运行环境下（俗称GoogleV8引擎）的开发平台，用来方便快捷的创建服务器端网络应用程序，也可以把它理解为一个轻量级的JSP或PHP环境，如果用来开发Web应用的话，有时要便捷很多。node.js的最大优点...
2017-08-28 09:36:50
11352
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人