/root/WEB前端
关注
分享
扫一扫
Jsonkim
程序员。
展开
-
CSS初始化代码
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; font-size:14px; font-fam原创 2016-09-18 10:07:29 · 228 阅读 · 0 评论 -
javascript随笔
1.语法1.2.面相对象1.javascript内置很多对象，大致包括DOM对象，BOM对象和HTML对象等。2.javascript内置很多实例化HTML对象的方法，根据标签的不同，实例化成不同的对象，不同的对象具有不同的方法和属性，但又有互通的地方。3.对于对象的调试，可以通过下列方法调试typeof(obj); //查看obj数据类型obj; //在控制台中输入可以返回对应的html代码c原创 2017-02-13 09:57:25 · 237 阅读 · 0 评论 -
javascript设计模式
1.工厂模式1-1.简单的工厂模式早上上班的的时候路过包子店买包子，包子都是自己包子店自己做的。function CreatePerson(name,age,sex) { var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.sayName = function()原创 2017-02-23 11:08:23 · 275 阅读 · 0 评论 -
ECMAScript 6 学习笔记
let和const命令1.let和var的区别加let的作用域是{},var的作用域是一个function内。都不加的话就不是定义变量了，而是定义属性，可以通过delete命令删除。2.let很适合for循环结构，用完即释放，内部可调用for (let i = 0; i < 10; i++) {}console.log(i);//ReferenceError: i is not defined3.原创 2017-03-08 14:45:34 · 294 阅读 · 0 评论 -
HTML5简明笔记
1. a标签1.a标签多了一个download属性，表现下载文件的名字，不加这个属性的话，文件名和服务器的一致.<a href="/images/myw3schoolimage.jpg" download="w3logo">原创 2016-10-19 16:07:43 · 281 阅读 · 0 评论 -
HTML 5 Canvas常用属性和方法
填充fillStyle = "#ff0000" //设置填充颜色为纯红fillStyle = my_gradient //设置填充渐变样式fillRect(20,20,200,200) //开始画笔触（边框）strokeStyle = "#ff0000" //设置笔触颜色为纯红strokeStyle = my_gradient; //设置笔触渐变样式strokeRect(20,原创 2017-03-06 22:13:26 · 896 阅读 · 0 评论 -
CSS3学习笔记
1.属性1-1定位positionposition:static; //默认之，top，left，right，buttom不会器作用position:fixed; //定位以浏览器为参考，不会随滚动条滚动，类似广告原创 2016-10-28 14:35:11 · 275 阅读 · 0 评论 -
javascript 正则表达式
1.字符串带的正则表达式相关的方法1-1.search()搜索符合指定正则表达式在目标字符串中的位置str.search('hello'); //str字符串中查找search字符串，成功返回位置，否则返回-1str.search(/hello/); //str中查找符合正则表达式/hello/的字符串位置str.search(/hello/g); //全局str.search原创 2017-03-10 16:51:20 · 609 阅读 · 0 评论 -
bootstrap3学习笔记
1.工具bootstrap 可视化编辑器 bootstrap v3中文网 下载bootstrap 3.3.0原创 2016-11-08 17:17:48 · 1171 阅读 · 1 评论 -
vue.js 学习笔记
安装vue.js的命令行工具#cnpm install -g vue-cli查看vue命令行工具的帮助#vue list使用webpack模板创建项目sell#vue init webpack sell安装依赖#cd sell#npm install#npm run dev原创 2017-12-05 09:48:46 · 311 阅读 · 0 评论 -
关于前端惰性加载（jquery_lazyload）的使用和原理分析
1.前言有时我们会有这样的需求，当网页有很多张图片的时候，我们不希望一次性就把图片加载完，而是希望当浏览器滑动到指定位置的时候再加载，这样可以节省带宽，它也能帮助减轻服务器负载。那么这种需求就需要利用lazyload了。jquery_lazyload.js是基于jq的一个扩展，需要引入jq后使用。2.使用方法2-1.引入jquery和lazyload拓展<script src="jquery-1原创 2017-01-12 09:42:54 · 6530 阅读 · 0 评论 -
kindeditor和ueditor编辑器使用方法总结
1.编辑器的使用套路使用编辑器，首先要引入编辑器的js文件和css文件.使用用内置的方法实例化对象，在实例化对象的时候，需要传入编辑器占位的id，也可以传递参数，或事件绑定.传递参数会以json的形式传递进去，包括各种控件的自定义和某些特性的禁用.2.kindeditor编辑器的使用2-1.引入编辑器所需的资源文件<link rel="stylesheet" href="../themes/原创 2017-01-12 15:53:59 · 6783 阅读 · 0 评论 -
前端学习笔记
1.引用多个插件的时候，注意加载顺序.2.a标签有个很重要的属性叫target ，其对应的值有（_blank，新窗口），（_self,相同框架，这是默认参数），（__top，整个框架），(framename，定义的框架名中)打开。原创 2016-09-14 11:08:16 · 451 阅读 · 0 评论 -
Js绑定事件的几种方式
1.直接在标签中绑定<!DOCTYPE html><html> <head> <title>直接在标签里绑定事件</title> </head><body> <input type="button" value="点我触发事件" onclick="fun1('liming')" /> <script type="text/javascript">原创 2016-09-18 10:39:11 · 3534 阅读 · 1 评论 -
html嵌入css和js的方式
1.直接放在元素的标签里面<div class='fr' style='color:red;'>aaa</div>2.嵌入style标签<style>.one {width:200px;}</style>3.引入css文件<link rel='stylesheet' href='css/base.css' />原创 2016-09-18 10:18:51 · 2140 阅读 · 0 评论 -
jquery的ajax方法的回调函数详解
前言 最近学习jquery的$.post(),$.get(),$("#div1").load(),$.ajax()方法，发现确实很方便，但是对函数返回值确不理解，后面自己做了几个实验，总结后把结论整理后和大家一起分享.后台代码第一种情况，回调函数只有一个传入参数前端代码输出的调试结果第二种情况，回调函数有两个传入参数前端代码输出的调试结果第三种情况，回调函数有三个传入参数前端代码调原创 2016-09-22 09:52:53 · 14351 阅读 · 1 评论 -
jquery中的Ajax函数
$.get()1.获取结果个数据<!DOCTYPE html><html><head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script></head><body> <button>get</button> <script type="text/javascript">原创 2016-09-20 09:51:55 · 320 阅读 · 0 评论 -
$.ajax()方法详解
在使用jquery的时候，有个$.ajax()方法非常好用。<script langauge="javascript">$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data:转载 2016-09-26 09:30:57 · 289 阅读 · 0 评论 -
AngularJS 学习笔记
1. 数据绑定<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app=""> <p>名字 : <input ty原创 2016-11-02 15:17:11 · 222 阅读 · 0 评论 -
jquery学习笔记
1.jq中html(),text(),val()的区别//.html()方法获取或设置当前jq对象的html内容//.text()方法和.html()方法类似，不过只会获取文本信息，会过滤html代码//.val()方法则是获取表单标签的value值，仅对表单有效原创 2016-10-13 16:09:39 · 262 阅读 · 0 评论 -
less学习笔记
1.环境配置1-1.下载node.js并安装下载地址1-2.安装lessc扩展（需要进入nodejs目录）1-3.添加.bin到环境变量1-4.查看lessc是否安装成功原创 2016-11-14 09:10:59 · 296 阅读 · 0 评论 -
微信jssdk使用心得与源码分析
1.前言javascript的功能固然很强大，但是对移动平台的支持不是很好。所以微信官方就出了一个浏览器，内置在微信中，阉割了一下原生js的支持，并且封装好了sdk，提供的sdk功能还是比较强大，可以直接调用相机，相册，录音这些功能。但是要使用的话需要微信公众号的凭据，需要在微信服务器和开发者服务器进行双向绑定。1-1.本例子demo下载点我下载2.使用步骤2-1.微信服务器绑定开发者服务器2-1-原创 2016-11-15 14:24:30 · 7545 阅读 · 0 评论 -
WeUI学习笔记
1.前言WeUI 是微信官方针对微信网页开发做的一个前端框架。使用这个框架，可以让你的程序看起来更加接近原生的应用，更加的美观。 jQuery WeUI 是WeUI的一个jQuery实现版本，除了实现了官方插件之外，它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的JS组件均是以JQuery 插件的形式提供，使用非常方便，并且可以和React、Angular、VU原创 2016-11-23 09:31:25 · 2151 阅读 · 0 评论 -
前端开发必备！Emmet常用语法
1.后代：nav>ul>li<div class="nav"> <ul> <li></li> </ul></div>2.兄弟：div+p+bq<div></div><p></p><blockquote></blockquote>3.上级：div+div>p>span+em^bq<div></div><div> <p><span></span><em><原创 2017-12-15 11:07:06 · 439 阅读 · 0 评论