Cindy

原创 HTML、CSS、Javacript、浏览器清除缓存几种方法

本人在开发推广页中经常会遇到HTML、CSS、JS、浏览器缓存问题，如：推广页内容不断维护更新、不可能让用户自己清除缓存数据而更新内容，用户体验很不友好。所以必须开发人员处理好缓存问题。下面整理清除缓存几种办法。1、用HTML标签设置HTTP头信息<meta http-equiv="pragma" content="no-cache"> <meta http-equiv="c...

原创 微信小程序web-view组件 打开外部url

在测试时需要给swiper组件添加外部链接问题。今天我来说一下怎么解决的？ 思路：小程序里没有办法直接给swiper组件添加链接，点击时用api wx.navigateTo实现的。 微信小程序团队推出一个新组件web-view， 可以在这个组件中打开你的html5网页， 而且可以在web-view里面打开网页的a标签， 也就是说可以实现链接跳转。 例如： wxml 内容&lt;...

原创 总结2

上完前端测试这门课，虽然自己之前预习过理论知识，但老师真正去讲的时候自己还是没有听不懂。总结问题：1.之前工作中没有接触过前端测试这块：自己看过一本JavaScript忍者秘籍 其中就有讲过JavaScript单元测试 assert ，自己也做过几个小例子，但没有实际运用过2.对课程课程练习题还没来得及做：自己只配置过node+npm环境，其他的没有来得及。3.时间分配不合理：上周日上午预习...

原创 自我技术总结

自我技术总结：先说明一下，自己是周六晚进入这个家庭的，当时不知怎么总结，拖到今天。对自己说一声很抱歉！1.目前状况：自己有三年工作经验，都说技术干三年是个分水岭，是继续往前还是原地踏步，或者都退，在互联网快速发展的今天技术不进步那就是倒退，技术日新月异，人才要求也不端的提高。用三年前基础技术，解决如今的技术问题，只能说是很low 或者力不从心。现在就有深深的体会，用目前自己掌握的技术去应聘，...

原创 IIS无法启动计算机上的服务W3SVC如何修复、万维网发布服务(w3svc)已停止解决办法

有段时间没有用过iis服务器，今天发布网站的时候无法启动网站，一直出现这个警告框，说是w3svc已停止。网上说的有点零碎，我这儿整理一下。目前我的iis服务器正常运行了，希望对你们也有帮助！1、出现的问题是如图：右击网站管理-启动的时候会报如下图警告框。2.解决办法首先在CMD命令行中输入：fsutil resource setautoreset true c:然后在运行ser...

原创 javascript中用eval方法转换json对象

javascript中用eval方法转换json对象var u = eval(’(’+user+’)’);1.对于服务器返回的JSON字符串，如果jQuery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：var u = eval(’(...

原创 XAMPP安装运行Apache时80端口占用报错解决方法

NT kernel &amp; System 占用占用80端口1、自己安装xampp完启动Apache 和MySQL时报错信息如下：Port 80 in use by “Unable to open process” with PID 4!Apache WILL NOT start without the configured ports free!You need to uninstal...

原创 微信小程序开发 文件结构 js、wxml、wxss、json

  微信小程序开发简单教程

原创 微信小程序开发（二） WXML、组件、事件、模板

WXML WXML（weixin markup language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。&lt;view class="container"&gt; &lt;view class="userinfo"&gt; &lt;button wx:if="{{!hasUserInfo &amp;&amp; canIUse}}"&

原创 详解微信小程序开发（一） json配置、app.json、page.json

json 配置app.json 是当前小程序的全局变量，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。quickstrat项目里面的app.json配置内容如下：{  "pages":[    "pages/index/index",    "pages/logs/logs"  ],  "window":{    "backgroundTextStyle":"light&quot

转载 js 事件冒泡、阻止事件冒泡

JS事件流其中一种是冒泡事件，当一个元素被触发一个事件时，该目标元素的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上浮，到在水平面时，它才消失。在这个过程中，如果你只希望事件发生在目标元素，而不想它传播到祖先元素上去，那么你需要在“泡泡”离开对象之前刺破它。js做法：1 function stopPropagation(e) { 2 e = e ...

原创 window10 Web服务器配置IIS的环境搭建

自己是做前端开发的，服务器又不回搭，这样测试很不方便，之前都是别人给我搭建服务器的，可每次也不能找人帮忙，自己动手丰衣足食嘛，于是自己查资料在结合自己的搭建的web服务器跟大家展示一下，希望帮到不怎么搭建web服务器的童靴，尽量快速上手。自己也会尝试多种web服务器搭建的，先来看看iis web服务器搭建！IIS web服务器的搭建iis是Internet Information Services...

原创 Js打开QQ聊天对话窗口

Js打开QQ聊天对话窗口 function openQQ() { var qq = $(this).attr('data-qq');//获取qq号 window.open('http://wpa.qq.com/msgrd?v=3&amp;uin='+qq+'&amp;site=qq&amp;menu=yes','_brank'); } ...

转载 CSS reset 样式重置

我们总能看见这样的重置样式：1 *{2 padding:0;3 margin: 0;4 }强烈不推荐！！！推荐重置样式示例：部分内容可进行相应调整！ 1 /* reset */ 2 html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,...

转载 js 活动倒计时详解

背景前端页面倒计时功能在很多场景中会用到，如运营活动开始倒计时和活动结束倒计时，又如购物网站的秒杀倒计时，抢购倒计时，还有我们手Q春节抢红包倒计时等等……. 最近的话费代付项目中，也涉及倒计时功能，但在开发过程中遇到一些麻烦和坑点，下面和大家分享一下最后是如何解决的。坑点手Q春节抢明星红包活动，就有产品吐槽两个手机在不同时间点打开同一个活动显示的开抢倒计时不一样，误差大的甚至相差几分钟，导致某些用...

原创 HTML5 Canvas 详解

什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。注：不过，&lt;canvas&gt; 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。创建 Canvas 元素在页面中添加canvas 元素    &lt;canvas id="myCanvas" width="200" height="100"&gt;Yo...

原创 jquery.ajaxSetup()函数详解

jquery.ajaxSetup() 函数用于设置全局默认设置。jquery1.1新增 该静态函数语法：  jquery.ajaxSetup(settings)  参数(settings)：一个对象，其中的每一个属性表示需要设置更改默认设置的选项，属性值表示更改后的默认值。返回值：jquery.ajaxSetup()函数没有返回值，或者说返回值为underfind；示例：//设置AJAX的全局默认...

转载 2017年前端面试题整理汇总100题

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。...

转载 最简单的sql语句（增删改查统计）

1、说明：创建数据库 CREATE DATABASE database-name 2、说明：删除数据库 drop database dbname 3、说明：备份sql server --- 创建 备份数据的 device USE master EXEC sp_addumpdevice ’disk’, ’testBack’, ’c:mssql7backupMyNwind_1.dat’ --- 开始 ...

转载 50道CSS基础面试题（附答案）

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准...

原创 JavaScript 实现全部选中与全不选

JavaScript 实现全部选中与全不选面试题？html代码 如下图：JavaScript代码  如下图：注意：1、getAttr的值和onclick点击次数。  2、不被选中时，只有移除checked属性才有效，checked值为false、空都无效。...

转载 JavaScript 跨域汇总

什么是跨域？在了解跨域之前，首先要知道什么是同源策略（same-origin policy）。简单来讲同源策略就是浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为：Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求不能...

原创 前端跨域详解

在几次面试中被问到跨域问题，今天整理跨域知识。希望对大家有所帮助！什么是跨域以及产生原因？跨域是指a页面想获取b页面资源，如果a、b页i面的协议、域名、端口、子域名不同或者是a页面为ip地址，b页面为域名地址。所进行的访问跨域的，即浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，...

原创 HTML5 拖放

拖放拖放（Drag和drop）是HTML5标准的一部分，任何元素都能够拖放。拖放是一种常见的特性，即抓住对象以后拖到另一个位置。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释：在 Safari 5.1.2 中不支持拖放。HTML5 拖放实例&lt;!DOCTYPE HTML&gt;&lt;html&gt;...

原创 HTML5 video audio 元素详解

Web 上的视频和音频直到现在，仍然不存在一项旨在网页上显示视频和音频的标准。今天，大多数视频和音频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频audio元素来包含音频的标准方法。视频格式当前，video 元素支持三种视频格式：格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+...

转载 Google Chrome调试js入门

Google Chrome调试js入门　　　　平常在开发过程中，经常会接触到前端页面。那么对于js的调试那可是家常便饭，不必多说。最近一直在用火狐的Firebug,但是不知道怎么的不好使了。网上找找说法，都说重新安装狐火浏览器就可以了，但是我安装了好多遍，也没好使，后来听说Firebug停止更　　新了。没办法既然不给用，那我换浏览器不就可以了嘛！一开始想到就是谷歌，谷歌浏览器是常用来调试JS代码的...

转载 非常全的VsCode快捷键

非常全的VsCode快捷键按 Press功能 FunctionCtrl + Shift + P，F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑 Basic ed...

转载 只看图就能弄懂JavaScript原型链和闭包

全部内容均引用自http://www.cnblogs.com/wangfupeng1988/p/4001284.html 1.2.3.4.5.6.7.8.函数每被调用一次，都会产生一个新的执行上下文环境。变量、函数表达式——变量声明，默认赋值为undefined； this——赋值； 函数声明——赋值； 这三种数据的准备情况我们称之为“执行上下文”或者“执行上下文环境”。作用域中变量的值是在执行过...

转载 浅析前端页面渲染机制

作为一个前端开发，最常见的运行环境应该是浏览器吧，为了更好的通过浏览器把优秀的产品带给用户，也为了更好的发展自己的前端职业之路，有必要了解从我们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工作的,进而了解如何更好的优化实践，本篇主要围绕这两点展开阐述。前端页面渲染机制可谓是老生常谈，但又很有必要再谈的话题，于是还是决定写一篇，即是对知识的回顾总结，又能与大家分享，何乐而不为。网上相关类型...

转载 Bootstrap 4中重大更新 及亮点解读

8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念日，也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新，几乎涉及每行代码。新增功能Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些颇受关注的亮点：从Less迁移到Sass： 现在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Boot...

原创 less 语法教程

LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，所以学习 LESS 是一件轻而易举的事情，果断学习之！变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#header { colo...

转载 js运行机制详解

一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时...

原创 vscode 超好用 通用插件

通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索Debugger for Chrome让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~ 配置稍微复杂一些，哪天心情好我再另写教程吧~jQue...

原创 理解 CSS中的BFC

在写样式时，往往是添加了一个样式，又或者是修改了某个属性，就达到了我们的预期。而BFC就潜藏在其中，当你修改样式时，一不小心就能触发它而毫无察觉，因此没有意识到BFC的神奇之处。一、什么是BFC（Block Formatting Context）写CSS样式时，对一个元素设置css,我们首先要知道这个元素是块级元素还是行内元素，而BFC就是用来格式化块级盒子的。Formatting Context...

转载 gird栅格布局

引入　　对于Web开发者来说，网页布局一直是个比较重要的问题。但实际上，在网页开发很长的一段时间当中，我们甚至没有一个比较完整的布局模块。总的来说 Web 布局经历了以下四个阶段：　　1、table表格布局，通过 Dreamweaver 拖拽表格或者手写 table 标签布局　　2、float浮动及position定位布局，借助元素元素盒模型本身的特性以及 float position 等属性等进...

原创 HTML DOM getAttributeNode() 方法

转载 HTML addEventListener和attachEvent的区别详解

语法element.addEventListener(event,function,useCapture)参数值参数 描述 event 必须。字符串，指定事件名。注意: 不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。提示： 所有 HTML DOM 事件，可以查看我们完整的 HTML DOM Event 对象参考手册。 fu...

转载 JavaScript 面试题

原创 IT168企业级2017-04-13 17:02近年来，从事JavaScript的程序员越来越多，JavaScript的曝光率也越来越高，如果你想转行试试JavaScript，不妨收下这份面试题及答案，没准用得上。当然，如果针对这些问题，你有更棒的答案，欢迎移步至评论区。1、什么是JavaScript？（这是基本题，对很多程序员来说也是送分题！）JavaScr

转载 JavaScript中的this详解

调用一个函数会暂停当前函数的执行，传递控制权和参数给新函数。除了声明时定义的形式参数，每个函数还接收两个附加的参数：this和arguments。参数this在面向对象编程中非常重要，它的值取决于调用的模式。在JavaScript中一个有4中调用模式：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。

转载 css盒模型 content-box border-box

CSS的两种盒模型　　盒模型一共有两种模式，一种是标准模式，另一种就是怪异模式。　　当你用编辑器新建一个html页面的时候你一定会发现最顶上都会有一个DOCTYPE标签，例如：　　　　　　　　　　　　　　以上几种DOCTYPE都是标准的文档类型，无论使用哪种模式完整定义DOCTYPE，都会触发标准模式，而如果DOCTYPE缺失则在ie6，ie