- 博客(24)
- 收藏
- 关注
原创 前端面试题
一、进程与线程1)运行以后的程序叫做进程2)一个进程可以有多个线程3)线程是最小的执行单元,进程至少由一个线程组成4)线程与进程的调度由操作系统决定5)单核CPU一次只能执行一个进程6)有的内存是共享的;有的被加了互斥锁;有的只能给限定个数的线程使用(信号量)参考资料进程与线程的一个简单解释进程和线程...
2022-04-28 18:27:21
639
转载 IE修炼之路:IE11 textarea无法正常换行
1. 问题描述在回显数据的时候,发现IE11 textarea中的数据呈一行显示,无法换行。2. 问题解决添加如下css属性即可解决:textarea{white-space:pre-wrap; /* css3.0 /white-space:-moz-pre-wrap; / Firefox /white-space:-o-pre-wrap; / Opera 7 /word-wrap:break-word; / Internet Explorer 5.5+ */}参考资料怎么解决IE11
2021-01-19 10:13:04
538
原创 IE修炼之路:IE9使用表单上传文件
本文章基于以下版本:1)vue@2.5.132)jquery@1.10.03)element-ui4)IE9(9.0.8112.16421)5)WIN7 SP11. 问题描述项目需要将base64传给后端。首先想到new FormData(),不幸的是IE9不支持FormData。FormData兼容性.2. 问题解决后来找到jquery.form.js可以实现,所以就捣鼓起来了:首先引入jquery.form.js,虽然文旦中说需要jquery@1.5才能支持,但是我们只需要使用.
2021-01-13 16:59:32
471
原创 IE修炼之路:vue不打包时在IE中的写法注意点
本文章基于以下版本:1)vue@2.5.132)jquery@1.10.03)element-ui4)IE9(9.0.8112.16421)5)WIN7 SP1一. 一些注意点1、开闭标签要写全错误的写法:<el-input />正确的写法:<el-input></el-input>2、v-if不能写成多行错误的写法:<div if="a>b && b > c"></div>正确.
2021-01-13 10:26:12
122
转载 IE修炼之路:IE9上传文件弹出xxx.json的 下载提示框
本文章基于以下版本:1)vue@2.5.132)jquery@1.10.03)element-ui4)IE9(9.0.8112.16421)5)WIN7 SP11. 问题描述使用upload组件点击上传后,会触发IE的下载提示框。chrome是正常的。2. 问题解决IE在上传文件时,如果后端返回:Content-Type: application/json就会触发下载提示框。可以让后端改为:Content-Type: text/html前端接收的时候:$.ajax({.
2021-01-12 16:57:50
457
原创 《CSS世界》读书笔记:line-height
line-height1. 行距与半行距2. 半行距与精确的布局3. 为什么line-height可以让内联元素“垂直居中”?4. 使用line-height实现多行文本"垂直居中"5. 关于line-height的各类属性值5.1 normal5.2 数值,百分比,长度值6. 总结7. 面试题:display:inline-block;作用于块级元素于作用于内联元素有什么区别?参考资料本文大部分内容摘自 张鑫旭的《CSS世界》,外加一些自己的理解。在此仅作学习记录,无商业用途。1. 行距与半行距
2020-09-18 23:50:24
807
转载 《CSS世界》读书笔记:字母x
本人内容摘自 张鑫旭的《CSS世界》,外加一些自己的理解。在此仅作学习记录,无商业用途。1. 字母x与基线字母x的下边缘(线)就是我们的基线。2. x-height小写字母x的高度即x-height。vertical-align:middle; 中的middle与图中的median不是一个意思,middle是指基线往上1/2 x-height的地方。近似理解为字母x交叉点的地方。由于不同的字体相对于基线所在的位置不同,有的可能会下沉一些,有的可能会上浮一些,因此,vertica.
2020-09-18 14:48:05
169
原创 webpack4 完整单入口项目搭建过程
webpack4 + jquery + bootstrap 单页项目搭建过程前言软件和包说明1. 搭建过程1.1 创建一个新的项目1.1.1 package.json1.2 安装webpack1.2.1 package-lock.json1.3前言本文主要是一次webpack4学习过程的总结,重点放在webpack4逐步与完整的配置过程说明上。不做完整的框架搭建,仅供参考!下文所有包的安装未指定安装的版本,但都会在【软件和包的说明】中标出版本信息,如果在安装或使用过程出现版本问题,请到【软件和包的说明
2020-09-04 22:33:22
611
原创 git bash ‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
git bash ‘node’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。系统说明window 10 专业版 1803node 12.18.3npm 6.14.8问题 描述PowerShell 中可以正常运行npm run dev。git bash中可以正常查看node和npm的版本,但是运行npm run dev时,就会报’node’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决方法使用cmd或powerShell执行以下命令:C:\Program F
2020-08-31 10:25:23
5254
原创 @babel/polyfill和@babel/plugin-transform-runtime区别与使用
@babel/polyfill和@babel/plugin-transform-runtime特别说明本次讨论是基于webpack4 在以下版本中进行讨论“@babel/core”: “^7.11.4”“@babel/polyfill”: “^7.10.4”“@babel/plugin-transform-runtime”: “^7.11.0”简介如果在开发中,使用ES6的语法,会导致一些旧版的浏览器无法运行,这时候我们就可以借助Babel这个平台来帮助我们将高版本的语法转为低版本的
2020-08-25 20:29:10
1893
2
转载 webpack中的hash、chunkhash、contenthash区别
webpack中的hash、chunkhash、contenthash区别hash如果采用hash打包的文件都会采用相同的hash值(未经特殊处理下),如果一个文件改动,打包后,其他未改动的文件的hash值也会跟着改变。chunkhash采用chunkhash的话,打包后每个文件都有自己hash值。改动文件重新打包,只有被改动的文件和与这个文件关联的文件(如改动test.js,index.js引入了test.js,那么两个文件hash都会改变)的hash值会改变。contenthash
2020-08-21 10:33:51
229
翻译 npm包前的@ 是什么意思
npm包前的@是什么意思简要说明带有npm的包表示该包是范围包。如果有一个包是@test/myPlugs那么你可以发布一个@my/myPlugs。如果是无范围的包,且存在一个myPlugs的包,你发布的包名就不能是myPlugs了。关于范围注意:您必须使用npm 2或更高版本才能使用作用域。要升级到最新版本的npm,请在命令行上运行npm install npm@latest -g注册npm用户帐户或创建组织时,系统会授予与您的用户或组织名称匹配的范围。您可以将此作用域用作相关程序包的命名
2020-08-11 17:56:34
11083
原创 什么是Web App、Hybrid App、 Native App、PWA
什么是Web App、Hybrid App、 Native App、PWA简单理解Web App使用浏览器即可访问的网页应用如:京东网页版,淘宝网页版。PWAWeb App 的加强版,可以实现安装,推上,离线访问等功能。PWA入门:手把手教你制作一个PWA应用Hybrid App混合模式开发的APP,在APP应用中嵌入H5网页。Native App使用Objective-C、JAVA开发的原生应用。说明以上内容基于以下链接的简单理解:什么是Web App、Hybri
2020-08-11 17:29:51
531
原创 ESLint + commitlint 实现代码提交检验与规范commit提交内容
ESLint + commitlint 实现代码提交检验与规范commit提交内容实现的功能git commit 之前对代码进行格式校验并自动修复存在基础错误的代码规范 git commit -m “xxxx” 提交的描述内容git commit 之前对代码进行格式校验并自动修复存在基础错误的代码安装eslint包关于eslint的说明和安装这里不再说明。详情可百度或查看另一边文章。eslint配置和保存代码自动格式化安装husky包yarn add husky -Dhusky
2020-08-09 12:19:02
2275
原创 vue cli3 + eslint配置和保存代码自动格式化
什么是eslint什么是ESLint?eslint 是js和jsx的静态代码检测工具,在代码未运行的时候即可检测代码中是否存在错误或不规范的写法。配置方式eslint官方文档–高级配置eslint使用指南方式一:Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。比如要让代码中的某些代码断忽略eslint监测可以使用eslint-disable。可以用eslint-enable 开启代码检测。/* eslint-disa
2020-08-07 22:41:12
4416
原创 yuicompressor 批量压缩文件 并重新命名为.min.js
一、参考地址1)参考地址:https://my.oschina.net/yonsen/blog/2975222)参考地址:https://zhidao.baidu.com/question/508515317.html二、下载地址1)yuicompressor 2.4.7 (一定要使用这个版本不然会报错)https://codeload.github.com/yui/yuicompress...
2019-11-24 19:05:43
387
原创 移动端布局的一些小知识
关于PC端与移动端的区别PC端主要考虑浏览器的兼容性 移动端主要考虑屏幕的分辨率关于像素的一些概念设备独立像素:屏幕的大小,屏幕的尺寸(别名叫点,是个单位,即用尺寸量手机屏幕的长宽)获取:window.screen.width/window.screen.height注意:横屏切换的时候,真机里的这个值是不会变,但在模拟器里是会切换的 在一个点里,可以放下多个像素 这个值...
2019-11-10 23:22:36
177
原创 盘点html学习中的各种疑问
一、关于iframe标签1)iframe是内联元素2)如果没有display:block;它的高度会比父元素多出4px; // @TODO 理解为什么
2019-11-10 14:58:24
166
原创 移动端兼容性问题盘点,IOS与Android
一、new Date参考地址:https://www.cnblogs.com/zjjDaily/p/8963327.html1)ios中new Date(‘2019-08-08 11:11’);这种时间格式会报错。ios中需使用2019/08/08 11:11 这种时间格式。二、软键盘和输入框1)ios12+机型,软键盘弹出后,屏幕中可视区变小,软键盘收起后,页面出现无法下滑的情况。解决...
2019-11-10 12:45:40
494
原创 盘点js学习中,遇到的各种疑问
查看JS方法的兼容性网址:https://caniuse.com/一、关于data-xxx1)命名不要包含大写字母第一种:(可行)<div id="test" data-user-id="99"></div><script type="text/javascript"> $(function(){ console.log($('...
2019-11-10 10:06:14
230
原创 Vue从入门到入门,盘点使用中遇到的各种疑问
以下将盘点vue学习中,遇到的一些问题,仅以此做记录。学习使用的是element-admin框架。一、从当前路由跳转到当前路由(跳转相同路由)时,报错【NavigationDuplicated】。参考地址:https://www.cnblogs.com/rever/p/11577322.html解决方法: 1、对于单个路由 router.push('/loc...
2019-11-10 09:38:09
149
原创 js Range对象 contenteditable ctrl+enter(回车) 换行 富文本编辑器
特别说明:这里没有做兼容,比较完美运行的是chrome浏览器参考文章:文档:http://www.w3school.com.cn/xmldom/dom_range.asphttps://developer.mozilla.org/en-US/docs/Web/API/Range/setStart博文:https://blog.csdn.net/mafan121/articl...
2019-03-26 10:37:09
1412
原创 WebStrom自动编译less并生成.map
系统:win10版本:WebStrom 2018.2.1https://blog.csdn.net/wwz123124/article/details/80274004上述配置包含sourcemap文件的输出,***.map的作用是调试时可以确定样式在less文件中的位置,而不是在css(默认)中的位置。但是这种方法编译后的文件是在less文件下的。参考视频:https://www.y...
2018-10-23 19:00:15
703
原创 Unity 触摸屏单指移动相机
为了完成这个功能,花了3天的时间,从零到零点一。其中参考了不少博客,此致感谢!文末会有原文转载地址!!!实现功能: 让物体(图片)在限定的范围,通过单指触摸屏幕,进行移动。特别说明: 镜头不能离图片太近,不然看不到理想的效果。代码:using System.Collections;using System.Collections.Generic
2017-10-24 20:27:08
2102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人