lidix-CSDN博客

原创前端面试题

一、进程与线程1）运行以后的程序叫做进程2）一个进程可以有多个线程3）线程是最小的执行单元，进程至少由一个线程组成4）线程与进程的调度由操作系统决定5）单核CPU一次只能执行一个进程6）有的内存是共享的；有的被加了互斥锁；有的只能给限定个数的线程使用（信号量）参考资料进程与线程的一个简单解释进程和线程...

2022-04-28 18:27:21 605

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 508

原创 IE修炼之路：IE9使用表单上传文件

本文章基于以下版本：1）[email protected]）[email protected]）element-ui4）IE9（9.0.8112.16421）5）WIN7 SP11. 问题描述项目需要将base64传给后端。首先想到new FormData()，不幸的是IE9不支持FormData。FormData兼容性.2. 问题解决后来找到jquery.form.js可以实现，所以就捣鼓起来了：首先引入jquery.form.js，虽然文旦中说需要[email protected]才能支持，但是我们只需要使用.

2021-01-13 16:59:32 440

原创 IE修炼之路：vue不打包时在IE中的写法注意点

本文章基于以下版本：1）[email protected]）[email protected]）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 114

转载 IE修炼之路：IE9上传文件弹出xxx.json的下载提示框

本文章基于以下版本：1）[email protected]）[email protected]）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 426

原创《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 784

转载《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 150

原创 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 576

原创 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 5081

原创 @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 1845 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 194

翻译 npm包前的@ 是什么意思

npm包前的@是什么意思简要说明带有npm的包表示该包是范围包。如果有一个包是@test/myPlugs那么你可以发布一个@my/myPlugs。如果是无范围的包，且存在一个myPlugs的包，你发布的包名就不能是myPlugs了。关于范围注意：您必须使用npm 2或更高版本才能使用作用域。要升级到最新版本的npm，请在命令行上运行npm install npm@latest -g注册npm用户帐户或创建组织时，系统会授予与您的用户或组织名称匹配的范围。您可以将此作用域用作相关程序包的命名

2020-08-11 17:56:34 10413

原创什么是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 485

原创 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 2219

原创 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 4388

原创 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 373

原创移动端布局的一些小知识

关于PC端与移动端的区别PC端主要考虑浏览器的兼容性移动端主要考虑屏幕的分辨率关于像素的一些概念设备独立像素：屏幕的大小，屏幕的尺寸（别名叫点，是个单位，即用尺寸量手机屏幕的长宽）获取：window.screen.width/window.screen.height注意：横屏切换的时候，真机里的这个值是不会变，但在模拟器里是会切换的在一个点里，可以放下多个像素这个值...

2019-11-10 23:22:36 158

原创盘点html学习中的各种疑问

一、关于iframe标签1）iframe是内联元素2）如果没有display:block;它的高度会比父元素多出4px; // @TODO 理解为什么

2019-11-10 14:58:24 158

原创移动端兼容性问题盘点，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 455

原创盘点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 220

原创 Vue从入门到入门，盘点使用中遇到的各种疑问

以下将盘点vue学习中，遇到的一些问题，仅以此做记录。学习使用的是element-admin框架。一、从当前路由跳转到当前路由（跳转相同路由）时，报错【NavigationDuplicated】。参考地址：https://www.cnblogs.com/rever/p/11577322.html解决方法： 1、对于单个路由 router.push('/loc...

2019-11-10 09:38:09 133

原创 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 1362

原创 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 688

原创 Unity 触摸屏单指移动相机

为了完成这个功能，花了3天的时间，从零到零点一。其中参考了不少博客，此致感谢！文末会有原文转载地址！！！实现功能：让物体（图片）在限定的范围，通过单指触摸屏幕，进行移动。特别说明：镜头不能离图片太近，不然看不到理想的效果。代码：using System.Collections;using System.Collections.Generic

2017-10-24 20:27:08 2039

m0_37613019的博客