自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(102)
  • 收藏
  • 关注

转载 复杂表头表格

复杂表头表格。如下图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh...

2019-09-11 14:22:00 297

转载 谷歌爬虫开发

文档: 360应用开发文档 优化点: 1. 在chrome extension 的开发过程中,经常会遇到页面内包含iframe框架的情况,这个时候如果框架和顶层页面不同源,content_script是无法访问框架的内容的,这收到js跨域的限制. 解决方法其实很简单.经过查看官方的文档,我们可以看到,其实官方早就给出了答案,那就是在manifest.json文件中修改你的co...

2019-08-02 15:52:00 155

转载 手机端页面常用点

1.拨打电话 <a href="tel:4008001234" class="call"></a> 可唤起安卓与手机端的拨打电话 2.点击复制电话号 // let text = document.createElement('input'); //document.body.appendChild(text); ...

2018-05-28 17:40:00 176

转载 vscode配置

1.高亮设置 ,右下角 语言设置。有笑脸的那一列 2.常用插件安装: vue(小程序)情况下: vetur Prettier-Standard - JavaScript formatter auto close tag auto rename tag Chinese (Simplified) Language Pack for Visual Studio Code cs...

2018-05-10 18:49:00 139

转载 vue --子父组件传值

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 例如:子组件: [plain]view plaincopy ...

2018-03-01 12:05:00 647

转载 使用vue+webpack的多页面架构(转+自己的情况)

按以下步骤可正常配置多页面架构 记得安装node-glob 安装命令:npm installnode-glob --save-dev 文件附加 webpack.base.conf.js--参考more start 处 var path = require('path') var utils = require('./utils') var config =...

2018-01-29 11:13:00 113

转载 vue-cli 中引入 jq

vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack) 首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install 在webpack.base.conf.js里加入 var webpack = req...

2018-01-13 15:44:00 126

转载 js武器库

打造自己的 JavaScript 武器库 2017-12-14SlaneYangJavaScript 自己打造一把趁手的武器,高效率完成前端业务代码。 前言 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函数,基本...

2017-12-15 09:16:00 200

转载 手机端sticker布局,底部按钮在屏幕底部

<template> <div class="product-detail-container"> <div class="detail"> <div class="detail-wrapper"> <div class="detail-main"> 高度...

2017-12-07 11:39:00 124

转载 jq阻止ajax进行多次提交

在函数定义全局变量..var Stch=falseif (Stch==true){alert('请不要重新提交');}else{Stch=true;$.ajax({type:"POST",url:"C_Eidt.do",golobal:false,success:function(data){Stch=false;};});} 或者 使html页面上按钮变灰 2..多次绑...

2017-12-06 14:58:00 188

转载 jQuery中.bind() .live() .delegate() .on()的区别

bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert("ok");}); live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的 $("a").live("click",function(){...

2017-11-10 17:29:00 90

转载 怎么写好组件

我们为什么要写组件呢?这里不细分组件、插件、控件,追究其原因无非让代码,能够复用,追求更快的开发效率。其实还有个重要的原因,项目大了之后,难以维护。这个时候就会把项目中重复的部分抽取出来,形成一个组件。但是组件也会有些’缺点’,这个最后讲。 组件需求 要实现如图的一个条件选择器 有的时候,项目时间紧张,就会直接切图,通过jquery的dom选择器实现这个’简单的功能’。 需求...

2017-11-09 16:59:00 93

转载 html5/css3常考面试题

一、HTML5 CSS3 CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform) 3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) ske...

2017-11-07 18:57:00 621

转载 js各种继承方式和优缺点的介绍

js各种继承方式和优缺点的介绍 作者: default 参考网址2 写在前面 本文讲解JavaScript各种继承方式和优缺点。 注意: 跟《JavaScript深入之创建对象》一样,更像是笔记。 哎,再让我感叹一句:《JavaScript高级程序设计》写得真是太好了! 1.原型链继承 1 2 3 4 5 6...

2017-11-06 10:37:00 96

转载 【ajax】全面总结

Ajax 的全面总结 2017-11-03山外de楼JavaScript Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Ajax做一个全面的总结,彻底揭开Ajax的神秘面纱。 一.什么是Ajax Ajax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步...

2017-11-03 10:20:00 86

转载 常见http状态

在网站建设的实际应用中,容易出现很多小小的失误,就像mysql当初优化不到位,影响整体网站的浏览效果一样,其实,网站的常规http状态码的表现也是一样,Google无法验证网站几种解决办法,提及到由于404状态页面设置不正常,导致了google管理员工具无法验证的情况,当然,影响的不仅仅是这一方面,影响的更是网站的整体浏览效果。因此,比较清楚详细的了解http状态码的具体含义,对于一个网...

2017-11-02 16:54:00 89

转载 1px的实现

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="widt...

2017-11-02 13:20:00 102

转载 2.待解决的

说说类的创建、继承和闭包。 8 是否有设计过通用的组件?请设计一个 Dialog(弹出层) / Suggestion(自动完成) / Slider(图片轮播) 等组件,你会提供什么接口?调用过程是怎样的?可能会遇到什么细节问题? JavaScript实现继承的常用方法有哪些?你推荐的是哪一种? js中的事件流 1 给出设计图实现HTML/CSS/js 实现表单ajax提交并刷...

2017-11-02 13:01:00 113

转载 html--元素显示优先级

HTML元素的显示优先级 一、HTML元素的显示优先级(显示层次问题,哪个在上哪个在下!总是显示在最前面) 帧元素>HTML元素优先,表单元素总>非表单元素优先 HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的非表单元素包括:链接标记(A),D...

2017-11-02 11:12:00 255

转载 1

面试有几点需注意:(来源寒冬winter 老师,github:@wintercn) 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知识、算法、项目细节、技术视野、开放性题、工作案例。 细节追问: 可以确保问到你开始不懂或面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力。因为这种知识关联...

2017-11-02 11:11:00 112

转载 js---post与get请求的区别

request获取请求参数 最为常见的客户端传递参数方式有两种: 浏览器地址栏直接输入:一定是GET请求; 超链接:一定是GET请求; 表单:可以是GET,也可以是POST,这取决与<form>的method属性值; GET请求和POST请求的区别: 1.效率 GET的意思是『得』,从服务器获取数据(也可以上传数据,参数就是),效率较高 POST的意...

2017-11-02 11:07:00 119

转载 js---JSONP原理及使用

极简解释: 利用<script>标签没有跨域限制的“漏洞”(历史遗迹啊)来达到与第三方通讯的目的。当需要通讯时,本站脚本创建一个<script>元素,地址指向第三方的API网址,形如: <script src="http://www.example.net/api?param1=1&param2=2"></script> ...

2017-11-02 10:39:00 109

转载 js--如何判别 null undefined

收集资料如下判断: 1.判断undefined: ? 1 2 3 4 var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); } 说明:typeof 返回的是字符串,有六种可能:"number"、"...

2017-10-25 17:27:00 89

转载 vue-cli的使用

1.全局安装 vue-cli,语句: npm install vue-cli -g 2. 查看帮助命令:vue --help 3. 使用模板方案: vue init webpack 文件项目名 eg:vue init webpack vuedemo3 转载于:https://www.cnblogs.com/lanyueff/p/7028689.html...

2017-06-16 17:52:00 91

转载 呼吸灯效果

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS3实现会呼吸的灯</title> <style type="text/css"> body, div,...

2017-06-09 17:11:00 183

转载 ajax跨域问题-----jsonp

1.浏览器的同源策略:域名,协议,端口均相同,叫做同源 举个例子: http://www.123.com/index.html 调用 http://www.123.com/server.PHP (非跨域) http://www.123.com/index.html 调用 http://www.456.com/server.php (主域名不同:123/456,跨域) ...

2017-06-06 11:35:00 94

转载 【转】js里的时间函数集

$(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); $("#time").text(t); $("#time").load("Untitled-1.html"); }); 程序运行时间差: <!doctype htm...

2017-06-02 17:43:00 62

转载 grunt与requirejs结合使用

// 多个js压缩成一个js // Project configuration. module.exports = function(grunt) { // 使用严格模式 'use strict'; // 这里定义我们需要的任务 grunt.initConfig({ pkg: grunt.file.readJSON(...

2017-05-25 16:11:00 157

转载 关于requirejs和grunt压缩合并是否矛盾

requirejs主要是为了模块化开发,这样带来的好处不言而喻。但是分成多个js文件增加了请求数,那么就要用到合并压缩。合并压缩了原来的许多独立的js模块,那requirejs又是怎么冲压缩的文件中找到各个独立的模块进行加载的呢,感觉两者有点冲突,这个问题想了很久也假想了很多可能。在知乎上找到了一个回答,好像有那么点意思。 这个问题设计到多个概念词汇:1:模块化开发;模块化开...

2017-05-25 11:30:00 79

转载 兼容问题

区别ie6~8的方法是: width:10px;//chrome width:10px\9;//ie8+ *width:10px;//ie7 _width:10px;//ie6 区别ie8以下和ie9+的方法是 body{width:10px\9;}//ie8 :root body{width:10px\9;}//ie9+ ie6:_display{dis...

2017-05-16 14:34:00 65

转载 grunt与seajs结合应用

9.seajs构建的问题 01.png和02.jpg 10.seajs与grunt如何结合开发。两个插件:grunt-cmd-transport grunt-cmd-contact ,去grunt官网上查并下载 03.png 将代码暂存到.build的文件中,执行任务后,则自动提取出依赖。然后再将这些依赖文件进行打包或者压缩处理11.seajs配置:https:...

2017-05-10 18:34:00 92

转载 seajs模块化加载框架使用

seajs是模块化加载框架。seajs.org已经打不开了,seajs的github。seajs速查文档 <!--如果完成下面4步,则seajs掌握了80%js模块化1.引入seajs的库 :<script type="text/javascript" src="sea/sea.js"></script>2.如何变成模块define:一个文件就是一个模块。...

2017-05-08 16:23:00 187

转载 css3小代码

1.三角 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,m...

2017-05-08 10:23:00 72

转载 封装组件

组件:即提供一些标准且简单的应用接口,允许使用者设置和调整参数和属性 可以将不用来源的多个组件结合在一起,快速构成一个符合实际需要的复杂(大型)应用 组建的主要特点: 重用性--可公用和重用 可定制性--可设置和调整参数和属性 高内聚性--功能完整 互操作性--多组件协同工作 vue组件的API来自3部分: props参数:传递数据给组件 slot定制模板:外部模...

2017-05-03 18:45:00 92

转载 localstorage与sessionstorage的使用

cookie,sessionStorage,localeStorage的区别 cookie是存储在浏览器端,并且随浏览器的请求一起发送到服务器端的,它有一定的过期时间,到了过期时间自动会消失。sessionStorage和localeStorage也是存储在客户端的,同属于web Storage,比cookie的存储大小要大有8m,cookie只有4kb,localeStora...

2017-05-03 14:43:00 179

转载 js--进阶知识点

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-s...

2017-05-02 10:15:00 79

转载 js-dom-EventUtil

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-s...

2017-04-14 17:41:00 80

转载 HTML5教程之本地存储SessionStorage

SessionStorage: 将数据保存在session对象中,所谓session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间会话,也就是用户浏览这个网站所花费的时间就是session的生命周期。session对象可以用来保存在这段时间内所要求保存的任何数据。 此对象主要有两个方法: 保存数据:sessionStorage.setItem(Key, value...

2017-03-31 15:52:00 166

转载 $.ajax

基于$.ajax声明一个简单的AjaxHelper构造器,AjaxHelper构造器的原型对象包含5个方法,分别用于处理GET, POST, PUT, DELETE和JSONP请求。 function AjaxHelper() { this.ajax = function(url, type, dataType, data, callback) { ...

2017-03-30 12:05:00 58

转载 es6--之箭头函数

「箭头函数」是ECMAScript6中非常重要的性特性。很多文章都在描述它的上下文透明性以及短语法。新特性必然会带来很多好处,但凡事都有两面性。本篇文章会通过情景引导,让你知晓哪些情景下应该绕过箭头函数,哪些情景下使用短语法让代码更加精炼。 特性介绍 单个入参时可省略(),箭头函数代码块部分只有单条语句返回时,可省略{}和return var f = v => v; /...

2017-03-20 10:45:00 108

空空如也

空空如也

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

TA关注的人

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