前端日月明-CSDN博客

原创移动端使用Vue3优劣势

优势：性能提升，运行速度是vue2的1.2-2倍体积更小，按需编译体积vue2要更小类型推断，更好的支持ts这个也是趋势高级给予，暴露了更底层的API和提供更先进的内置组件组合API，能够更好的组织逻辑，封装逻辑，复用逻辑Vue3是未来趋势，避免以后从vue2升级到vue3不必要的麻烦劣势：移动端兼容范围比vue2小（不过不兼容的手机都是大概六七年前的手机，影响的使用群体范围很小，以下为详细数据）Android，ios兼容情况ios系统10.0版本之前不兼容，android系统5.0

2022-01-25 09:58:00 5266 1

原创解决vue-video-js音量滑道显示不正常问题

问题背景（vue-video-js的使用就不赘述了，就说说碰到的问题，网上没有找到解决该问题的文章，故写篇文章节省碰到此问题同学的时间，鄙人排查了一下午，手动笑哭）理想情况鼠标移动到音量图标，音量滑道就会展示出来实际情况鼠标移动到音量图标，音量滑道没展示出来（没反应）解决方法import 'video.js/dist/video-js.css' （官方文档写法，但这样使用就出现了该问题）替换为 import "vue-video-player/

2021-12-22 17:04:21 828 1

原创 settings.json、.eslintrc.js、.prettierrc.js别再网上盲目copy了，适合的才是正解

背景需求新老前端项目交替开发，老项目保存时会进行格式化，导致文件的格式都变动了，导致code review不清楚具体修改点（老项目年代久远，所以维稳为主）。因此需要在新项目（vue）中才进行统一代码格式化，老项目保留手写格式。改动前安装eslint，prettier插件配置settings.json配置.eslintrc.js 改动后安装eslint，prettier插件配置.eslintrc.js和.prettierrc.js

2021-10-27 20:02:09 1798

转载 Velocity指引

《Apache Velocity用户指南》官方文档原文链接译文连接Quick Start本项目是 Apache Velocity官方文档的中文翻译版，Velocity类似与JSP，是一种基于Java的模板引擎。它可以在web页面中引用Java代码中定义的数据和对象，而Velocity的作用就是把Web视图和java代码进行组装在一起。本次翻译主要针对对Velocit...

2019-08-13 11:27:53 445

转载 maven之pom.xml配置详解

setting.xml主要用于配置maven的运行环境等一系列通用的属性，是全局级别的配置文件；而pom.xml主要描述了项目的maven坐标，依赖关系，开发者需要遵循的规则，缺陷管理系统，组织和licenses，以及其他所有的项目相关因素，是项目级别的配置文件。基础配置一个典型的pom.xml文件配置如下：[html] view plain copy<project&n...

2019-08-07 11:12:00 189

原创修饰符：public、protected、private、packaeg

总结：那么什么情况该用什么修饰符呢？从作用域来看，public能够使用所有的情况。但是大家在工作的时候，又不会真正全部都使用public,那么到底什么情况该用什么修饰符呢？属性通常使用private封装起来方法一般使用public用于被调用会被子类继承的方法，通常使用protectedpackage用的不多，一般新手会用package,因为还不知道有修饰符这个东西再就是作用范围...

2019-04-16 14:05:34 284

原创参数名和方法名一样时，方法体中访问哪个

参数名和属性名一样时，在方法体中，只能访问到参数name！public class Hero { String name; //姓名 public void setName1(String name){ name = name; } public void setName2(String heroName){ ...

2019-04-16 11:14:07 631

转载详解十大排序

十大经典排序算法（动图演示） 0、算法概述0.1 算法分类十种常见排序算法可以分为两大类：非线性时间比较类排序：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破O(nlogn)，因此称为非线性时间比较类排序。线性时间非比较类排序：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此称为线性时间非比...

2018-09-29 10:32:36 406

转载哈夫曼编码字符串

详细图解哈夫曼Huffman编码树 1 引言　　哈夫曼（Huffman）编码算法是基于二叉树构建编码压缩结构的，它是数据压缩中...

2018-09-11 15:32:08 11361

原创 Ajax中POST和GET的区别

Get和Post都是向服务器发送的一种请求，只是发送机制不同。 1. GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中，这种区别对用户是不可见的。 2. 首先是”GET方式提交的数据最多只能是1024字节”，因为GET是通过URL提交数据，那么GET...

2018-09-09 17:40:00 276

转载绑定事件on()、bind()与delegate() 方法详解

啃了一段日子的js相关了，学的过程中发现在jQuery中绑定事件时，有人用bind()，有人用on()，有人用delegate()，还有人用live()，看代码的时候觉得都实现功能了也就掀过去了，只是一直没完全弄懂之间的区别，于是今天查了下资料，自己做个总结。之所以有这么多类型的绑定方法，是因为...

2018-07-26 10:33:18 598

原创微信小程序中如何修改数组指定元素（或对象）

1、更改数组中的值可以改变数组中某一个特定下标的值//数组paraList:[{txt:'123',chose:false},{txt:'1234',chose:false}]//细节let choseChange = "paraList[" + index + "].chose"_this.setData({[choseChange]: true,})//paraList...

2018-07-04 20:30:23 9084

转载 Git中工作区、暂存区和版本库三者关系

&nbsp;区分三者关系&nbsp; &nbsp; &nbsp; &nbsp;Git最让你迷惑的无非是它里面的各种概念了，如果是刚开始接触Git希望看完本篇介绍之后有一个清晰的认识，笔者认识也有限这里只说说个人对使用Git的感受，说一下它里面的几个最常用的概念的理解。&nbsp; &nbsp; &nbsp; &nbsp;在初始化git版本库之后会生成一个隐藏的文

2018-06-07 16:33:09 1101

原创常见的请求头和相应头

1)请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: /(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Connection: Keep-Alive(维护客户端...

2018-05-30 21:11:04 506

原创常见HTTP状态码描述

http状态消息1xx:信息消息描述100 Continue服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Protocols服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。2xx:成功消息描述200 OK请求成功（其后是对GET和POST请求的应答文档。）201 Created请求被创建...

2018-05-28 15:23:18 1779

原创 redirectTo、navigateTo与switchTap区别

redirectTo：关闭当前页，跳转到指定页； navigateTo：保留当前页，跳转到指定页； switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面。

2018-05-27 16:52:58 36683 2

转载 promise详解

JS - Promise使用详解（ES6中的Promise） 2015年6月， ES2015（即 ECMAScript 6、ES6）正式发布。其中 Promise 被列为正式规范，成为 ES6 中最重要的特性之一。1，then()方法简单来讲，then 方法就是把原来的回调写法分离出来，在异步操...

2018-05-11 20:42:34 280

原创软件开发经典易错题型

1、一根金条长31厘米,如果把它切成数段,使其中的一段或几段能够接成长为1到31中任何整数的金条,请问要切几次? 解：1 = 00001 2 = 00010 4 = 00100 8 = 01000 16 = 10000 31 = 11111 哪一位上需要1，就加哪个数。第一刀切下一个1，剩下31-1=30 第二刀切下一个2，剩下30-2=28 第三刀切下一个...

2018-05-11 17:22:44 350

原创数据库学习积累

一、视图 1.若视图是由两个以上基本表导出的，则此视图不允许更新。 2.若视图的字段来自字段表达式或常数，则不允许对视图执行INSTER和UPDATE操作，但允许delete。 3.若视图的字段来自聚集函数，则此视图不允许更新。 4.若视图中含有GROUP by子句，则此视图不允许更新。 5.若视图中含有DISTINCT短语，则此视图不允许更新。. 6若视图定义中有嵌套查询，并且内层查...

2018-05-11 17:18:05 189

原创 construction与typeof属性

construction返回值类型：var number = 10;console.log( "Number" === number.constructor );var string = "str";console.log( "String" === string.constructor );var boolean = true;console.log( "Boolean" ==...

2018-05-04 09:47:42 543

原创微信小程序学习过程

1、import 的作用域 import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。如：C import B，B import A，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template。2、include include ...

2018-05-03 17:31:11 167

原创 Ajax核心

Ajax技术核心就是XMLHttpRequest（xhr）对象。Ajax技术的工作原理：可以分成3步 1.创建Ajax对象：var xhr = new XMLHttpRequest(); 2.xhr 发送请求：xhr.open(‘get’,’test.html’,’true’); xhr.send(); 3.xhr获取响应： ...

2018-04-18 18:56:15 373

原创如何实现不定参数的函数

这就要用到函数对象中的arguments属性。话不多说，直接开门见山抛例子！ function add(){ var sum=0; if(arguments.length==0) return 0; else { for(var i=0;i&amp;lt;arguments.length...

2018-04-15 20:51:49 1131

原创驼峰命名法

驼峰命名法：当变量名或函数名是由一个或多个单词链接在一起构成的唯一识别字时，第一个单词以小写字母开始；第二个单词首字母大写或每一个单词的首字母都采用大写字母。小驼峰法：变量一般用小驼峰去标识。用法是：出第一个单词之外，其他单词首字母大写。例如：int myCountry;打驼峰法：大驼峰法把每一个单词首字母都大写。常用语类名、函数名、属性。如：class DataBase。...

2018-04-10 19:36:46 2743

原创修改数组相应位置元素——splice（）

2018-04-01 11:08:04 14937

原创提取相应位置（下标）的元素——slice（）与substring（）

2018-04-01 10:54:26 2994

原创字符(字母)与Ascll码的转换

2018-03-31 20:10:52 9612

原创 sizeof（）与strlen（）

sizeof():计算所占的内存空间的大小，不受里面存储的内容影响1. 定义sizeof是何方神圣？sizeof乃C/C++中的一个操作符（operator）是也，简单的说其作用就是返回一个对象或者类型所占的内存字节数。 MSDN上的解释为：The sizeof keyword gives the amount of storage, in bytes, associated with ...

2018-03-29 17:48:35 127

原创如何用sublime编写有本地服务的vue程序——给小白

2018-03-27 21:51:13 1658

转载排序的比较

八大排序对比（转）排序有内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。        当n较大，则...

2018-03-24 15:57:17 531

原创前端学习点滴积累

本文为博主原创文章，未经博主允许不得转载。 1.任何能够跟着鼠标移动的东西，都要有一个前提absolute2.鼠标事件都是在浏览器窗口中待定的位置上发生的，这个位置信息保存在clientX和clientY属性中。所有浏览器都支持该属性。3.clientWidth指对象看到的宽度（含padding，不含border） off...

2018-03-21 20:31:48 395

转载互联网web前端常见面试题精品汇总

阅读目录HTML/CSS部分JavaScript部分HTTP算法相关Web安全前端性能设计模式正则表达式职业规划以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中有一些未解决的问题，通过对知识的整理以及经验的总结，重新巩固自身的前端基础知识，如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。:）回到顶部HTML/CSS部分1、什么是盒子模型？在网页中，一个元素占有空间的大...

2018-03-21 16:54:25 284

原创 typeof返回的类型

返回有六种类型：number, boolean, string, undefined, object, function.1.numbertypeof(10);typeof(NaN);//NaN在JavaScript中代表的是特殊非数字值,它本身是一个数字类型。typeof(Infinity);2.booleantypeof(true);typeof(false);3....

2018-03-19 19:43:25 1478

原创常用颜色的十六进制和rgb格式

颜色名列表颜色名十六进制颜色值颜色AliceBlue#F0F8FFrgb(240, 248, 255)AntiqueWhite#FAEBD7rgb(250, 235, 215)Aqua#00FFFFrgb(0, 255, 255)Aquamarine#7FFFD4rgb(127, 255, 212)Azure#F0FFFFrgb(240, 255, 255)Beige#F5F5DCrgb(24...

2018-03-19 19:13:57 7957

原创 js中类型之间的转换

一、字符串转化为数组 1. object.split()var str = 'ab+c+de';var a = str.split('+'); // [ab, c, de]var b = str.split(''); //[a, b, +, c, +, d, e] 2. Array.from(arr) （等价于[…arr],拥有迭代器[symbol.iterator]的对象...

2018-03-19 17:06:42 377

原创 css中如何固定元素的宽度和高度

直接开门见山啦，请看下面代码与效果：<style>.one{ height:100px; width:100px; box-sizing:border-box;//设置了该属性 padding:5px; margin:5px; border:5px solid green; background: red;}.two...

2018-03-19 14:19:50 5973

原创数组的移出与移入

数组的移出： pop（），移出数组最后一个元素 shift（），移出数组第一个(index=0)元素数组的移入： push（），移入数组成为目前数组最后一个元素 unshift（），移入数组成为目前数组第一个(index=0)元素<script> var n=[1,2,3]; console.log(n.shift()); console.l...

2018-03-19 13:56:09 525

原创 JavaScript中‘==’与‘===’

“===”叫做严格相等，”==”叫做抽象相等。‘===’的运算规则如下不同类型值。如果两个值的类型不同，直接返回false。同一类的原始类型值。同一类型的原始类型的值（数值、字符串、布尔值）比较时，值相同返回true，否则返回false。同一类的复合类型值。两个复合类型（对象、数组、函数）的数据比较时，不是比较它们的值是否相等，而是比较它们是否指向同一个对象。undefined...

2018-03-19 13:40:52 188

原创 JS中的循环遍历

1. for（哈哈！这个方法就不多说了）let arr = [1,2,3,4,5]; for (var index = 0; index < arr.length; index++) { console.log(myArray[index]); // 1 2 3 4 5} 缺点：无法跳出循环，break和return都无效。2. forEach（数组提供内置的forEa...

2018-03-18 21:14:52 958

原创 JS中变量带与不带var的区别

Var i=100 显示申明（局部变量） i=100 隐式申明（全局变量）在函数中使用var关键字进行显式申明的变量是做为局部变量，而没有用var关键字，使用直接赋值方式声明的是全局变量。当我们使用访问一个没有声明的变量时，JS会报错。而当我们给一个没有声明的变量赋值时，JS不会报错，相反它会认为我们是要隐式申明一个全局变量。啊哈！就是全局和局部变量的区别啦，赶快动动你...

2018-03-18 20:26:12 458

PHP+mysql的新闻发布系统

空空如也