- 博客(192)
- 资源 (3)
- 收藏
- 关注
转载 html在手机浏览器如何设置字体大小
动态计算好html的font-size之后,我们设置的大小不一定是真实的大小,所以,我们需要在设置完字体大小之后,再去重新获取一下html的font-size,看看实际的这个值(webview受到系统字体设置大小的一个你想),和我们设置的是不是一样。如果不一样,就要根据比例再设置一次。 tag:解决因为手机设置字体大小导致h5页面在webview中变形的BUG。 ...
2019-05-22 09:42:08
4723
转载 随机数
Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Math.random()*10); // 获取从1到10的随机整数 ,取0的概率极...
2018-10-17 09:33:20
222
转载 (译)package.json详解
概述本文囊括了所有package.json文件中你需要知道的细节。注意package.json必须是纯JSON的,而不仅仅是一个JavaScript对象字面量。 该文件描述的很多行为都受npm-config中的配置影响。下面分别介绍package.json中各个字段的含义和用法。namename和version字段是package.json文件中最重要的字段。这是必须的字段,如果你的npm包没有指...
2018-05-29 15:12:19
1268
转载 前端开发中的各种宽高获取整理
获取可视区的宽高document.documentElement.clientWidthdocument.documentElement.clientHeight获致滚动条滚动距离// 主流浏览器中,用下面的代码获取值document.documentElement.scrollTopdocument.documentElement.scrollLeft// 搜狗浏览器、360 浏览器、IE 浏览...
2018-05-28 17:10:30
421
原创 nodejs双感叹号用法
根本目的是把undefine、null等值顺便转换为boolean类型。因为取反的过程中会自动给它们进行类型转换 。当值是非空字符串和非零数字返回true,当值是空字符串、0或者null返回false。var a = " "; alert(!!a); //truevar a = "s"; alert(!!a); //truevar a = true; a
2018-01-26 08:54:46
2395
原创 js语法记录
男女全部var lis=Array.prototype.slice.call(document.getElementsByTagName('li'),0);var lastli=lis[lis.length-1];lis.forEach(function(item,index){item.onclick=function(){lastli.className='
2017-12-19 14:50:49
235
原创 ng2目录说明
----------------------------目录说明---------------------------------一、e2e:端到端的测试目录二、src:源代码目录。2.1 src->app:我们自己写的代码2.1.1 src->app->app.companat.ts:(组件)用@Component声明的一个ts类。2.1.2 src-
2017-08-22 13:55:59
555
原创 Promise解决某个条件需要多个异步结果的问题
let p1 = getjson(url, {}).then(function(res) { return res; }); let p2 = getjson(url, { 'entname': '', 'page': 1, 'pageSize': 10 }).then(function(res) {
2017-04-17 15:22:46
1262
转载 网站漏洞检测及解决办法
很多网站可能或多或少存在下面几个漏洞:SQL注入漏洞跨站脚本攻击漏洞登陆后台管理页面IIS短文件/文件夹漏洞系统敏感信息泄露下面说下网站漏洞检测的步骤及内容方法:这些安全性测试,据了解一般是先收集数据,然后进行相关的渗透测试工作,获取到网站或者系统的一些敏感数据,从而可能达到控制或者破坏系统的目的。第一步是信息收集,收集如IP地址、DNS记录
2017-03-03 11:14:30
4103
转载 HTMlEncode和HTMLDecode、UrlEncode和 UrlDecode 定义和用法
HTMlEncode和HTMLDecode1.HTMLEncode函数:除了server.htmlencode的所有功能以外,还有转化回车和空格的功能,可以将textarea中输入的文本按照原样在html中显示代码如下: function HTMLEncode(fString) fString = replace(fString, ">", ">") fS
2017-03-03 11:01:11
4565
转载 编码与安全encodeURI,encodeURIComponent
首先介绍一个工具Fiddler,它提供了很多方便的转码功能。点击Toolbar上的”TextWizard” 按钮,如下图: 注意: URLEncode和HTMLEncode是两个不同的概念URLEncode URL编码是为了符合URL的规范。因为在标准的URL规范中中文和很多的字符是不允许出现在URL中的。例如在baidu中搜索”测试汉字”。 URL会变成 ht
2017-03-03 10:17:18
588
原创 获取json中的key值
let inputContent=[{"usertel":"11"},{"userpwd":"22"}]; for (let i = 0; i for (let key in inputContent[i]) { console.log('key: ' + key + ' = ' + inputContent[i][key]); } }
2017-02-23 17:13:48
4558
转载 CSS3视窗单位vw、vh、vmin、vmax说明
vw、vh做为CSS3中的新单位,已经出来挺久的了,这里也我个人也做一下详细的总结。说明vw、vh、vmin和vmax是CSS3中的新单位,是一种视窗单位,也是相对单位。它们的大小都是由视窗大小来决定的,单位1,代表类似于1%。具体描述如下:vw:视窗宽度的百分比 vh:视窗高度的百分比 vmin:当前较小的vw和vh vmax:当前较大的vw和vh
2017-02-14 09:03:13
852
转载 微信小程序实用小技巧
CSS:实现渐变色第一个是起点颜色,慢慢过渡到第二个颜色从上到下的线性渐变:background: linear-gradient(red, blue);从左到右的线性渐变:background: linear-gradient(to right, red , blue);渐变色.png裁圆角设置弧度 顺序是 左上角 右上角
2017-02-07 10:13:00
1325
原创 半透明背景,文字不透明,ie8和现代浏览器的兼容性
Document ul li{ width: 300px; height: 250px; position: relative; overflow:hidden; } ul li .mymark, ul li a{ width:100%; position: absolute; b
2016-12-29 16:29:41
595
转载 javascript中new Date()的浏览器兼容性问题IE8Nan
引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出, 开始时间和结束时间空间无法正确的传递值在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的
2016-12-29 15:52:40
1146
转载 module 与 component 的区别
看到有人在扯 module 和 component 的区别,于是我也来插一句。对于 Web 前端项目而言,它们没有任何区别!所有对它们区别的高谈阔论都是瞎逼逼!为何 npm 的组件安装目录就叫 node_modules?而 bower 组件的安装目录叫做 bower_components 呢? 其实 npm 安装和 bower 安装是一样的,很多人就是喜欢用 npm 不喜欢用 bower,于
2016-11-22 13:55:36
7781
转载 ng2功能模块
1. @angular/core ,所有组件、指令、服务等定义类时需要的装饰器,都可以通过 @angular/core 找到2. @angular/common , 所有ng2提供的指令、服务和过滤管道pipes(主要做转换,比如货币转换,json转字符串等),通过 @angular/common 可以找到。3 @angular/http ,所有ajax请求相关的API在此
2016-11-18 08:47:04
539
转载 package.json字段全解
Name必须字段。小提示:不要在name中包含js, node字样;这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头;这个名字可能在require()方法中被调用,所以应该尽可能短;Version必须字段。Description可选字段,必须是字符串。npm search的时候会用到。Keywords可选字段,字符串数组。np
2016-11-17 15:57:49
259
转载 angular2 组件
angular2 组件首先了解angular2 组件的含义angular2的应用就是一系列组件的集合我们需要创建可复用的组件供多个组件重复使用组件是嵌套的,实际应用中组件是相互嵌套使用的组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令一个组件可以包含前端表现及后端逻辑一个组件可以是一个代码片段,能够
2016-11-15 14:01:07
458
转载 ng2学习笔记一
一、依赖注入在 Angular2 中,一个常见的依赖注入是注入一个 Http 对象,用于发送请求。import {Component, OnInit} from 'angular2/core'; import {Http} from 'angular2/http';//从 angular2/http 中将 Http import 进来@Component({ selector
2016-11-15 13:37:55
846
原创 好看的阴影
-webkit-box-shadow: 0px 56px 36px -60px #121D12; -moz-box-shadow: 0px 56px 36px -60px #121D12; -o-box-shadow: 0px 56px 36px -60px #121D12;http://demo.cssmoban.com/cssthemes3/dgfp_27_hm/index
2016-09-18 14:05:27
440
转载 Gpower CMS/模板置标
在模板制作过程中,最重要是掌握模板的置标。模板标记符的功能是否完善,是设计好模板的一个重要步骤,也决定了内容管理系统的功能。Gpower CMS模板置标的功能非常强大,可实现任意风格的页面显示,是国内同类产品功能最先进,技术最领先的模板引擎。如下是一个简单的模板文件的例子:模板示例$curArticle.name (*当前文章的标题)$curA
2016-09-04 17:44:58
1843
原创 npm和compass开始一个项目
一、npm init引导创建package.json文件二、安装必须的插件如果有了package.json文件,只需要npm install就可以根据package.json文件里的内容安装插件。如果没有package.json文件,需要根据自己的需要一个个安装需要的插件,比如:npm install jquery --save(存储到dependencies,必要)
2016-08-21 09:43:06
1415
原创 sass中常用的mixin
//-----------------------------------浏览器前缀----------------------------------------- //例子:@include css3(transition, 0.5s); @mixin css3($property, $value) { @each $prefix in -webkit-,
2016-08-17 15:01:13
5435
转载 jQuery .Ajax() 方法在IE浏览器返回No Transport错误原因?
提示报错,debug后发现提示”No Transport”,网上找了下资料,发现是因为涉及到跨站脚本攻击,所以不让提交,解决办法: 1、在调用ajax方法之前加上jQuery.support.cors = true; 只限于测试使用,实际开发环境不允许添加如下的代码。 2、查看API后发现,从版本1.5之后,Jquery提供了这样的方式来支持跨站请求。 crossDomain:
2016-08-17 09:28:22
574
转载 npm常用命令
npm install 安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6npm install -g 将包安装到全局环境中但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使
2016-08-16 15:08:40
353
原创 angularjs记账
AngularJS 动态添加元素和删除元素$scope.userName='Welcome to Angular World!';$scope.test = function test(){console.log('Angular 动态添加元素');} //通过$compile动态编译htmlvar html="}";var template = angular.elemen
2016-08-12 09:27:45
348
转载 ionic开发中的一些小技巧
1、用这句话可以解决首页必须用标题栏,后退才会清空缓存的bug,让详情页禁用缓存即可。cache-view="false"2、src中的内容包含表达式就必须使用ng-src,否则会报404错误,但是不会影响界面。3、使用ionic框架开发,ios经常会遇到排版错乱,但是android上就没问题的情况,最终定位到bug因为使用lon-content,删掉即可。4、.调用百
2016-08-12 09:16:55
1080
转载 mouseenter异步只加载一次
引入jquery.hoverdelay.js(function($) { $.fn.hoverDelay = function(options) { var defaults = { hoverDuring: 200, outDuring: 200, hoverEvent: function() {
2016-08-10 17:22:39
636
2014WEB前端开发:10个规范
2014-05-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人