自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

nox

回顾历史才能进步

  • 博客(192)
  • 资源 (3)
  • 收藏
  • 关注

转载 屏幕分辨率1K、2K、4K

屏幕分辨率1K、2K、4K

2023-03-15 13:59:51 53477

转载 深拷贝数组或者对象和JSON.parse(JSON.stringify(obj))

深拷贝数组或者对象

2023-03-15 13:23:59 220

转载 把地址栏参数转成对象

把地址栏参数转成对象

2023-03-15 11:11:02 159

原创 输入input防抖

输入input防抖

2023-03-15 10:20:10 91

原创 如何将当前组件的所有属性快速传递给子组件?

如何将当前组件的所有属性快速传递给子组件?

2023-03-14 13:18:39 56

转载 Vue3可以直接使用v-bind绑定

Vue3可以直接使用v-bind绑定

2023-03-06 16:36:16 132

原创 模拟超链接a点击

超链接a点击

2023-02-28 14:50:21 117

原创 css中divfixed/position居中

css

2023-02-28 14:25:56 77

原创 1行2行超出省略号

css

2023-02-28 14:25:21 50

原创 某个div的滚动条样式

某个div的滚动条样式

2023-02-20 09:02:07 581

转载 html在手机浏览器如何设置字体大小

动态计算好html的font-size之后,我们设置的大小不一定是真实的大小,所以,我们需要在设置完字体大小之后,再去重新获取一下html的font-size,看看实际的这个值(webview受到系统字体设置大小的一个你想),和我们设置的是不是一样。如果不一样,就要根据比例再设置一次。 tag:解决因为手机设置字体大小导致h5页面在webview中变形的BUG。 ...

2019-05-22 09:42:08 4589

转载 随机数

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 180

转载 (译)package.json详解

概述本文囊括了所有package.json文件中你需要知道的细节。注意package.json必须是纯JSON的,而不仅仅是一个JavaScript对象字面量。 该文件描述的很多行为都受npm-config中的配置影响。下面分别介绍package.json中各个字段的含义和用法。namename和version字段是package.json文件中最重要的字段。这是必须的字段,如果你的npm包没有指...

2018-05-29 15:12:19 1219

转载 前端开发中的各种宽高获取整理

获取可视区的宽高document.documentElement.clientWidthdocument.documentElement.clientHeight获致滚动条滚动距离// 主流浏览器中,用下面的代码获取值document.documentElement.scrollTopdocument.documentElement.scrollLeft// 搜狗浏览器、360 浏览器、IE 浏览...

2018-05-28 17:10:30 377

原创 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 2317

原创 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 199

原创 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 518

原创 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 1215

转载 网站漏洞检测及解决办法

很多网站可能或多或少存在下面几个漏洞:SQL注入漏洞跨站脚本攻击漏洞登陆后台管理页面IIS短文件/文件夹漏洞系统敏感信息泄露下面说下网站漏洞检测的步骤及内容方法:这些安全性测试,据了解一般是先收集数据,然后进行相关的渗透测试工作,获取到网站或者系统的一些敏感数据,从而可能达到控制或者破坏系统的目的。第一步是信息收集,收集如IP地址、DNS记录

2017-03-03 11:14:30 3957

转载 HTMlEncode和HTMLDecode、UrlEncode和 UrlDecode 定义和用法

HTMlEncode和HTMLDecode1.HTMLEncode函数:除了server.htmlencode的所有功能以外,还有转化回车和空格的功能,可以将textarea中输入的文本按照原样在html中显示代码如下: function HTMLEncode(fString) fString = replace(fString, ">", ">") fS

2017-03-03 11:01:11 4458

转载 编码与安全encodeURI,encodeURIComponent

首先介绍一个工具Fiddler,它提供了很多方便的转码功能。点击Toolbar上的”TextWizard” 按钮,如下图: 注意: URLEncode和HTMLEncode是两个不同的概念URLEncode URL编码是为了符合URL的规范。因为在标准的URL规范中中文和很多的字符是不允许出现在URL中的。例如在baidu中搜索”测试汉字”。 URL会变成 ht

2017-03-03 10:17:18 533

原创 获取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 4489

转载 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 819

转载 微信小程序实用小技巧

CSS:实现渐变色第一个是起点颜色,慢慢过渡到第二个颜色从上到下的线性渐变:background: linear-gradient(red, blue);从左到右的线性渐变:background: linear-gradient(to right, red , blue);渐变色.png裁圆角设置弧度 顺序是 左上角 右上角

2017-02-07 10:13:00 1281

原创 半透明背景,文字不透明,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 558

转载 javascript中new Date()的浏览器兼容性问题IE8Nan

引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出, 开始时间和结束时间空间无法正确的传递值在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的

2016-12-29 15:52:40 1107

转载 module 与 component 的区别

看到有人在扯 module 和 component 的区别,于是我也来插一句。对于 Web 前端项目而言,它们没有任何区别!所有对它们区别的高谈阔论都是瞎逼逼!为何 npm 的组件安装目录就叫 node_modules?而 bower 组件的安装目录叫做 bower_components 呢?  其实 npm 安装和 bower 安装是一样的,很多人就是喜欢用 npm 不喜欢用 bower,于

2016-11-22 13:55:36 7626

转载 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 512

转载 package.json字段全解

Name必须字段。小提示:不要在name中包含js, node字样;这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头;这个名字可能在require()方法中被调用,所以应该尽可能短;Version必须字段。Description可选字段,必须是字符串。npm search的时候会用到。Keywords可选字段,字符串数组。np

2016-11-17 15:57:49 234

转载 angular2 组件

angular2 组件首先了解angular2 组件的含义angular2的应用就是一系列组件的集合我们需要创建可复用的组件供多个组件重复使用组件是嵌套的,实际应用中组件是相互嵌套使用的组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令一个组件可以包含前端表现及后端逻辑一个组件可以是一个代码片段,能够

2016-11-15 14:01:07 435

转载 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 804

原创 好看的阴影

-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 405

转载 Gpower CMS/模板置标

在模板制作过程中,最重要是掌握模板的置标。模板标记符的功能是否完善,是设计好模板的一个重要步骤,也决定了内容管理系统的功能。Gpower CMS模板置标的功能非常强大,可实现任意风格的页面显示,是国内同类产品功能最先进,技术最领先的模板引擎。如下是一个简单的模板文件的例子:模板示例$curArticle.name (*当前文章的标题)$curA

2016-09-04 17:44:58 1711

原创 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 1371

原创 sass中常用的mixin

//-----------------------------------浏览器前缀----------------------------------------- //例子:@include css3(transition, 0.5s); @mixin css3($property, $value) { @each $prefix in -webkit-,

2016-08-17 15:01:13 5379

转载 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 536

转载 npm常用命令

npm install 安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6npm install  -g  将包安装到全局环境中但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使

2016-08-16 15:08:40 326

原创 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 314

转载 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 984 1

转载 mouseenter异步只加载一次

引入jquery.hoverdelay.js(function($) { $.fn.hoverDelay = function(options) { var defaults = { hoverDuring: 200, outDuring: 200, hoverEvent: function() {

2016-08-10 17:22:39 605

JCMS标签大全.docx

文章正文单元标签,每日一屏单元标签,单信息栏目登录。网站模版管理员手册备份

2019-07-04

2014WEB前端开发:10个规范

1、规范目的 2、基本准则 3、文件规范 4、html书写规范 5、css书写规范 6、JavaScript书写规范 7、图片规范 8、注释规范 9、测试约定 10、其他规范 进行了重新整理,添加了案例。

2014-05-08

前端开发-css布局

在设计页面时如何选择:固定宽度布局、流式布局、弹性布局、栅格化布局、可变固定宽度布局、混合布局

2014-05-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除