前端
关注
分享
扫一扫
liukai6
这个作者很懒，什么都没留下…
展开
-
初始化一个React项目
初始化一个React项目create-react-app是一个通过npm发布的安装包，在确认Node.js和npm安装好之后，输入下面命令创建。npm install -g create-react-app安装结束后，使用下面命令创建应用目录。create-react-app react-app打开目录cd react-app运行项目npm start经过...原创 2019-10-25 17:25:16 · 1625 阅读 · 0 评论 -
在mac下安装npm的全局包需要mac的权限
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules在相关命令钱进行sudo添加相关密码原创 2019-10-25 17:16:21 · 753 阅读 · 0 评论 -
将a标签的下划线去掉的方法
我们在a标签的css样式里加上属性 a{ text-decoration:none; }原创 2017-11-10 22:51:18 · 722 阅读 · 0 评论 -
阻止浏览器单击连接跳转
用到调用事件的 e.preventDefault(); 可以试下原创 2017-11-11 00:34:04 · 856 阅读 · 0 评论 -
页面的根元素lang和manifest
Html中的页面根元素常见的有 lang是来声明页面语言的,对于搜索引擎和浏览器更加的友好. <html lang="en"> <html lang="zh-CN">manifest就是离线缓存的页面,特点一旦设置后就会保存在浏览器中.他的用法: <html manifest="cache.manifest">原创 2017-11-12 11:34:46 · 414 阅读 · 0 评论 -
文档元素数据(meta,base等)
文档元数据简单介绍下在根元素html包裹下有head和body,head是一张身份证.是所有元数据(MetaData)集合之处.主要包括五种: titlelinkstylebasemeta简单介绍几种的作用: title就不用多说了是网站的标题link定义了文档与外部资源的关系base元素标记文档的基础URL,style元素用于定义页面中的样式meta是head中最丰富的一原创 2017-11-12 12:47:23 · 444 阅读 · 0 评论 -
html元素fieldset和legend的用法
fieldset和legend的用法这里fieldset用来对表单内容一部分进行打包,生成一组相关联的字段,每一个filedset都会有一个标题,我们可以使用legend来指定这个标题.下面我来写一个例子: <fieldset> <legend for="sex">性别:</legend> <input type="radio" name="sex" value="male" checked>原创 2017-11-12 13:44:52 · 1005 阅读 · 0 评论 -
对元素进行拖拽操作
对元素进行拖拽这里需要将元素的属性draggable的值设置为ture. <script> window.onload=function(){ var logo = document.getElementById('logo'); logo.draggable = true; }; </script>原创 2017-11-12 21:31:47 · 774 阅读 · 0 评论 -
关于a链接去掉下划线
前段a链接去掉下划线使用 a{ text-decoration:none; } 就可以,有没有很好看原创 2017-10-12 15:03:12 · 4001 阅读 · 0 评论 -
防止缓存的方式一添加版本号(URL添加随机数)
如何给URL加上随机数,防止缓存 这里我们最简单的方式就是在url?后面加上一个随机数,欺骗浏览器来 达到防止缓存的效果 https://demo.com?v=' + parseInt(Math.random()*1000000000) 这样就可以了.也就相当于在页面上加上了一个版本号的效果.原创 2017-11-28 16:06:49 · 5087 阅读 · 0 评论 -
javascript中函数eval()的用法
eval()函数会将传入的字符串当做JavaScript代码进行执行。语法eval(string)参数string 一串表示JavaScript表达式，语句， 或者是一系列语句的字符串。表达式可以包括变量以及已存在对象的属性。 返回值执行指定代码之后的返回值。如果返回值为空，返回undefined描述eval()是全局对象的一个函数属性。eval()的参数是一个字符串。如果字符串表示的是表达式原创 2017-12-09 10:43:57 · 4388 阅读 · 0 评论 -
使用fiddler抓取数据包的时候,查看出现乱码
当我们使用fiddler抓取数据包的时候出现乱码如下图: 这里看到的都是乱码,下面我们进行设置: 现在,可以再看一下,是否还是乱码,效果如图: 现在可以清楚的看到了.原创 2017-12-20 20:34:56 · 4326 阅读 · 2 评论 -
设置网站标题前方的图片
最简单的方法我们只需要将图片裁剪好,48*48的.然后修改文件的名称为favicon.ico将他放到网站的根目录就ok. 如果不行那就换一种方法页面引入<link rel="shortcut icon" href="favicon.ico" /> 将这个标签放到head中就可以了.赶快试试吧.找一个漂亮的图标装饰自己的网站吧.原创 2017-12-13 14:25:57 · 578 阅读 · 0 评论 -
在js中类型转化之布尔类型
在js中转化为false的值有下面几个undefined;null;0;-0;NaN;“” //空字符串 这里需要和php中的做一些区分在php中’0’也是可以转化为false的.而且在js中数组属于对象,空数组也会被转换为true.在这里需要多加小心.原创 2017-12-22 10:21:03 · 1357 阅读 · 0 评论 -
微信小程序中,背景上下滑动影响样式(苹果手机)
在微信小程序中背景图片滑动的解决办法有时候我们在微信小程序的开发过程中,需要背景图片,但是在苹果操作系统中,背景图片竟然 可以上下滑动,解决的办法是在该页面的.json中添加一条配置即可解决这个问题. "disableScroll" :true, 不让他滑动.原创 2017-12-06 10:16:31 · 8064 阅读 · 0 评论 -
微信小程序背景图片完全覆盖显示
微信小程序中,背景图片全屏在微信小程序中需要设置背景图片全屏,这里用到css的知识我们可以: page { overflow:hidden; position:fixed; background-image:url('http://someweb.com/main.jpg'); margin: 0px; /*下面的是关键的设置100%显示*/ backgroun原创 2017-12-06 10:22:29 · 39441 阅读 · 1 评论 -
POST请求跨域问题
在AJAX中,我们需要POST请求数据.但是出现跨域的问题. 这个时候我们需要在header头上加入 "Access-Control-Allow-Origin: *" 这个参数意思是允许所有的请求.原创 2017-12-14 18:16:43 · 1737 阅读 · 0 评论 -
在javascript中Null和Undefined的区别
null和undefinednull表示一个“空”的值，它和0以及空字符串”不同，0是一个数值，”表示长度为0的字符串，而null表示“空”。在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示“未定义”。JavaScript的设计者希望原创 2017-12-25 18:45:18 · 332 阅读 · 0 评论 -
AJAX中POST请求注意点(header头)
在进行AJAX请求需要注意POST的区别在我们进行AJAX请求的过程中,GET请求是简单可行的.例如 xmlhttp.open("GET","test1.txt",true); xmlhttp.send(); 这是简单可行的,我们需要把有用的数据拼接到URL后面即可,就像这样: xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates"原创 2017-12-26 16:00:53 · 16901 阅读 · 0 评论 -
AJAX请求中POST请求方式需要注意的两个点
在AJAX中对POST请求中注意在我们进行AJAX请求,有两种的方式,一个是get请求,该请求比较简单.将参数拼接到URL上即可.并且不需要设置header头.在复杂的post的请求中,我们一定比对着get请求进行操作.一个是设置header头 xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded原创 2017-12-26 18:06:22 · 1047 阅读 · 0 评论 -
微信小程序添加H5页面
在微信小程序也可以,像浏览器一样添加url.具体方法是在wxml的文件里添加下面代码 <web-view src="https://www.some.com"></web-view> 而且要把网站加入到白名单就可以了,可以试试 小程序的web-view功能原创 2017-12-28 21:34:57 · 16795 阅读 · 2 评论 -
微信小程序-小游戏文档入口
有木有像我一样笨的小朋友找不到微信小程序-小游戏文档入口.这里我贴给大家.刚发布的百度不好找呀. https://mp.weixin.qq.com/debug/wxagame/dev/index.html 这就是小程序中小游戏的开发文档试试吧.原创 2017-12-29 14:02:09 · 5699 阅读 · 0 评论 -
微信小程序(小游戏)的示例
在这里给大家介绍微信小程序(小游戏)的示例. 1. 首先当然是需要下载官方开发工具. 2. 接着我们需要创建一个项目 在这里需要需要点击体验小游戏.即可生成一个demo 3. 已结生成了项目,我们可以看一下效果.是打飞机的游戏原创 2017-12-29 14:08:30 · 7477 阅读 · 2 评论 -
评测浏览器对HTML5的适配度的网站
评测浏览器对HTML5的适配度的网站https://html5test.com 点击看看自己的浏览器的适配得分原创 2018-01-05 14:18:43 · 552 阅读 · 0 评论 -
安装稳定Vue及命令行工具
安装稳定的vue版本npm install vue安装命令行工具npm install --global vue-cli创建项目npm init webpack my-project 这样就可以通过命令行快速创建项目了原创 2018-01-30 20:39:17 · 389 阅读 · 0 评论 -
linux安装nodejs环境
第一步我们克隆源码git clone https://github.com/nodejs/node.git然后我们修改目录的权限chmod -R 755 node然后进行检验./configure进行编译make && make install最后看看我们的效果node -v原创 2018-01-30 21:19:29 · 466 阅读 · 0 评论 -
在使用ajax进行post提交数据注意
在使用ajax进行post提交数据注意get_id_xhr.setRequestHeader("content-type","application/x-www-form-urlencoded"); get_id_xhr.send('gameid_name=' + gameid_name_value);在ajax中需要注意设置header头的类型为applicati原创 2018-01-31 11:17:48 · 1385 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'fn' of undefined
有时候当我们使用前端框架时,忽略引入顺序在你引入jQuery文件前引入其他文件导致错误,这个时候需要将引入jquery.js放在前面就可以了.具体可以参考: https://stackoverflow.com/questions/20606209/bootstrap-uncaught-typeerror-cannot-read-property-fn-of-undefined/20607939在进原创 2018-01-17 10:57:34 · 7819 阅读 · 4 评论 -
H5的缓存方式
H5的6大存储方式浏览器缓存机制DomStorgage（WebStorage）存储机制WebSQLDatabase存储机制ApplicationCache（AppCache）机制IndexedDatabase（IndexedDB）FileSystemAPI原创 2018-01-08 14:53:03 · 976 阅读 · 0 评论 -
使用快捷命令刷新微信web-view缓存
使用下面命令可以快速刷新微信网页缓存 //triggerWebViewCacheCleanup 当我们在聊天输入框发送上面代码,没有任何反应,基本就是支持本命令. 注意本命令不支持苹果,也有几率不能清除缓存,全靠人品原创 2018-01-08 16:11:03 · 2639 阅读 · 0 评论 -
浏览器缓存机制
浏览器缓存机制浏览器缓存机制是指通过HTTP协议头里的Cache-Control（或Expires）和Last-Modified（或Etag）等字段来控制文件缓存的机制。这应该是WEB中最早的缓存机制了，是在HTTP协议中实现的，有点不同于DomStorage、AppCache等缓存机制，但本质上是一样的。可以理解为，一个是协议层实现的，一个是应用层实现的。Cache-Control用于控制文件在原创 2018-01-09 18:52:03 · 334 阅读 · 0 评论 -
input表单内容不可修改
我们如何将input表单的内容不可修改,加入 disabled="true" 就可以了,变为灰色不可更改原创 2018-02-02 10:32:49 · 4053 阅读 · 2 评论 -
在表单提交中textarea的高度问题
在表单提交中textarea的高度问题我们想让文字保持报读一直,这个时候我们需要的是读取textarea的scrollHeight属性的值.需要注意的是该值没有px.在稍后进行操作的时候需要进行拼接.具体代码实现如下var obj_name = document.getElementById('obj_id'); obj_name.setAttribute('style','height:' +原创 2018-01-18 17:10:48 · 754 阅读 · 0 评论 -
js解决页面后退
在a链接加上下面属性 href="javascript:history.go(-1);"原创 2018-02-05 18:08:14 · 692 阅读 · 0 评论 -
一个事件委托的实例的js代码
事件委托的例子下面是完整就是代码window.onload = function () { //获取 var tb = document.getElementById('tb'); tb.addEventListener('click',function(e){ var target = e.target; if (target.innerHT原创 2018-02-26 10:36:38 · 371 阅读 · 0 评论 -
设置table表格后边框单线
当我们给表格加上css样式加上边框会出现非常难看的双层线.这个时候把下面的样式粘贴进去就可以了 <style type="text/css"> td{border:1px black solid;} table{border-collapse:collapse;} </style> 主要table{border-collapse:collapse;}这就是关键原创 2018-02-11 17:50:57 · 1907 阅读 · 0 评论 -
REST的概念
REST APIREST 是浏览器与服务器通信方式的一种设计风格。它的全称是“REpresentational State Transfer”，中文意为“表现层状态转换”。Resource：资源Representation：表现层State：状态Transfer：转换REST 的核心概念互联网上所有可以访问的内容，都是资源。服务器保存资源，客户端请求资源。同一个资源，有多种表现形式。原创 2018-02-26 17:33:56 · 282 阅读 · 0 评论 -
浏览器中使用localStorage存储数据
浏览器中使用localStorage存储数据将数据存储到localStorage中localStorage.setItem('myCat', 'Tom');//需要注意存储的数据类型为字符串将数据从localStorage取出var myCat = localStorage.getItem('myCat');console.log(myCat);将数据从localStorage中删除localS原创 2018-02-28 14:27:47 · 1983 阅读 · 0 评论 -
js封装的向某个元素后添加元素
js封装的向某个元素后添加元素由于js没有现成的方法我们需要自己进行封装//@param newElement新创建的元素//@param targetElement传递的已知元素function insertAfter ( newElement, targetElement ) { var parent = targetElement.parentNode;原创 2018-02-28 15:22:53 · 1708 阅读 · 0 评论 -
通过js获取URL的参数
console.log(getParam(name));function getParam (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)','i'); var r = window.location.search.substr(1).match(reg);原创 2018-02-28 16:37:23 · 294 阅读 · 0 评论