前端
文章平均质量分 61
weixin_44328838
这个作者很懒,什么都没留下…
展开
-
数组最小值
for循环/** * @param {number[]} numbers * @return {number} */var minArray = function(numbers) { let min = numbers[0]; for(let i=0;i<numbers.length;i++){ if(numbers[i]<min){ min = numbers[i]; } } return mi原创 2021-07-22 14:04:28 · 160 阅读 · 0 评论 -
JavaScript sort 方法
Array.prototype.sort()sort() 方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的由于它取决于具体实现,因此无法保证排序的时间和空间复杂性。const months = ['March', 'Jan', 'Feb', 'Dec'];months.sort();console.log(months);// expected output: Array ["Dec", "Feb", "Ja原创 2021-07-19 15:35:23 · 98 阅读 · 0 评论 -
JavaScript代码运行时间计算
方法1.浏览器内置方法方法1.浏览器内置方法console.time() … console.timeEnd() function add(x){ if(x==1){ return 1; } return add(x-1)+x; } con转载 2021-04-30 14:39:24 · 1761 阅读 · 0 评论 -
JavaScript toString() 方法和join()方法
var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join())//George,John,Thomas document.write(arr.join("-"))//George-John-Thomas document.write(arr.toString())//George,John,Thomasjoin(separator):把数组的所有元原创 2021-04-12 11:32:58 · 245 阅读 · 0 评论 -
模块化
模块化CommonJS规范每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。exports和require被引入的js文件// 定义成员:const sum = function(a,b){ return a + b}const subtract = function(a,b){ return a - b}const multiply = function(a,b){ return a * b}c原创 2021-03-20 20:07:54 · 64 阅读 · 0 评论 -
webpack
webpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。Webpack安装1、全局安装npm install -g webpack webpack-cli2、安装后查看版本号webpack -v初始化项目1、创建webpack文件夹npm init -y2、创建src文原创 2021-03-20 18:35:54 · 55 阅读 · 0 评论 -
Vue学习
VueHTML+CSS+JS:视图,给用户看,刷新后台给的数据网络通信:axios页面跳转:vue-router状态管理:vuexVue-UI:ICEES6->ES5let->var就用到打包工具webpack,通过webpack打包成ES5从而支持TypeScript:有点像less,写完转换为JavaScript前端三大框架Angular特点:将后台的MVC模式搬到了前端并且增加了模块化开发的理念M:模型V:视图C:控制器View:JSP{{}}DATA:原创 2021-03-20 18:24:33 · 71 阅读 · 0 评论 -
NPM包管理器
NPM包管理器https://www.npmjs.com/NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端的Maven 。使用npm管理项目项目初始化(快速构建node.js工程)按照提示输入相关信息,如果是用默认值则直接回车即可。name: 项目名称version: 项目版本号description: 项目描述keywords: {A原创 2021-03-20 18:22:52 · 63 阅读 · 0 评论 -
node.js
文章目录node.js第一个node.js程序Node - 实现请求响应回调函数同步(阻塞)异步(非阻塞)事件循环操作MYSQL数据库GitHub项目package.jsonnode.jsNode 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。简单的说 Node.js 就是运行在服务端的 Ja原创 2021-03-20 18:19:21 · 81 阅读 · 0 评论 -
ES6
ES6const和let定义常量:const定义变量:letlet和const解决var的变量穿透的问题例如:for(var i=0;i<5;i++){}console.log(i);这里可以输出i的值,为5(在Java中是编译错误的)当改var为let时,就会报错,不会输出5常量修改的问题在实际开发和生产中,如果是小程序、uniapp或者一些脚手架中,可以去用let和const但是如果是web开发,建议还是使用var,因为在一些低版本的浏览器还是不支持let原创 2021-03-20 18:15:11 · 54 阅读 · 0 评论 -
Babel
BabelBabel是一个广泛使用的转码器可以将ES6代码转为ES5代码从而在现有环境执行执行。因为ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。使用创建babel文件夹初始化项目npm init -y创建文件夹src,再在文件夹中创建example.js写代码(这样可以文件夹里的js一起转换)配置 .babelrcBabel的配置文件是.babelrc,存放在项目的根原创 2021-03-20 18:03:12 · 71 阅读 · 0 评论 -
swiper插件的使用
官网网址:swiper中文网官网下载某个版本的zip,解压package里面的 js中的swiper. min. js和css中的swiper. min. css要用(引入)官网找类似样式(点新窗口打开-查看网页源 代码-复制-再根据需求修改)slidesPerView属性:显示多少算多少,打比方被遮住一半,就当0. 5不懂得都可以官网看API手册!...原创 2021-02-16 14:18:02 · 66 阅读 · 0 评论 -
移动端布局
meta视口标签<meta name="viewport"//视口content="width=device-width,// 宽度=设备宽度user-scalable=no//用户是否可以缩放initial-scale=1.0//初始缩放比maximum-scale=1.0//最大缩放比minimum-scale=1.0">//最小缩放比物理像素与物理像素比...原创 2021-02-16 14:06:57 · 61 阅读 · 0 评论 -
携程移动端实战笔记(flex布局)
固定盒子应该有宽度!(position:fixed的 要设置width) 固定定位跟父级没有关系,以屏幕为准。当有定位时,margin:0 auto;就无效了,要用left:left:50%;transform:translateX(-50%);上面是一个图标,下面是文字可以 用before比较好 div里面放图标,则用div::beforeline-height等于不包括边框的高度的时候, 文字居中宽度小一些可以不用百分比,用margin就行 很多的可以用ul li(ul有边距.原创 2021-02-16 13:32:25 · 218 阅读 · 0 评论 -
Git学习
版本控制什么是版本控制?版本控制(Revision control)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。实现跨区域多人协同开发追踪和记载一个或者多个文件的历史记录组织和保护你的源代码和文档统计工作量并行开发、提高开发效率跟踪记录整个软件的开发过程减轻开发人员的负担,节省时间,同时降低人为错误简单说就是用于管理多人协同开发项目的技术。没有进行版本控制或者版本控制本身缺乏正确的流程管理,在软原创 2021-02-16 12:03:28 · 55 阅读 · 0 评论 -
Ajax学习
Ajax实例①搜索下拉提示查询②注册用户名是否可用③二级分类④滚到底又新刷新出内容⑤选择导航栏,切换内容,页面不刷新可以通过控制台的network来查看四种发送ajax的方式:①原生②jquery③fetch④axiosAjax介绍与网页应用ajax全称就是异步的js和xml(不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式)最大优势:无刷新获取数据XML的介绍XML:可扩展标记语言,被设计用来传输和存储数据,没有预定义标签(已被json取代)HTML:呈现数据原创 2021-02-14 11:15:05 · 66 阅读 · 0 评论