xiagh-CSDN博客

原创 js中数组常用方法总结

Array.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组let arr = [1, 2, 3, 4, 5] let newArr = arr.map(x => x*2) //arr= [1, 2, 3, 4, 5] //原数组保持不变 //newArr = [2, 4, 6, 8, 10] //返回新...

2018-11-27 11:16:18 394

转载关于angular中radio单选的问题

html中单选框用法如下，checked用来选中默认的单选项：<input type="radio" name="sex" value="male" checked>Male<input type="radio" name="sex" value="female">Female如果使用[(ngModel)]绑定后，checke

2018-11-16 11:40:24 6552 2

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2018-10-20 21:11:43 376

原创 typeScript的主要问题概念

TS最大的价值就是引入了接口，类，继承的编程思想。一，接口分类： 1，属性类型接口 interface labelValue{ label:string; } //创建函数对接口进行调用 function printLabel(labelObj

2017-11-28 14:24:16 3987

原创 pc端的适配问题

pc端有适配的需求：目前我们pc项目的设计稿尺寸是宽度1920，高度最小是1080。适配目标：1.在不同分辨率的电脑上，网页可以正常显示2.放大或者缩小屏幕，网页可以正常显示对于宽度的适配对于宽度适配：首先设置html,body{width:100%;overflow-x:hidden;}然后我们可以把页面分解为背景层(一般宽度都会大于1200px)和内容层(一般宽度都会小于1200px)，对于背景

2017-11-10 11:10:41 3245

原创 angular4响应式表单与校验

html文件：<form [formGroup]="formModel" (submit)="onSubmit()"> <h2>响应式表单与校验</h2> <div><label>用户名:</label><input type="text" formControlName="username"/></div> <div [hidden]='!formModel.hasError("re

2017-10-27 09:08:45 4765 2

原创 angular2响应式编程流

响应式编程：就是异步数据流编程，例如一个单机的事件就是一个流。是以观察者模式为核心的，rxjs概念什么是观察者模式？有两个对象，一个是可观察对象（Observable流），一个是观察者。先在可观察对象内部注册一些观察者对象，如果可观察对象内部发生了变化的时候，他就会调用观察者中的一些方法，作出一变化。var subscription = Observable.from([1,2

2017-10-12 18:25:20 1507

转载关于angular2路由中的单页面开发问题

在实际的开发过程中，遇到了一个调用第三支付的时候遇到的一个问题，问题描述：第三方支付需要从新开启一个页面，提交方式需要用到form提交：代码修改如下：app.component.html<router-outlet></router-outlet><div style="display:none"><form id="forms" method="post" target="_blank

2017-08-25 13:42:35 414

原创 jquery遍历json的方法

一、使用each遍历$(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Obje

2017-08-25 13:27:25 650

原创每天一道js算法题---持续更新

2017.08.10 1.涉及的知识包括变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级。function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototyp

2017-08-10 19:49:14 629

转载 H5移动端常见问题

解决jquery ajax调用远程接口的跨域问题首先,接口必须允许远程调用.这是后端或者运维的事情.你必须保证你得到的一个接口是允许远程调用的.否则,就没啥了.$.ajax({ type:'get', url:url, // 下面的两行代码,就是解决跨域的关键 xhrFields: {withCredentials: true}, crossDoma

2017-08-09 19:36:37 1020

转载 javaScript浏览器兼容性问题大汇总

1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2.const问题说明:Firefox

2017-08-08 18:15:34 423

原创移动端兼容性问题解决方案

移动端兼容性问题解决方案 - 孤舟蓑翁 - 博客园孤舟蓑翁博客园首页新随笔联系订阅管理随笔 - 24 文章 - 6 评论 - 5 </div></div> 移动端兼容性问题解决方案

2017-08-07 15:55:15 2057

原创 40条常见的移动端Web页面问题解决方案

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有

2017-08-07 15:50:16 1569

原创 json字符串、json对象、数组三者之间的转换

json字符串转化成json对象// jquery的方法var jsonObj = $.parseJSON(jsonStr)//js 的方法var jsonObj = JSON.parse(jsonStr)json对象转化成json字符串//js方法var jsonStr1 = JSON.stringify(jsonObj)例如：<script type="text/javascript"

2017-08-07 15:33:52 249

原创如何让DIV水平和垂直居中

CSS让DIV水平居中说明，本文中所指的DIV包括HTML页面中所有的元素。让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。.mydiv{ margin:0 auto; width:300px; height:200px; } 但是如果要使DI

2017-07-12 15:46:00 453

原创 IE9以下的兼容问题解决方案

在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;百度一下，你就知道 var wpo={start:n

2017-07-12 13:23:31 7729

原创浏览器兼容问题

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1

2017-07-12 13:07:40 259

原创为什么要学习linux

为什么要用 Linux ?北京的（包扩硅谷）的职业开发者一般都用苹果本（ Macbook ）做开发（写代码）。我们是做 Web 开发的，Web 项目要运行在服务器（ server ）上，服务器的业界标准是使用 Linux 做操作系统呢。幸运的是， MacOS 和 Linux 都是 Unix 的变种，使用起来大同小异。所以我们课程中使用 Linux 做开发也是非常棒一个选择。Peter 本人用 Li

2016-12-29 22:49:29 311

原创 redux介绍

Redux入门在一些大型的项目中，内容比较复杂，交互层级较多的时候，只使用react就无法完成。为了解决这个问题，2014年 Facebook 提出了 Flux 架构的概念，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热门的前端架构。Redux基本概念和使用方法首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，

2016-12-23 10:24:00 343

原创 axios基本用法

前一段时间用了一下，现在说一下它的基本用法。首先就是引入axios,如果你使用es6，只需要在项目中安装axios模块//命令行安装npm install --save axios//在所需要的组件中引入import axios from 'axios';当然也可以用script引入<script src="https://unpkg.com/axios/dist/axios.min.js

2016-12-20 21:26:17 8132

原创 webpack环境配置

webpack基础webpack是一款强大的模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。官网接下来我们将一步步熟悉Webpack的使用，并使用它来搭建一套前端工作流。初始化项目创建一个项目$ mkdir webpack-demos && cd webpack-demos$ git init$ t

2016-12-20 20:51:07 813

原创什么是 clearfix ?

什么是 clearfix ？clearfix 是一种 CSS 技巧，可以在不添加新的 html 标签的前提下，解决让父元素包含浮动的子元素的问题。这个技巧的版本是很多的，最流行的一个是 Micro Clearfix Hack 。这个也是 Bootstrap 采用的方案（可以 google 一下 “bootstrap clearfix” 来查看详情）。Micro Clearfix Hack 的作者给

2016-11-26 22:22:19 23342

夏婉轩的博客