墨韵成香-CSDN博客

转载移动端复制到粘贴板

移动端复制到粘贴板前端时间做移动端碰到了关于复制到粘贴板的问题，搜到了下面两种方法，第一种亲测在手机上是有用的，第二种等待你萌在移动端测试是否成功告诉我哈！法一HTML：<input type="text" id="text_input" /> <button type="button" id="copy_text">copy</button...

2018-05-16 11:03:00 387

转载如何解决IOS 下固定定位fixed 失效问题？

如何解决IOS 下固定定位fixed 失效问题？相信大家在做移动端项目时都会遇到fixed失效的问题，在这里我们说的是在ios 下，头部底部都采用固定定位时，滑动中心部分时整个页面都跟着滚动也就是说固定定位失效了。那么如何解决这个问题呢？这里有个小诀窍分享给大家。 <body><div class="hea...

2018-04-26 16:25:00 1489

转载 fixed定位按钮在底部，键盘弹起，按钮被顶上去

解决fixed定位按钮在底部，键盘弹起，底部按钮被顶上去var h=$(window).height(); $(window).resize(function() { if($(window).height()<h){ $('.footer').hide(); } if($(window).heigh...

2018-04-14 17:24:00 2258

转载 js对象和jquery对象相互转换

js对象和jquery对象相互转换js对象转化为jquery对象方法：只需要用$()把DOM对象包起来，就能获取一个jquery对象eg： var dom=document.getElementById('dom');//js对象 var dom=$(dom);//jquery对象* 转换后就可以使用jquery的方法了jquery对象转为js对象(两种方法：[...

2018-04-02 17:35:00 151

转载 # js中substr、substring、indexOf、lastIndexOf的用法

js中substr、substring、indexOf、lastIndexOf的用法substrsubstr(start,length)表示从start位置开始，截取length长度的字符串`var str="imgs/header_2.jpg"; console.log(str.substr(5,6));` 输出值为：headersubstringsubstring...

2018-03-30 17:59:00 146

转载在新页面中返回到前一页浏览的历史位置

在新页面中返回到前一页浏览的历史位置这段时间在做移动端页面遇到这么个问题：在当前页面点击商品跳到详情页返回的时候并不是刚才停留的位置。那么该如何解决这个问题呢？通过百度搜到一个好方法推荐给大家思路:这是利用cookie完成的，把记录的滚动条的位置放入cookie，下次进入这个页面的时候读取cookie，并设置滚动条位置为cookie中的值，从而让滚动条回到上一次的位置，实现...

2018-03-28 16:44:00 962

转载 js事件绑定方式?标准事件绑定及事件对象event的兼容性问题

js兼容性问题1、在标准的事件绑定中绑定事件的方法函数：addEventListener,而IE使用的是attachEvent(只有IE能识别此方法);解决IE8兼容问题方法一：try{ dom.addEventListener("click",function(){ alert('ok'); })}catch(e){ dom.att...

2017-12-25 22:09:00 176

转载 vue-cli构建的项目中axios的请求方式及跨域处理

vue-cli axios请求方式以及跨域处理安装axioscnpm install axios --save在要使用axios的文件中引入axios 1.main.js文件 :import axios from 'axois' 2.要发送请求的文件:import axios from 'axois'在config/index.js文件设置代理 dev: { ...

2017-12-24 22:04:00 320

转载搭建基于Express框架运行环境及其启动方式

搭建基于Express框架运行环境Express 是什么？官方介绍，Express是一个基于Node.js平台的极简、灵活的web应用开发框架，它提供了一系列强大的特性，帮助你创建各种 Web和移动设备应用。如何安装?请先确保你的机器上安装了Node.js，然后通过cnpm方式来安装，非常方便。淘宝NPM镜像,使用cnpm命令行工具代替默认的npmnpm inst...

2017-12-19 14:52:00 525

转载搭建vue 脚手架（vue-cli）

搭建vue-cli 脚手架构建工具步骤：首先：1、安装nodejs 2.安装淘宝镜像 (npm install -g cnpm --registry= https://registry.npm.taobao.org) 3、cnpm -v 若出现相应的版本号则说明镜像安装成功 4、安装webpack（npm install webpack -g） 5、w...

2017-12-14 18:38:00 69

转载 AJAX请求数据的步骤？传输的数据是明文还是暗文？

AJAX 请求数据步骤是？传输的数据是用的暗文还是明文？AJAX请求数据步骤： var xhr = new XMLHttpRequest()； //创建一个异步对象xhr.open("Get"， "test.ashx"， true)；//Get 方式括号中的三个参数分别为：1.发送请求的方式 2.样请求的页面 3.是否异步//xhr.open("post"，"test.ash...

2017-12-12 10:48:00 449

转载 html 清除浮动的几种方式

清除浮动的几种方式？答：1，父级 div 定义 height原理：父级 div 手动定义height，就解决了父级 div 无法自动获取到高度的问题。简单、代码少、容易掌握，但只适合高度固定的布局.2，结尾处加空 div 标签 clear：both原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动，让父级 div 能自动...

2017-12-11 20:59:00 118

转载 css3新特性及css的引入方式

CSS 引入的方式有哪些? link 和@import 的区别是? 答：内联内嵌外链导入区别：同时加载前者无兼容性，后者 CSS2.1 以下浏览器不支持 Link 支持使用 javascript 改变样式，后者不可CSS3 新特性有哪些？答：1. 颜色：新增 RGBA，HSLA 模式 2. 文字阴影（text-sh...

2017-12-11 19:27:00 147

转载 nodejs 连接MongoDB数据库

nodejs连接MongoDB数据库首先启动MongoDB命令* mongo 启动数据库* mongo --port 27017(默认端口)* show dbs 显示全部的数据库* use dbName(数据库名)进入数据库(若没有则是创建数据库)* db 输出当前在哪个库* show tables 查看表* ......安装模块cnpm install mong...

2017-12-11 15:36:00 88

转载 html去除input 聚焦时的边框以及button按钮的边框

html去除input聚焦时的边框html中，当input标签获取焦点的时候， input标签外围会出现边框，有的时候我们需要去掉这个边框，可以给input设置 outline:none;属性将其去掉。bootstrap的button按钮点击之后会有边框怎么解决？ .btn:focus,.btn:active:focus,.btn.active:fo...

2017-12-06 13:46:00 3658

转载 vue页面加载闪烁问题的解决方法

vue页面加载闪烁问题的解决方法v-if 和 v-show 的区别v-if只会在满足条件时才会编译，而v-show不管是否满足条件始终会编译，v-show的显示与隐藏只是简单的切换CSS的display属性。也就是说，在使用v-if时，若值为false，那么页面将不会有这个html标签生成。而v-show：不论其值是false还是true，html元素都会存在，只是简单的切换css...

2017-12-04 21:52:00 1137

转载 URI和URL的区别

URL和URI的区别URI （uniform resource identifier）统一资源标识符，用来唯一的标识一个资源。URL （uniform resource locator）统一资源定位器，它是一种具体的URI，即URL可以用来标识一个资源，而且还指明了如何locate这个资源。URN（uniform resource name）统一资源命名，是通过名...

2017-08-29 22:27:00 272

转载数组Array基础知识

数组数组的概念数组是值的有序集合数组中的每个值称之为元素每个元素可以是任意数据类型的值每个元素都有索引（下标）元素的索引从0开始，按照顺序递增。元素最大的索引 2^32-2创建数组直接量 [] var arr=[]; var arr=["string",234,true,function(){},demo,demo(),brr[]]; 数组的元素可...

2017-08-20 20:04:00 122

转载三大控制结构 js函数定义

分支结构条件语句单向分支if (){ } 当只有一行代码是可省略花括号，但是代码可读性会变差。双向分支if () {} else {}嵌套分支if (){ if (){ }} else {}多项分支 if else ifif (){ } else if (){} else if (){} else { ...

2017-08-20 17:52:00 120

转载 JavaScript 基础知识

JavaScript 基本语法JS如何在HTML中使用<script type="text/javascript"></script><script src=""></script>注释单行注释 //多行注释 /* */指令结束符；换行变量和直接量直接量变量var 变量名 = 值;var 变量名;...

2017-08-14 22:12:00 63

转载响应式网页设计

响应式设计响应式设计的概念（三要素）流体网格响应式图片媒体查询真正的响应式设计方法不仅仅是根据可视区域大小而改变网页布局，而是要从整体上颠覆当前网页的设计方法，是针对任意设备的网页内容进行完美布局的一种显示机制。相关概念分辨率 resolutio 指显示器所能显示的像素的多少实际分辨率是布局分辨率的两倍像素密度 dpi/ppi 每平方英寸屏幕所拥有...

2017-08-09 20:19:00 137

转载速学伸缩盒布局多栏布局 web字体

WEB字体语法@font-face{ font-family:""; src:url() format() ....}例如：@font-face{ font-family:"X2b"; src:url("./dist/images/myfont.jpg") format("truetype"); } p:n...

2017-08-08 21:50:00 122

转载 CSS3 变形/ 变换动画知识概述

CSS3 变形/变换只能用块状元素或者inline-block;相关属性transform 设置或检索对象的转换transform-origin 设置以某个原点进行转换transform-style: flat/preserve-3d 指定某元素的子元素是位于三维空间内，还是平面perspective: 长度单位指定观察者与【z=0】平面的距离perspective-o...

2017-08-08 13:04:00 107

转载 css3 盒子模型渐变

CSS3 私有前缀-webkit- chrome/safari等webkit内核浏览器-moz- firfox-o- opera-ms- IECSS3 盒子模型box-sizing 值 content-box（默认） / border-box　盒子大小仅由宽高决定resize 是否允许用户调节尺寸的大小必须设置overflow：hidden；才有效 ...

2017-08-06 18:20:00 693

转载 css3边框背景文本内容整合

边框圆角border-radiusborder-top-left-radiusborder-top-right-radiusborder-bottom-left-radliusborder-bottom-right-radius盒子阴影box-shadow 水平偏移值垂直偏移值模糊值外延值颜色 box-shadow:5px 5px box-sh...

2017-08-06 15:17:00 180

转载ＨＴＭＬ５新增标签

H5新增标签结构标签（双）header 头面页面头部 section的头部footer 页脚nav 导航aside 侧边栏main 主体内容section 小节article 文章details 结合summary使用属性opensummary 为details元素定义可见的标题dialog 对话框属性 open文本标签mark 标记带有记号的文本...

2017-08-02 13:43:00 95

转载盒子模型

盒子模型盒子决定盒子的大小由width height padding border,margin对盒子大小的不起作用盒子关系（标准文档流）块状元素默认宽度由父元素决定高度由内容撑开行内元素宽度由内容决定块状元素可以设置宽高，行内元素不可以行内元素只可以设置左右外边距上下内边距会影响相邻的元素块状元素垂直margin会合并(margin坍陷)块状元素可以...

2017-08-01 21:31:00 121

转载 CSS层叠样式表

CSS 层叠样式表CSS的特点精确的定位：准确的控制页面的任何元素精细的控制：可以做到像素级别的调整便于维护，便于重用CSS的使用方法写在标签内的style属性中写在<style>元素中写到外部css文件中，用<link>关联到html中 <link rel="stylesheet" type="text/css" href="./...

2017-07-26 22:13:00 87

转载 HTML基本语法3

表格table 标签border 边框不建议使用：width 可用像素或百分比height 同上cellspacing 单元格之间的间隙默认为2cellpadding 单元格和单元格内容之间的间隙默认为1alignbgcolor 表格背景色background 背景图片tr 标签表示一行不建议使用：align 行内文字的水平对齐方式 left/c...

2017-07-25 22:15:00 82

转载 HTML基本语法2

2017-07-24 20:39:00 109

转载 HTML基本语法1

浏览器主流浏览器chrome 内核 webkitsafari 内核 webkitfirfox 内核 geckoIE 内核 Trident壳浏览器Opera Google内核360安全 Google内核/IE360极速 Google内核/IEUC猎豹搜狗QQ百度浏览器淘宝浏览器2345浏览器……字符集编码ASCII码汉字编码GB23...

2017-07-22 17:33:00 88

转载快速掌握计算机基础

一、计算机系统计算机的产生计算机科学之父——图灵图灵：英国人、同性恋【被判注射雄性激素因忍受不了，咬了一口泡了氰化物的苹果结束了生命】）计算机之父——冯.诺依曼冯·诺依曼提出程序存储的思想，并成功将其运用在计算机的设计之中，根据这一原理制造的计算机被称为冯·诺依曼结构计算机。冯·诺依曼结构中计算机硬件系统由运算器、控制器、存储器、输入设备、输出设备5个硬件系统...

2017-07-18 16:56:00 161

转载速学进制之间的转换

进制所谓进制就是进位制，是人们规定的一种进位方法。对于任意一种进制--X进制，就是当某一位置上的数运算逢X进一位。十进制是逢十进一，二进制是逢二进一，八进制是逢八进一，一次类推，X进制就是逢X进一。各种常见进制二进制0 1 10 11 100 101 110 111...八进制0 1 2 3 4 5 6 7 10 11 12 13 14 15 16 17 20...十进制...

2017-07-17 16:31:00 662