前端js技术，问题集合
关注
分享
扫一扫
今夜你是我的模特
寻求最快的解决方案，寻找最快的上手途径
展开
-
js,jq文件上传，图片预览，formData，fileReader
formData是向后台传输文件，fileReader是读取文件，实现预览 同时formData ，fileReader 都可以实现文件上传， 他们都可以转为二进制流添加multiple属性，就可上传多个文件 <input type="file" onchange="changepic(this)"></div> <input multiple type...原创 2020-03-17 15:07:41 · 405 阅读 · 0 评论 -
精选vscode常用插件
话不多说直接上图Vetur语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript语法高亮，包括 html/jade/pug css/sass/scss/less/stylus js/tsemmet 支持代码自动补全（目前还是初级阶段），包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScriptAngular Files...原创 2018-12-25 10:44:04 · 688 阅读 · 0 评论 -
导航菜单下的波动线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2020-01-10 18:20:48 · 258 阅读 · 0 评论 -
promise的异步 同步 用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2020-01-10 18:16:10 · 1321 阅读 · 0 评论 -
ios点击复制文本
$(".copy").off("click").on('click', function (e) { var txt = $(this).parent().find(".copyText").text(); var el = document.createElement('textarea'); el....原创 2020-01-08 16:02:56 · 447 阅读 · 0 评论 -
select下拉生成，三级联动
单个下拉框生成/** * select 下拉生成 * var html = * $.divselect("#province", "#inputprovince"); * html+= '<div id="county">'; * html+= '<cite>请选择特效分类</cite>'; * html+...原创 2019-10-16 14:09:09 · 559 阅读 · 0 评论 -
video自定义播放器
> 此自定义播放器基于JS ，内部只用了少量JQ 此播放器可以拖动进度条， 也可以点击进度条的任一位置进行播放，同理声音也是如此， 有全屏功能，以及调节播放速度。用法超级简单当然如果要修改样式以及其他需求， 核心代码都是不需要改变的...原创 2019-08-06 10:28:22 · 649 阅读 · 0 评论 -
box-shadow应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-08-27 14:47:59 · 306 阅读 · 0 评论 -
雪碧图的使用
<!DOCTYPE html><html lang="en"><head> <meta http-equiv="content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,init...原创 2019-08-27 14:52:39 · 1067 阅读 · 1 评论 -
子元素设置了margin-top，父元素跟随下移问题
所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。嵌套也属于毗邻解决方法：1.在父元素上设置overflow：hidden； （触发父元素的BFC）2.给父元素设置padding-top或border,border-top（隔开两个元素的margin）3.父元素或子元素...原创 2019-09-27 14:24:09 · 692 阅读 · 0 评论 -
html打包成exe文件electron-builder
第一步cnpm install electron -ggit clone https://github.com/electron/electron-quick-startcd electron-quick-startcnpm installnpm start第二步"scripts": { "pack": "electron-builder --dir", "dist...原创 2019-09-27 14:30:53 · 734 阅读 · 0 评论 -
$.fn.extend和$.extend的用法
一、基本JQ扩展插件的格式一个扩展插件的格式一般是：(function($){.........})(jQuery);当然，为了防止压缩合并等操作时，它前面的js代码没有结束分号而引起错误，这里可以在前面加个;就是：;(function($){.........})(jQuery);传入参数可以有多个，比如：;(function($, window,document,unde...原创 2019-10-11 10:12:38 · 302 阅读 · 0 评论 -
内容不足以铺满屏幕高度时,footer居底显示,如何页面铺满了则在内容最下面,4种方法
这篇在浏览博客时看到的，转载了他的文章 https://blog.csdn.net/u012076852/article/details/53068082同样话不多说，直接上代码方法一：html：<div class="page"> 主要页面</div><footer>底部</footer>css:html,bod...原创 2019-06-19 13:56:12 · 2116 阅读 · 0 评论 -
online手机调试在谷歌浏览器中的使用
原创 2019-04-24 16:12:43 · 279 阅读 · 0 评论 -
GET http runtime.js net ERR_ABORTED 404 (Not Found)
GET http runtime.js net ERR_ABORTED 404 (Not Found)第一把点去掉你应该就会发现 没错了第二如果你一定要加点的话，看下图操作在app.module.ts 里面加上 HashLocationStrategy， LocationStrategy 就可以了，你就能继续使用./...原创 2019-02-20 09:27:30 · 9133 阅读 · 0 评论 -
js,ts 在使用if条件判断时真正理解（）里面的true和false
var flag = true;var sign =1;var s =undefined;var a =NaN;var obj =null;var str ='';if(flag){ console.log(123);}else{ console.log(000);}如上面if的（）里面 条件都会转为true 或者false 来判断， 里面最终是一个Boolean 表达式...原创 2018-12-29 16:24:31 · 11597 阅读 · 0 评论 -
angular用npm引用jq后在index.html中使用jq
来不及解释直接上图window.onload = ()=&gt;{console.log($(".asd").html())}一定 要在 onload 中使用原创 2018-12-29 16:59:54 · 644 阅读 · 0 评论 -
angular保存代码不自动刷新页面
控制台或者vscode的终端里面运行ng serve --host localhost --port 8008–port xxx 这个XX是你 angular项目protractor.conf.js中 baseUrl的端口， 这样就可以刷新了原创 2018-12-29 17:07:10 · 4478 阅读 · 0 评论 -
Cannot read property 'config' of null怎么解决
如标题所致处理:npm install -g @angular/cli npm install @angular/cli``碰到这个问题的时候一定要 运行上面两个 命令原创 2018-12-25 10:33:32 · 5131 阅读 · 0 评论 -
编程语言中的sdk和api分别是什么意思
sdksdk，是英文software developer kit的缩写，意思是软件开发包，意思很明显了，就是与有java开发相关的一些类库，工具（java.exe…），环境(jre)等，SDK中可以包含一些API，API就是一些接口，是介绍怎么使用api的，包含帮助文档，实例程序。apiapi，是英文Application Programming Interface的缩写，意思是应用...原创 2018-12-25 11:11:31 · 2328 阅读 · 0 评论 -
400，405，404 ，500是什么错
开发中的俗话400 错误请求 — 请求中有语法问题，或不能满足请求。404 找不到 — 服务器找不到给定的资源；文件不存在（前端开发中是前端传的参数有问题，为前端解决）405 前端开发中是前端的get ,post请求方式错误，为前端解决。500 内部错误 — 服务器不能完成请求 或者出问题了（前端开发中是服务请求不到，接口问题，为后端解决）504 前端开发中为跨域问题，一般...原创 2018-12-25 11:28:10 · 11646 阅读 · 0 评论 -
Chrome关于浏览器在上传文件时卡死现象
方法2：方法1：进谷歌浏览器设置->高级->关闭使用硬件加速模式（关闭之后如下图）方法2：浏览器打开网页“chrome://flags/”，搜索GPU，找到下图这项下拉选择disabled，完美解决。方法3：上传下载时，关闭搜狗输入法方法4：在属性 高级中选择以管理员身份运行...原创 2018-12-25 13:20:45 · 10349 阅读 · 1 评论 -
angular标签使用[innerHTML]并且解决样式问题以及在ts拼写div,html代码时无法在html页面生成问题
话不多说，刚使用angular不久的同学有时脱离不jq 的使用以及习惯在js中拼好div 然后append到html中，所以发现在angular中这个方法行不通，拼好的div 不能在页面生成。下面直接贴代码，有两种方法&lt;div [innerHTML]="showHtml" &gt; &lt;/div&gt;通过这么写就能把showHtml中拼好的div 展示在html页面中，ts...原创 2019-01-08 16:58:26 · 6078 阅读 · 3 评论 -
js判断对象为空的方法
在异步请求中我们常常要对后台返回的数据进行判断当然后台会返回成功状态的数值比如下图：成功的时候可以这么判断data.data.length==0,然后再做后续的操作，但也会碰到其他的返回结果比如是个对象？这个时候就如果单纯的通过返回状态和length ==0 就无法满足业务需求 if（data.errCode==0）{ // 成功的时候需要做什么 if（data.data....原创 2019-01-21 10:16:52 · 10490 阅读 · 4 评论 -
js时间戳转化，js时间判断大小，设置时间等等一些零碎问题
js获取时间比较大小其实在一些后台系统页面中经常需要到筛选时间段来进行查询这个时候就需要到比较时间的大小，不能让结束时间小于开始时间，开始时间大于结束时间。所以直接上图：方法一：可以直接进行比较方法二：也可以转化为毫秒来比较方法三：这个方法或许是经常用到场景方法四：如果后台返回的是一个时间戳的话，是可以直接进行比较的，因为就是一串字符数字比如：1548223530...原创 2019-01-23 15:37:22 · 5715 阅读 · 0 评论 -
解决PC端和移动端自适应问题？
通常需要考虑到不同电脑屏幕尺寸，以及不同手机屏幕大小等问题，解决样式发生改变的情况，现在主要是采用自适应来解决高度，宽度的，以及图片自适应问题现在有很多人的IE浏览器都升级到IE9以上了，所以这个时候就有又很多诡异的事情发生了，例如现在是IE9的浏览器，但是浏览器的文档模式却是IE8 为了防止这种情况，我们需要下面这段代码来让IE的文档渲染模式永远都是最新的这段代码后面加了一个chrome...原创 2019-02-22 16:23:57 · 17492 阅读 · 0 评论 -
垂直居中，绝对的垂直居中，上代码
标题一、display: flex;justify-content: center;//使子项目水平居中align-items: center;//使子项目垂直居中&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF原创 2018-12-29 14:35:52 · 2461 阅读 · 2 评论