09
2018
02

vue $refs的基本用法

<div id="app">     <input type="text" ref="input1"/>     <button @click="add">添加</button> </div><script> new&n
09
2018
02

5种Web设计影响客户体验的方式

网页设计是任何网络营销策略中最重要的部分之一。它对数字客户体验有着多方面的巨大影响。你的网站的美学、可用性和其他关键因素对你公司的长期在线成功是至关重要的。但它对你的底线有多大的影响呢? 在这篇文章中,我们将介绍web设计的五个主要方面,以及如何改进它们。1,外观网页设计最明显的影响了网站的外观。你可以选择网站的外观,这在你公司对新访客的第一印象中扮演着重要的角色。通常,你会听到营销专家(包括我们)在两个极端中谈论网络设计:Often, you’ll hear marketing experts
26
2018
01

Angular/CLI 在fedora26 下修改文件时不会自动刷新项目

问题使用ng serve启动项目后,修改文件内容后,页面无法自动刷新google一番后,得知原因是打开文件过多,导致Linux操作系统无法对文件系统的事件执行监控.解决方案echo "fs.inotify.max_user_watches=524288" | sudo tee -a /etc/sysctl.conf sudo sysctl -p重新执行ng serve即可监听文件内容变化,实现页
21
2017
10

[转]jquery on 事件有时不工作怎么办

jquery on 事件:官网上的例子是这样的。$( "#dataTable tbody tr" ).on( "click", function() {   alert( $( this ).text() ); }); $( "#dataTable tbody" 
09
2017
10

使用 Chrome DevTools 调试 JavaScript

不要再使用 console.log! 学会在 Chrome Developer Tools 中使用断点来调试代码。作为一名新的开发人员,发现和修复 bug 挺难的。 您可能会试图随意使用 console.log() 来调试代码使代码正常工作。 不要再这样了。这篇文章将讲述正确调试的方法! 您将了解如何使用 Chrome 开发人员工具来设置断点并逐步完成代码。这是更有效的在代码中查找和修复 bug 的方法。本教程将向您展示如何调试一个具体 bug,您学到的方法将有助于
26
2017
09

Webp图片文件格式简介

WebP (发音"weppy"),是一种同时提供了有损压缩与无损压缩的图片文件格式,派生自图像编码格式VP8 。是由Google购买On2 Technologies后发展出来的格式,以BSD授权条款发布,是Google新推出的影像技术,它可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。由于目前互联网上传输的数据有65%都是图片,WebP就是出于减少数据量、加速网络传输的目的而开发的。为了改善JPEG的图片压缩技术,他们使用了一种基于
10
2017
08

angular移除模板文件中的链接前缀“unsafe”

Use the DomSanitizer:import {DomSanitizer} from '@angular/platform-browser'; ... constructor(private sanitizer:DomSanitizer){} ... let sanitizedUrl = this.sanitizer.bypassSecurityTrustUrl('Notes://MY
10
2017
08

安卓内置浏览器以及UC浏览器打开angular4 项目空白问题的解决

问题描述:将ng build --prod --aot 打包构建生成的代码部署在web服务器,在电脑端通过浏览器(谷歌,火狐)访问项目,数据以及页面可正常加载。手机端,在安卓设备上测试QQ浏览器,在苹果手机上测试safari也可正常访问,数据加载也正常。在安卓手机上使用UC浏览器以及安卓手机自带的浏览器访问项目,会出现页面空白的问题。原因:Angular2,Angular4是面向未来的科技,要求浏览器支持ES6+,而UC浏览器以及大部分安卓手机自带的浏览器暂不支持ES6+,因此需要加一些填充库来
08
2017
08

ng build --prod打包项目出错

错误描述:ng build 打包正常,顺利生成dist;但在使用ng build --prod生成时提示错误:ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\phpStudy\WWW\html\zx
05
2017
08

angular与yii2配合完成数据的更新操作

angular4.3.3在angualr中执行patch/put请求,更新数据时,需要传递待更新的数据,数据格式可采用json格式,发送请求时需配置请求头信息里的参数,将Content-Type设置为application/json,如例,更新文章名称(name)的部分代码:export class ArticleService {     private headers = new 
04
2017
08

angualr4 如何获取response-header中包含的值

使用yii2官方提供的Restful功能进行接口开发,在获取列表信息时,返回的分页以及链接信息会保存在响应头信息 response-header 中,如下所示:Connection →Keep-Alive Content-Length →5491 Content-Type →application/json; charset=UTF-8 Date →Fri, 04 Aug 2017 09:55:10&
22
2017
07

(ok)遨游浏览器-极速模式 flash添加遮罩层无效

在页面放置flash元素,并对flash对象添加链接时,可通过添加一个透明的图片作为遮罩层来添加链接。问题添加遮罩后,在火狐浏览器以及遨游兼容模式下,遮罩层浮至上层,可点击跳转。在遨游急速模式下,遮罩层无法浮至上层,造成无法点击flash跳转的效果。分析及解决在调试工具中修改样式属性,添加以下属性后,透明图片(即遮罩层)浮动生效。position: fixed;总结css样式如果书写不标准会导致部分浏览器下样式渲染失败。完整代码如下:<div style="z
22
2017
07

解决angular4本地开发中跨域访问的问题

在本地进行angular项目开发时,如果需要跨域请求api来获取数据,可以通过设置代理的方法来进行跨域访问。如前端项目访问地址为:localhost:4200,api接口地址为localhost:86,配置方法如下:1,在根目录下新建代理配置文件 proxy.config.json{     "/proxyName":{         "ta
21
2017
07

Angular4中常用管道

通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写 lowercase将字符串转换为小写<p>将字符串转换为大写{{str | uppercase}}</p> str:string = 'hello'页面上会显示 将字符串转换为大写HELLO二、日期管道date。日期管道符可以接受参数,
20
2017
07

css 横向滑动设计思路

前端开发中,为了节省页面空间,有时需要在一行显示多元素,然后通过左右滑动来进行查看。特别是在页面空间极为珍贵的手机端,这种设计会被频繁用到。效果如下:实现方法:html元素<div class="container-wrap">     <div class="container">        &