YIYIYI1205-CSDN博客

原创【总结】TypeScript

TypeScript环境搭建编译选项webpack打包ts代码基本类型函数面向对象类接口泛型模块命名空间装饰器Mixins声明文件

2022-03-22 14:47:23 1168

原创【总结】React

一、搭建环境（安装过yarn之后，它会根据yarn来自动创建项目 cnpm install -g yarn）安装脚手架：npm install -g create-react-app 创建项目：Create-react-app 项目名称运行：npm run start（或yarn start）构建：npm run build（或yarn build）快速搭建...

2018-12-03 16:24:50 175

原创【练习】告警策略配置

1、网段多选下拉框要实现的结果：点击网段多选框后，会显示input框，点击input框后展示下拉列表，可以进行多选请求两次数据，一是下来列表中的内容，二是初始化内容，列表中已经被选择的内容实现的方法：我的：在controller中请求初始化的内容，用指令传参传到指令中，在指令中请求下拉列表的内容，在指令中用 ...

2018-11-29 14:27:14 1760

原创【练习】事件分析——查看详情

1、并发请求：$q.all([请求1，请求2]).then（function(res){第一个请求拿到参数：res[0]},function(res){}）2、lodash_.find(被查找的数组,function(item){return 条件})或者 _.find(被查找的数组,{条件})返回的是第一个满足要求的对象_.filter和_.find是差不多的...

2018-11-21 17:40:45 323

原创【练习】事件白名单

1、bootstrap栅格超小屏幕手机 (<768px) 小屏幕平板 (≥768px) 中等屏幕桌面显示器 (≥992px) 大屏幕大桌面显示器 (≥1200px) 栅格系统行为总是水平排列开始是堆叠在一起的，当大于这些阈值时将变为水平排列C .container 最大宽度 None （自动） 750px 970px ...

2018-11-19 14:29:07 356

原创【总结】javascript高级程序设计读书笔记

2018-11-13第1章简介javascript=DOM（文档对象模型：多层节点结构）+BOM（浏览器对象模型）+ECMAScript ECMAScript，由ECMA-262定义，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口第2章在html中使用javascr...

2018-11-13 21:48:54 111

原创【总结】angular-ui-bootstrap

要配合angular.js和bootstrap.csshttps://www.bootcdn.cn/angular-ui-bootstrap/ 下载js文件https://v3.bootcss.com/getting-started/#download bootstrap下载https://www.cnblogs.com/pilixiami/p/5677515.html 博客参...

2018-11-13 14:20:38 828

原创【总结】angularJs

1、表单验证(只适合校验type存在的类型，不存在的类型要用指令的require:ngModal进行验证)form标签，定义nameinput标签，设置type类型（email、name等），name 和ng-modal和required（必填就要有required）1:未修改的表单这是一个布尔类型的属性，用来判断用户是否修改了表单，如果未修改，值为true否则为falseformN...

2018-11-13 10:10:34 146

原创【总结】微信小程序

1、自定义属性<view class="swiper-tab-list" data-current="0" bindtap="swichNav"> <view class="{{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">

2018-11-08 11:30:45 368

原创【总结】AngularJs的UI组件ui-Bootstrap

http://www.cnblogs.com/pilixiami/p/5597634.html引入 <script src="/Scripts/angular.js"></script> <script src="/Scripts/ui-bootstrap-tpls-1.3.2.js"></script> <

2018-11-07 18:00:07 767

原创【总结】Font Awesome

http://fontawesome.dashgame.com/引入：<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">使用：<i class="fa fa-camera-retro"></i> fa-camera-retro 在看中的图..

2018-11-07 16:16:45 151

原创【总结】webUpload插件

下载：https://github.com/fex-team/webuploader/releasesAPI：http://fex.baidu.com/webuploader/具体一些问题可以看文档例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt...

2018-11-07 15:58:07 164

原创【总结】ES6

ECMAScript约等于JSES6（ES2015）兼容性：IE10+、Chrome、FireFox、移动端,、NodeJS编译、转换1、在线转换（引入一个库来转换，每次打开页面都会先进行转换）（不好）babel==browser.js<script src="browser.js"></script><script type="text...

2018-11-02 10:48:23 158

原创【总结】angularJs自定义指令

0、使用var app = angular.module('myApp', []);1、require属性在自定义Angular指令时，其中有一个叫做require的字段，这个字段的作用是用于指令之间的相互交流。举个简单的例子，假如现在需要编写两个指令，在linking函数中有很多重合的方法，为了避免重复自己（著名的DRY原则），可以将这个重复的方法写在第三个指令的 contr...

2018-10-31 12:00:03 293

原创 grid布局

CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。父元素{ display : grid；}这还没有做任何事情，因为我们没有定义我们希望的 grid(网格) 是怎样的。它会简单地将6个 div 堆叠在一起。Columns(列...

2018-10-22 18:16:40 200

原创 css

1、cursorcursor: not-allowed;http://www.w3school.com.cn/tiy/t.asp?f=csse_cursor设置了 pointer-events:none; 把所有点击事件全部禁掉了，所有cursor 也没有了2、display：block|inline|inline-block块标签：（能设置高宽，自动换行）<di...

2018-10-22 15:19:59 101

原创【总结】js

0、$(function(){})是一个匿名函数，形成了一个函数作用域$(function(){})里面再去定义函数，不是全局的，是局部的，在外面访问就会未定义1、严格模式启用strict模式的方法是在JavaScript代码的第一行写上：'use strict';立严格模式的原因：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　-...

2018-10-19 17:55:29 109

原创 css3

目录：边框、背景、渐变、文本阴影、字体 1、边框1）圆角：div{border:2px solid;border-radius:25px;}2）阴影div{box-shadow: 10px 10px 5px #888888;}3）边界图片div{border-image:url(border.png) 30 30 round;...

2018-10-17 10:27:39 96

原创计算机网络

状态码：1xx：指示信息--表示请求已接收，继续处理2xx：成功--表示请求已被成功接收、理解、接受3xx：重定向--要完成请求必须进行更进一步的操作4xx：客户端错误--请求有语法错误或请求无法实现5xx：服务器端错误--服务器未能实现合法的请求常见状态代码、状态描述、说明：1**：请求收到，继续处理100——客户必须继续发出请求101——客户要求服务器根据请求转换H...

2018-10-15 16:00:18 234

原创解决鼠标移动导航栏，下拉菜单就会消失的问题

这个太坑了特此写一篇博客记录$(".product_guid").mouseover(function(){ $(".first_guid").show(); }) $(".product_guid").mouseover(function(){ $(".first_guid").hide(); })原本代码这么写，因为first_g...

2018-10-12 20:07:10 4736

原创 require和import

ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。import的语法跟require不同，而且import必须放在文件的最开始，且前面不允许有其他逻辑代码，这和其他所有编程语言风格一致。import ...

2018-10-08 09:56:47 778

原创自定义指令

https://segmentfault.com/a/1190000009820031var app = angular.module("app",[]); //自定义指令和定义控制器相似 app.directive("custom",[依赖，function (依赖) { return{ //返回指令对象 re...

2018-09-29 15:02:48 254

原创【总结】webpack

使用原因：1.有一个很大的单页应用，为了提高开发效率，要将这个项目拆成多个模块，开发完成后，这个项目可以正常跑了。但是因为多个模块是存在不同文件中的，因此加载这个单页应用时，会发出多次请求。这时我们希望能够把所有模块打包成一个文件，这样可以减少请求次数，提升体验。2.在开发这个单页应用中，同样是为了提高开发效率，使用了一些js和css的扩展语言，如TypeScript及Less、stylu...

2018-09-27 16:37:17 467

原创 node.js中path

path 模块提供了一些工具函数，用于处理文件与目录的路径。可以通过以下方式使用：const path = require('path');1、 path.join([...paths])...paths <string> 一个路径片段的序列返回: <string>path.join() 方法使用平台特定的分隔符把全部给定的 path 片段连接到一起，并...

2018-09-27 09:53:25 471

原创 localStorage

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage就是相当于一个前端的数据库的东西，数据库主要是增删查改这四个步骤，loc...

2018-09-26 12:10:49 221

原创一些小点

1、arrayObject.join(separator) 数组.join(分隔符)join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在...

2018-09-26 09:56:23 97

原创【总结】lodash.js 工具库

lodash是一套工具库，内部封装了很多字符串、数组、对象等常见数据类型的处理函数。一、引入lodash.js二、使用1、切割 _.chunk(array, [size=1])_.chunk(['a', 'b', 'c', 'd'], 2);// => [['a', 'b'], ['c', 'd']]_.chunk(['a', 'b', 'c', 'd'], 3);...

2018-09-25 21:38:53 2048

原创【总结】vue.js

一、MVVMView，Model是Vue.js的核心。实例化Vue的过程就是定义MVVM各个组成部分的过程。1. 定义View2. 定义Model3. 创建一个Vue实例或"ViewModel"，它用于连接View和Model举例： <div id="app">{{message}}</div&...

2018-09-06 14:26:41 147

转载【总结】Flex布局

Flex布局网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; }注意...

2018-06-02 10:45:48 162

转载【总结】雅虎14条

雅虎14条1.减少HTTP请求　　减少HTTP请求的方式很多，常见的包括CSS Sprites、合并JS和CSS、图片地图等。遵守这条规则可以改善首次访问网站的响应时间。2.使用CDN（内容发布网络）　　只有10%-20%的最终用户响应时间花在了下载HTML文档上，其余的80%-90%时间花在了下载页面中的所有组件上。如果web服务器离服务器更近，则一个HTTP请求的响应时间将缩短...

2018-06-01 12:37:03 164

原创【总结】angularjs

一、介绍AngularJS是一款由Google公司开发维护的前端MVVM框架，其克服了HTML在构建应用上的诸多不足，从而降低了开发成本提升了开发效率。jQuery只是一个类库（类库指的是一系列函数的集合）以DOM做为驱动（核心），而AngularJS则一个框架（诸多类库的集合）以数据和逻辑做为驱动（核心）。MVC是一种开发模式，由模型（Model）、视图（View）、控制器（Cont...

2018-06-01 12:35:21 686

原创【总结】HTML

HTML一、定义HTML：Hyper Text Mark-up Language超文本标记语言，通过元素标签的形式建立Web站点，通过浏览器进行解析。二、<body>中的标签1、换行符 <br/>2、水平<hr/>3、段落 <p></p> 特点：上下自动生成空白行。4、标题<h1></h1&g

2018-05-31 11:37:45 280

原创【练习】angularjs（最基本的$http使用jsonp跨域，使用jsonp跨域获取天气（采用百度地图天气api），路由功能实现单页面不跳转切换）

1.最基本的$http使用jsonp跨域<body ng-app="app"><div ng-controller="controller"></div><script src="angularjs/angularjs.js"></script><script>var

2018-05-29 15:05:13 714 1

原创【练习】angularJs练习（tab栏切换、待办事项、$http）

1.tab栏切换（ng-click、ng-switch on、ng-switch-when、ng-class）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><

2018-05-28 16:26:28 331

原创【总结】mac下配置less并在sublime中安装，sublime3中激活错误

mac下配置less https://blog.csdn.net/jiaoshenmo/article/details/514840521、下载安装node.js环境2、安装过node.js for mac 安装包，可以使用node和npm的命令了，npm.js是Node.js的套件管理工具：打开终端（1）sudo npm update npm –g 注：sudo是管理...

2018-05-24 16:14:55 1167

原创【练习】canvas——flappyBird

<body>canvas的默认大小，以及如何改变画布的大小：https://blog.csdn.net/csm0912/article/details/52963240<canvas id

2018-05-22 17:46:33 292

原创【总结】gulp，本地web服务器

一.gulp(前端自动化工具)(mac系统)参考网页：https://blog.csdn.net/c_kite/article/details/731654271.安装全局gulp命令 npm install -g gulp创建一个项目文件夹,mkdir文件夹或者之间右键新建文件夹，进入当前项目文件夹下，cd 文件夹，输入命令npm init配置package.json文...

2018-05-11 21:47:51 519

原创【总结】GitHub第一天

参考链接https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/001374831943254ee90db11b13d4ba9a73b9047f4fb968d000 在Mac OS X上安装Git1.在https://code.google.com/archive/p/git...

2018-05-04 14:37:30 175

原创【练习】注册appid、下拉菜单、访问百度地图API

一、注册Appidhttps://blog.csdn.net/testcs_dn/article/details/53727768不支持个人身份注册,选择其他组织，组织信息随便填写，上传的照片也可以随便传。管理信息登记必须使用和微信一致的身份信息，姓名，身份证号。一个身份证、一个手机号都只能注册5个小程序。在开发者ID中可以找到appid，写好的小程序点击预览就可以在手机上看了...

2018-04-25 15:44:34 371

原创【练习】电影详情页面 (finished)，版本更新后的一些变化，表单组件

一.音乐播放完以后图标没有跳回未播放状态用wx.onBackgroundAudioStop(CALLBACK)监听wx.onBackgroundAudioStop(CALLBACK) 停止wx.onBackgroundAudioPlay(CALLBACK) 播放二.电影详情页面1.在movie项目创建movie-detail项目在app.json中直接配置"pages/...

2018-04-24 17:22:27 547

空空如也

空空如也