- 博客(34)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 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
379
原创 导航菜单下的波动线
<!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
234
原创 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
1272
原创 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
421
原创 select下拉生成，三级联动
单个下拉框生成/** * select 下拉生成 * var html = * $.divselect("#province", "#inputprovince"); * html+= '<div id="county">'; * html+= '<cite>请选择特效分类</cite>'; * html+...
2019-10-16 14:09:09
531
原创 $.fn.extend和$.extend的用法
一、基本JQ扩展插件的格式一个扩展插件的格式一般是：(function($){.........})(jQuery);当然，为了防止压缩合并等操作时，它前面的js代码没有结束分号而引起错误，这里可以在前面加个;就是：;(function($){.........})(jQuery);传入参数可以有多个，比如：;(function($, window,document,unde...
2019-10-11 10:12:38
274
原创 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
695
原创 子元素设置了margin-top，父元素跟随下移问题
所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。嵌套也属于毗邻解决方法：1.在父元素上设置overflow：hidden； （触发父元素的BFC）2.给父元素设置padding-top或border,border-top（隔开两个元素的margin）3.父元素或子元素...
2019-09-27 14:24:09
624
原创 雪碧图的使用
<!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
1017
1
原创 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
282
原创 video自定义播放器
> 此自定义播放器基于JS ，内部只用了少量JQ 此播放器可以拖动进度条， 也可以点击进度条的任一位置进行播放，同理声音也是如此， 有全屏功能，以及调节播放速度。用法超级简单当然如果要修改样式以及其他需求， 核心代码都是不需要改变的...
2019-08-06 10:28:22
600
原创 vue2.x的学习之路--VUE路由安装配置
https://router.vuejs.org/vue路由配置： 1.安装 npm install vue-router --save / cnpm install vue-router --save 2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue...
2019-07-30 11:40:42
253
原创 vue2.x的学习之路--vue路由的传值
方法一： <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->const routes = [ { path: '/home', component: Home }, { path: '/new', component: New }, { path: '/details/:id', component: Detai...
2019-07-30 11:38:32
214
原创 vue2.x的学习之路--vue路由模块化，分离
从main.js 分离出来 ，从业务上来说当成一个模块， 专门放路由地址。angular 也是一样的 ， 模块化的思想
2019-07-30 11:36:09
405
原创 vue2.x的学习之路--vue父组件获取子组件的方法和属性
一 。父组件获取子组件的方法和属性1。调用子组件的时候定义一个ref <v-Headers ref="header"></v-Headers>2.在父组件里面 通过this.$refs.header.属性this.$refs.header.方法二。子组件获取父组件的方法属性this.$parent.属性this.$parent.方法...
2019-07-30 11:33:28
354
原创 vue2.x的学习之路--父组件传值给子组件
父组件里面 <v-Headers :title="title"></v-Headers>//传方法的时候不用加括号 <v-Headers :title="title" :run="run" :sign="123"></v-Headers>//传父直接本身 <v-Headers :home="this"></v-He...
2019-07-30 11:30:01
184
原创 内容不足以铺满屏幕高度时,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
1860
原创 HttpClient创建和封装,使用
按照惯例直接上代码import { Injectable } from '@angular/core';import { HttpClient, HttpHeaders } from '@angular/common/http';import { Observable, of } from 'rxjs';import { Apis } from './Api';/** * 封...
2019-04-25 09:46:58
459
4
原创 解决PC端和移动端自适应问题？
通常需要考虑到不同电脑屏幕尺寸，以及不同手机屏幕大小等问题，解决样式发生改变的情况，现在主要是采用自适应来解决高度，宽度的，以及图片自适应问题现在有很多人的IE浏览器都升级到IE9以上了，所以这个时候就有又很多诡异的事情发生了，例如现在是IE9的浏览器，但是浏览器的文档模式却是IE8 为了防止这种情况，我们需要下面这段代码来让IE的文档渲染模式永远都是最新的这段代码后面加了一个chrome...
2019-02-22 16:23:57
17411
原创 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
9046
原创 js时间戳转化，js时间判断大小，设置时间等等一些零碎问题
js获取时间比较大小其实在一些后台系统页面中经常需要到筛选时间段来进行查询这个时候就需要到比较时间的大小，不能让结束时间小于开始时间，开始时间大于结束时间。所以直接上图：方法一：可以直接进行比较方法二：也可以转化为毫秒来比较方法三：这个方法或许是经常用到场景方法四：如果后台返回的是一个时间戳的话，是可以直接进行比较的，因为就是一串字符数字比如：1548223530...
2019-01-23 15:37:22
5495
原创 js判断对象为空的方法
在异步请求中我们常常要对后台返回的数据进行判断当然后台会返回成功状态的数值比如下图：成功的时候可以这么判断data.data.length==0,然后再做后续的操作，但也会碰到其他的返回结果比如是个对象？这个时候就如果单纯的通过返回状态和length ==0 就无法满足业务需求 if（data.errCode==0）{ // 成功的时候需要做什么 if（data.data....
2019-01-21 10:16:52
10430
4
原创 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
5989
3
原创 angular保存代码不自动刷新页面
控制台或者vscode的终端里面运行ng serve --host localhost --port 8008–port xxx 这个XX是你 angular项目protractor.conf.js中 baseUrl的端口， 这样就可以刷新了
2018-12-29 17:07:10
4385
原创 angular用npm引用jq后在index.html中使用jq
来不及解释直接上图window.onload = ()=&gt;{console.log($(".asd").html())}一定 要在 onload 中使用
2018-12-29 16:59:54
618
原创 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
11184
原创 垂直居中，绝对的垂直居中，上代码
标题一、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
2424
2
原创 Chrome关于浏览器在上传文件时卡死现象
方法2：方法1：进谷歌浏览器设置->高级->关闭使用硬件加速模式（关闭之后如下图）方法2：浏览器打开网页“chrome://flags/”，搜索GPU，找到下图这项下拉选择disabled，完美解决。方法3：上传下载时，关闭搜狗输入法方法4：在属性 高级中选择以管理员身份运行...
2018-12-25 13:20:45
9421
1
原创 400，405，404 ，500是什么错
开发中的俗话400 错误请求 — 请求中有语法问题，或不能满足请求。404 找不到 — 服务器找不到给定的资源；文件不存在（前端开发中是前端传的参数有问题，为前端解决）405 前端开发中是前端的get ,post请求方式错误，为前端解决。500 内部错误 — 服务器不能完成请求 或者出问题了（前端开发中是服务请求不到，接口问题，为后端解决）504 前端开发中为跨域问题，一般...
2018-12-25 11:28:10
11526
原创 编程语言中的sdk和api分别是什么意思
sdksdk，是英文software developer kit的缩写，意思是软件开发包，意思很明显了，就是与有java开发相关的一些类库，工具（java.exe…），环境(jre)等，SDK中可以包含一些API，API就是一些接口，是介绍怎么使用api的，包含帮助文档，实例程序。apiapi，是英文Application Programming Interface的缩写，意思是应用...
2018-12-25 11:11:31
2233
原创 精选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
655
原创 Cannot read property 'config' of null怎么解决
如标题所致处理:npm install -g @angular/cli npm install @angular/cli``碰到这个问题的时候一定要 运行上面两个 命令
2018-12-25 10:33:32
5061
原创 npm使用教程，安装，卸载，清除缓存
一、第一步：首先下载node.js附上网址：以下是8.9.x版本，是上下都兼容的版本，目前来说是最好的https://download.csdn.net/download/dalqyou/10872432都是傻瓜式的安装，直接next下一步下一部就ok 了，这里不上图了。二、安装完node后直接打开命令运行窗口1.可以通过 win +R 或者点击开始菜单在下面的运行输入cmd ...
2018-12-24 17:07:27
17350
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人