前端技术
凹凸moon
这个作者很懒,什么都没留下…
展开
-
解决前端页面在笔记本和台式显示器比例大小不一问题(适配笔记本125% 150%缩放解决方法)
https://blog.csdn.net/qq_45811413/article/details/114639941?spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-11-114639941-blog-108493074.pc_relevant_show_downloadRating&depth_1-utm_source=distribut转载 2022-08-23 10:38:20 · 2485 阅读 · 0 评论 -
vue路由history模式刷新404问题解决方案
vue单页因微信分享和自动登录需要,对于URL中存在’#’的地址,处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式,就会有个新的问题,就是页面刷新后,页面就无法显示了(404)。对于这个问题,我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html。我这里是针对nginx的配置,总结如下:方案一 (这种方式容易被第三方劫持)location /{ root /data/nginx/html; ...转载 2021-05-18 11:14:07 · 550 阅读 · 0 评论 -
vue项目部署到centos7.6服务器(使用nginx)
一、vue前端代码准备工作:1、目录结构2、在 npm run build 之前 将/src/config/index.js文件中的assetsPublicPath: '/', 改为assetsPublicPath: './',否则当打开页面时会出现空白页的情况。3、若项目使用的elementUI,编译后可能会出现elementUI自带icon变为小方框情况,解决办法:修改...原创 2020-03-09 11:30:15 · 1749 阅读 · 0 评论 -
vue babel-loader 解析 jsx报错
http://www.imooc.com/qadetail/249591https://blog.csdn.net/u013261261/article/details/77865840原创 2020-02-19 14:52:14 · 2232 阅读 · 0 评论 -
在vue中使用阿里图标Iconfont
1、进入阿里图标库官网2、进入“我的项目”“新建图标库”,选择本地的svg图标上传,生成自定义的图标库。也可以在当前项目中上传图标。3、点击“下载至本地”,将当前图标库相关文件下载到本地(font class方式)。4、修改文件iconfont.css修改为:5、在main.js中引用confont.cssimport'./assets/i...原创 2019-12-13 11:38:49 · 174 阅读 · 0 评论 -
vue 子组件向父组件传值
子组件:<template> <div class="child"> <button @click="handleClick">子传父</button> </div></template><script>import Vue from 'vue'export default { ...原创 2019-12-13 09:54:52 · 123 阅读 · 0 评论 -
服务器代码出包
1、将要替换的前后端代码达成压缩包(.zip或.rar格式)2、链接服务器3、进入docker容器:docker exec -it 容器名bash(例如:docker exec -it acd1 bash)4、进入要替换的文件所在目录:cd /opt/CyberSA5、将需要替换的文件替换,将压缩包拷贝到当前文件目录进行文件替换(docker cp 文件名.zip docker名...原创 2020-06-15 16:29:29 · 358 阅读 · 0 评论 -
《javaScript高级程序设计》笔记(二)
第四章 变量、作用域和内存问题1、变量类型:(1)基本类型: Undefined 、 Null 、 Boolean 、 Number 和 String var a=1var b=ab //1a=2b //1b=3a=2 (2)引用类型:Object Function var aa={a:1,b:2}var bb=aabb //{a:1,b:2}b...原创 2018-07-13 10:03:00 · 158 阅读 · 0 评论 -
《JavaScript高级程序设计》学习笔记(四)
第八章 BOM(浏览器对象模型)1、window对象(1)全局作用域 抛开全局变量会成为 window 对象的属性不谈,定义全局变量与在 window 对象上直接定义属性还是有一点差别:全局变量不能通过 delete 操作符删除,而直接在 window 对象上的定义的属性可以。var age = 29;window.color = "red";//在 IE < 9...原创 2018-08-08 11:32:23 · 226 阅读 · 0 评论 -
webpack配置
1、实现当nom run dev后直接打开浏览器:config / index.js :autoOpenBrowser: true 2、在使用webpack打包文件时: 命令:npm run build,打包后的文件在当前目录下的dist文件夹,每次build后的html下的<script>中的引入文件都是不同的 注意项:当打包后会将依赖一并...原创 2018-08-23 14:28:35 · 125 阅读 · 0 评论 -
解决vue文件打包后文件过大问题
在通过 build 命令后得到项目文件发现体积很大,其实这是由于在打包时生成了.map 文件,因为项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。而 .map 文件就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。去除 .map 文件可以提升 build 速度,也可以保护源码。去除方法:在 config/index.js 中修改参数,...转载 2018-12-26 20:00:27 · 3924 阅读 · 0 评论 -
JavaScript深入浅出学习笔记
JavaScript六种数据类型隐式转换 + :当两个变量分别为数字和字符串时,默认为字符串拼接。- :默认为减法运算 Eg:32+32 ——>64“32”+32——>”3232”“32”-”32”——>0 运用技巧:num+”” 可将number类型的num转换为string类型 num-0可将string类型的num转换为...原创 2019-01-10 10:30:58 · 206 阅读 · 0 评论 -
前端json导出csv并通过浏览器下载到本地
一、使用模块 json2csv,file-saver安装方式:npm install file-savernpm install json2csv二、代码<script lang="ts"> import FileSaver from 'file-saver' const Json2csvParser: any = require('json2c...原创 2019-07-01 11:17:53 · 3071 阅读 · 0 评论 -
前端json导出.xlsx并通过浏览器下载到本地
一、使用模块file-saver,js-export-excel安装方法:npm install file-savernpm install js-export-excel二、代码<script lang="ts"> import FileSaver from 'file-saver' import ExportJsonExcel from 'j...原创 2019-07-01 11:31:08 · 668 阅读 · 0 评论 -
《javaScript高级程序设计》笔记(一)
第一章 JavaScript简介1、一个完整的JavaScript实现,应该由一下三个部分组成:核心(ECMAScript):提供核心语言功能。文档对象模型(DOM):提供访问和操作网页内容的方法和接口。浏览器对象模型(BOM):提供与浏览器交互的方法与接口。第二章 在HTML中使用JavaScript1、<script>元素(1)<script> 定义了下列 6 个属性:...原创 2018-06-29 10:39:53 · 183 阅读 · 0 评论 -
js知识点及实例
1、闭包,变量作用域,异步结合:输出结果:解析:1、由于setTimeout是异步的,在执行setTimeout之前,循环就已经执行完了,此时先打印出循环外部的console.log(),1s之后,再打印setTimeout中的console.log()。2、for循环中var的变量只能作用于for循环中,不能作用在setTimeout中 ...原创 2018-06-27 14:16:10 · 172 阅读 · 0 评论 -
vue易考常见知识点
1、vue生命周期转载 2018-06-25 10:52:08 · 209 阅读 · 0 评论 -
let的暂时性死区
var a=5;function mm(){ a=a+6; console.log(a); let a=8;}mm();原因:只要块级作用域内存在let命令,它所声明的变量就绑定在这个区域,不再受外部的影响。总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,这在语法上成为暂时性死区。...原创 2018-05-10 13:54:37 · 1911 阅读 · 0 评论 -
HTML与XML的区别
xml和html都是用于操作数据或数据结构,在结构上大致是相同的,但它们在本质上却存在着明显的区别。一、名称HTML:超文本标记语言XML:可扩展标记语言二、不同点1、语法上 HTML:语法要求不是很严格,例如:不严格区分大小写,可自动过滤空格,可以不适用引号等。 XML:与之相反。2、标记不同 html使用固有的标记;而xml没有...原创 2018-05-18 14:21:08 · 15866 阅读 · 1 评论 -
javaScript垃圾回收
变量生命周期不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在,而在这个过程中会为局部变量在栈或堆上分配相应的空间,以存储它们的值,然后再函数中使用这些变量,直至函数结束(闭包中由于内部函数的原因,外部函数并不能算是结束)标记清除(mark and sweep)这是JavaScript最常见的垃圾回收方式,当...转载 2018-05-14 09:40:42 · 439 阅读 · 0 评论 -
js中call()、apply()、bind()用法及区别
js中call()、apply()、bind()用法及区别 参考链接: https://www.cnblogs.com/Shd-Study/archive/2017/03/16/6560808.html转载 2018-05-07 16:36:11 · 120 阅读 · 0 评论 -
原生JS获取浏览器URL中的传参(字符串传参)
获取到的参数得到的都是以字符串的形式,如何直接获取传参的原始参数类型有待添加方法。var showWindowHref=function(){ var sHref ='https://www.baidu.com/s?rsv_spt=1&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&...转载 2018-05-07 17:18:27 · 1532 阅读 · 0 评论 -
闭包
一、闭包的概念:阮一峰说: 我的理解是,闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。二、闭包的用途: 闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变...原创 2018-05-08 15:57:03 · 155 阅读 · 0 评论 -
vue双向数据绑定的实现原理
https://blog.csdn.net/ns2250225/article/details/79534656转载 2018-05-15 20:54:53 · 107 阅读 · 0 评论 -
关于cookie
各种属性详述:https://blog.csdn.net/zcl_love_wx/article/details/51992999购物车实例应用,原理形象解释:https://blog.csdn.net/u014753892/article/details/52821268转载 2018-05-16 14:47:09 · 113 阅读 · 0 评论 -
css实现水平居中的几种方式
一、对于行内元素div{text-align:center} /*DIV内的行内元素均会水平居中*/转载 2018-05-16 16:41:00 · 190 阅读 · 0 评论 -
同级元素由于position:fixed;引起的margin-top影响同级元素的问题
问题描述:代码:解决办法:在同级元素的父级元素上加上padding-top:1px;原创 2018-06-04 10:53:35 · 1583 阅读 · 0 评论 -
gitlab 通过ssh建立本地仓库
https://blog.csdn.net/qq_36713816/article/details/73311235转载 2018-06-13 15:46:09 · 468 阅读 · 0 评论 -
使用vue-cli构建项目打包命令及注意事项
打包命令:npm run build执行后会生成dist文件夹,里面包含css,js,img,index.html等文件,点击index.html文件即可查看项目。注意事项:1、在打包之前,需要将文件中config文件夹下的index.js中的原来为 / 改成 ./ 之后再npm run build,否则打开index.html会为空白页。2、另外在打包时项目中需要先安装整个依赖node_modu...原创 2018-06-13 15:52:46 · 1914 阅读 · 0 评论 -
比较typeof和instanceof
1、相同点:都常用来判断一个变量是否为空,或者是什么类型的。2、不同点:(1)typeof:返回值是一个字符串,用来说明变量的数据类型(number,boolean,string,function,object,undefined)。 用法: 1>判断一个变量是否存在 if(typeof(a)!="undefin...原创 2018-05-10 13:42:42 · 3245 阅读 · 0 评论