- 博客(47)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 css颜色渐变2
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma...
2020-01-07 10:19:09
229
原创 css3颜色渐变1
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma...
2020-01-07 10:07:03
227
原创 Angularjs 自定义指令
所有的参数angular.module('myApp', []) .directive('myDirective', function() { return { restrict: String, priority: Number, terminal: Bo...
2019-12-03 09:44:08
190
原创 Angularjs指令的scope的作用域
scope 1、false （默认） 创建的指令和父作用域（其实是同一个作用域）共享同一个model模型，在指令中修改模型数据，会反映到父作用域的模型中。 2、true 新创建了一个作用域，且继承了父作用域；在初始化的时候，用了父作用域的属性和方法去填充我们这个新的作用域。它和父作用域不是同一个作用域。 3、{} ...
2019-12-02 11:35:21
135
原创 js 文件流 文件下载和导出
文件下载和导出form表单文件流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-11-27 21:02:03
1042
原创 better-scroll上拉加载和下拉刷新的一个简单写法
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable...
2019-10-24 11:12:01
398
原创 better-scroll轮播图的写法
第一步我们先将骨架搭起来啊，在使用前记得安装或者引入better-scroll <div id="app"><!-- 盛放轮播图的盒子， ref作用就是和选择器的作用差不多，都是获取元素的--> <div class="wrapper" ref="slider"><!-- 为了循环啊我们使用u...
2019-10-24 10:41:06
1043
1
原创 居中，transform：translate(x,y)来设置居中
我在以前也写过margin和flex的博客，可以自行查看<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ ...
2019-10-18 09:38:09
1722
原创 BFC，格式化上下文
BFC，格式化上下文，防止父元素高度坍塌，文档流的丢失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ ...
2019-10-16 13:44:25
104
原创 css 遮罩层
css遮罩层涉及了div的定位固定和居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding:...
2019-10-16 13:25:49
431
原创 js文件上传
<input type="file" name='file' id="fileChange"/>var testurl;$("#fileChange").change(function (event) { //请求接口地址 var uploadUrl = testurl; /** 文件解析 */ var file...
2019-04-29 10:48:22
350
原创 flex布局，设置一行显示个数
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title
2019-03-11 16:49:30
79690
44
原创 盒子模型，将内边距嵌入Width
盒子模型，将内边距嵌入Width<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&am
2019-03-06 11:35:15
193
原创 在Angular2,4,5,6,7使用highcharts
通过 npm 安装提示：npm 是 nodejs 包管理工具，可以方便的管理和使用 nodejs 包，如果你暂时没有用到，可以跳过本文。提供的 Highcharts npm 包，包含了 Highcharts、Highstock、Highmaps 及所有的功能模块，通过下面的命令即可完成安装npm install highcharts --save加载 Highcharts...
2019-03-05 10:51:06
2082
原创 Angular2以上ng e2e（端到端测试或者集成测试）入门
import { browser, element, by, Key } from 'protractor';describe('angularjs主页待办事项列表', () => { it('应该加一个待办事项', () => { browser.get('https://angularjs.org'); element(by.model('todoLis...
2019-03-02 10:45:58
1918
原创 div在页面中水平，上下居中的两种方法，flex和margin
第一种：flexhtml<div class="flex-box"> <div class="item-box">111</div> <div class="item-box">222</div> <div class="item-box"
2018-09-18 09:36:38
771
原创 js 下载 download
上代码：<!doctype html><html> <head> <meta charset="UTF-8"> <title>Download Text File Demo</title> <style> body{ font: menu; } </sty
2018-06-23 18:06:50
5485
1
原创 input[type=file] 获取上传文件的内容
上代码： <input type="file" name="file" id="fileUpload">jquery：$("#fileUpload").change(function () { console.log($("#fileUpload")[0].files);});打印结果：
2018-06-14 11:02:13
43713
2
原创 input=file美化上传按钮 Bootstrap
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https
2018-06-13 15:50:47
6659
1
原创 网页全屏背景 html5 + css3
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body, html, p {
2018-06-12 10:38:28
1209
原创 Nx和ng-packagr，Angualr 打包组件，发布使用
此项目是使用Angular CLI 和 Nrwl Nx生成的。现在开始安装项目和完成配置Nx是企业级Angular应用程序的开源工具包。Nx旨在帮助您创建和构建企业级Angular应用程序。 它为应用程序项目结构和模式提供了一种有见地的方法。总结来说就是一个打包的工具快速入门和文档观看关于如何开始使用Nx的5分钟视频。生成你的第一个应用程序打开cmd命令提示符：全局安装 yarn global ...
2018-06-12 10:06:21
2218
1
原创 html中嵌入SVG文件
SVG in HTML svg{ display: block; width: 500px; height: 500px; margin: auto; border: thick double navy; background:
2018-06-12 09:12:57
4740
原创 访问iframe里面的元素
$(document).ready(function(){ $("#iframesId").contents().find("#pid").css("color","red"); var aaa = $("#iframesId").contents().find("#bodyId").html(); //var aaa = $(docume
2018-06-12 09:11:56
1315
原创 js下载 写入文件并下载文件
<!DOCTYPE html><html><head> <!--<script type='text/javascript' src="SaveBlob.js"/>--></head><body><input type="button" id="savetext" value="Save"...
2018-06-12 09:10:31
2220
4
原创 div js 缩放方法
话不多说，上代码，要的就是那种直接可以运行的的，ok的 zoomElement(elmnt) { if (elmnt.addEventListener) { // IE9, Chrome, Safari, Opera elmnt.addEventListener('mousewheel', MouseWheelHandler, ...
2018-05-31 09:55:51
14117
3
原创 div js 拖拽方法
找到 id dragElement(elmnt) // elmnt就是id， 执行方法 dragElement(elmnt) { let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0; if (document.getElementById(elmnt.id)) { ...
2018-05-31 09:54:15
340
原创 forEach（） { } 的使用方法
话不多说，上代码：var bbb = ['acb', 'vvv', 'index', 'html'];bbb.forEach(function(item, index, bbb) { console.log(item); console.log(index); console.log(bbb);})结果：
2018-05-30 14:54:45
13128
原创 js 删除数组json中重复的元素或者对象
var arr = [ {'id': 1, 'name': lx}, {'id': 1, 'name': lx001}, {'id': 1, 'name': lx002}, {'id': 1, 'name': lx}, {'id': 3, 'name': lx}, ...
2018-05-30 14:48:41
3606
原创 Sublime Text3 配置TypeScript，使其高亮，提示
1、下载Sublime Text3 ： http://www.sublimetext.com/2、在preference -> Package Control，点击Package Control，找到Install Package。（如果没有Package Control，请配置：http://jingyan.baidu.com/article/3c48dd3499f317e10b
2017-09-21 10:55:00
7053
原创 Angular2或Angular4使用echarts ， ngx-echarts的方法
一个比较正确的使用方法：https://github.com/xieziyu/ngx-echarts1、npm install echarts --savenpm install ngx-echarts --save如果网速差，可以使用淘宝镜像2、项目中.angular-cli.json 中添加echarts{ "scripts": [ // ...
2017-08-23 15:16:13
16813
2
原创 在Angular2.0 或 Angular4.0 中使用Jquery
1、在html中引入jQuery2、在ts中声明jQuerydeclare let $: any;如此就可以在Angular中使用jQuery了
2017-08-23 09:41:10
1728
原创 数组中去掉相同的元素， 排序
从大到小排序 从大到小排序 var datanum = [12,45,79,46,49,78,16]; for(var z = 0; z < datanum.length; z++){ for (var j = z + 1; j < datanum.length; j++){
2017-04-12 17:32:20
529
原创 数组与字符串的相互转化
var bb = ["vvvv","mmmmmmmm"];bb .toString() // 转化为字符串// 结果vvvv,mmmmmmmmvar aa = [{"name":"lx","age":"13"},{"name":"张三","age":"200"}];// 转化为字符串 （json）alert(JSON.stringify(aa));// 结果[{"name"
2017-04-11 11:47:05
403
原创 TypeScript的学习历程4
typescript：接口function printLabel(labelledObj: { label: string }) { // labelledObj接口名 ：{接口里面的值：类型} console.log(labelledObj.label); }let myObj = { size: 10, label: "Size 10 Object" }; //接
2017-01-17 16:16:39
242
原创 TypeScript的学习历程3
typescript的变量声明let和const是JavaScript里相对较新的变量声明方式。TypeScript是JavaScript的超集，所以它本身就支持let和const。TypeScript推荐let和const使用来代替 var。 const是对let的一个增强，它能阻止对一个变量再次赋值。let：let与var的用法类似const：con
2017-01-17 16:11:16
254
原创 TypeScript的学习历程2
typescritp的基础类型布尔值最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）。let isDone: boolean = false; // let 定义变量的关键字，isDone变量的名字，boolean变量的类型，false变量的值。数字typescript的数字类型支
2017-01-17 11:19:22
377
原创 TypeScript的学习历程1
typescript的安装：1、下载并安装node.js2、快捷键win+R，打开‘运行’，输入 cmd，打开命令提示符，输入 npm install -g typescript ，安装typescript3、使用tsc greeter.ts命令 编译greeter.ts后，出现greeter.js文件。.....................................
2017-01-17 11:02:51
468
原创 Visual Studio Code配置谷歌浏览器并运行文件
1、ctrl+shift+p弹出搜索框，搜索 Configure Task Runner，编辑 tasks.json按回车键。2、修改tasks,json的内容，如截图所示：3、快捷键Ctrl+Shift+B，运行，结果显示在谷歌浏览器上。
2017-01-12 15:59:00
29047
3
热力图插件
2018-06-23
bootstrap-table-examples
2018-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人