Dreamy_wit-优快云博客

原创 nginx img 403 forbidden问题的解决

一、问题背景今天在nginx 服务器上调试代码，发现报了一个图片无法显示的403 错误，如图：二、解决思路可能是因为logo.png 这张图片的“文件操作权限“被设置成“不可读“。 1，打开终端 2，进入图片路径：cd /usr/local/nginx/html/flyblog/img 3, 显示文件夹内的详细信息： ls -l 证实发现该图片的文件操作权限缺少 r:-rw-r--

2017-10-26 23:04:38 1027

原创使用nginx 服务器打开项目过程中的问题解决

一、背景：今天的get 请求数据时，浏览器报错不能跨域请求cartData.json。使用nginx 服务器，打开项目就成了要解决的问题。二、使用nginx步骤： 1，打开usr/local/nginx/html ,将项目源代码以文件夹的方式放入该文件夹内 2，在终端中，输入命令:cd /usr/local/nginx/sbin (usr 前面的”/” 不能丢失，否则打不开) 此时进

2017-10-23 21:26:41 1248

原创 vue 1.x 交互-仿百度下拉列表

vue 本身不支持交互，想要做交互，必须引入ajax 模块。vue 团队提供一个新的库文件叫做 vue-resource.js 。网络CDN：scriptsrc="https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.js">/script>

2017-10-20 16:00:40 531

转载浏览器渲染页面过程描述，DOM编程技巧以及重排和重绘。

转自 http://www.cnblogs.com/duanlianjiang/p/5032286.html一、浏览器渲染页过程描述1、浏览器解析html源码，然后创建一个DOM树。在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。DOM树的根节点就是documentElement，对应的是html标

2017-09-13 21:59:21 356

转载 JavaScript面试题大全

1.求y和z的值是多少？<script type="text/javascript">var x = 1;var y = 0;var z = 0;function add(n){n=n+1;}y = add(x);function add(n){n=n+3;}z = add(x);</script>都为undefined，因为没有返回值。2.javascript是面向对象的，怎么体现

2017-08-22 10:00:33 412

原创实现倒计时功能－－函数的局部变量问题

一、问题阐述：在完成商场秒杀倒计时项目时，发现倒计时不能实时更新。错误的代码：var mydate = new Date(); var hour = mydate.getHours(); var minute = mydate.getMinutes(); var second = mydate.getSeconds(); function nowTime() {

2017-08-16 16:06:29 560

原创 js操作时间的函数和方法

周末学习心得总结如下：1）setInterval(function,1000); function可以是函数名，该函数名在前面已定义好。例子：function show1(){ trace("每隔1秒显示一次");}function show2(str){ trace(str);}setInterval(show1,1000);setIn

2017-08-14 18:06:58 540

转载 easyui_Datagrid 数据网格 loadData

摘要：datagrid中有load,reload,loadData那三个方式，皆是加载数据的，但又有差别。下面让我们一起来看看：首先，load方法，比如我已经定义一个datagrid的id为grid，那这个方法的使用方式为$(“#grid”).datagrid(“load”,{ });它的参数为一个json对象，里面写的是你要传输的参数的键值对，调用这个方法来加载数据的时候，它传给后台的分页信息是从

2017-07-27 22:37:47 1670

转载使用EventEmitter2（观察者模式）构建前端应用（一）

文章转载自戴嘉华 from Livoras’ Blog 地址：http://www.livoras.com/post/32 1. 前言最近面试季，有不少同学在面试前端的时候遇到一些问题来问我的的时候，才发现之前博客里面介绍的关于前端架构有些东西没有说清楚，特别是关于如何使用事件巧妙地进行模块的解耦。特意写这篇博客详细说一下。本来想一篇写完，但是写着写着发现废话比较多。决定开个系列分2～3篇来写，

2017-07-06 15:23:09 1348

原创 js 入门手记

今天对js的基本概念以及代码进行了简单的练习，主要学习到了在标签内改变样式，在html页面内添加button的套路，还有js 调出对话框的2个常用语句1.在script内部更改html元素的样式：（1）先声明变量 var mydiv，获取元素 var mydiv＝document.getElementById(“txt”)（2）然后声明函数function changeColo

2017-06-28 15:48:02 324

原创 div css 网页调试心得（一）

前天根据网页效果图以及源代码，自己摸索，对照源代码，把一份resume的网页勉强写完。整个页面分为header，left，right&footer 四个大的div。由于有源代码做参照，理解深度有效。因此昨天抛弃源代码，全凭效果图自己摸索实现代码。本次的网页是一个“个人主页”式的静态界面。同样可以把页面分为header，main，footer三块，main里面可以再分为left 和 right两

2017-06-24 15:35:13 925

原创 CSS 布局模型的position属性

position属性的3种可能情况分别是absolute、relative&fixed（1）absolute 绝对定位div{ width:200px; height:200px; border:2px red solid; position:absolute; top:20px; right:100px; }效果如图：（2）r

2017-06-20 16:17:13 345

原创 CSS 的盒子模型

今天学到了“盒子模型”的课程，终于快要解开我关于“width，padding，border&margin”四者的疑惑了。弄清楚这四者关系的突破点必须先区分以下2个概念：内容和元素内容可以是在html页面上显示的文本、图片、链接等；但是元素是基于html总框架下每一行的内容都属于html的元素，内容加上相应的内边距、边框和外边距才成为一个元素，也就是一个盒子模型。因此一个元素实际宽度（盒

2017-06-19 15:25:58 387

原创 css3 box-shadow 属性的使用

box－shadow属性里面有6个参数，其中有2点需要注意1、x偏移量和y偏移量可以使用负数：当x，y偏移量都是正数4px，4px时，阴影在盒子的右下方；.boxshadow-outset{ width:100px; height:100px; box-shadow:4px 4px 6px #666; }

2017-06-16 16:34:36 399

原创 <a>标签嵌套图片使用方法

操作：鼠标左键单击汤姆猫，页面会跳转到一个百度的主页编码需要注意的要点：1、尾部一定不能忘记添加close tag，否则不能形成完整的标签2、属于比较特殊的标签，没有单独的close tag，而且和的显示效果是相同的汤姆猫来源于博友Frank头像，感谢提供素材，比心效果如图：

2017-06-15 10:57:54 22163

原创 html5内置音频 <audio>

最新的html5 音频标签music并且把mp3文件放到html同路径下.效果如下

2017-06-14 21:33:55 665

Dreamy_wit的博客