-
jQuery添加dom节点的方法
一、内部插入DOM： 完整示例1: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>jQuery添加dom节点方法一 -青梅博客</title> <script src="https://cdn.bootcdn.ne…- 425
- 0
-
Options Framework后台设置框架 (文末下载)
一. 前言 这是Options Framework插件的改编wordpress主题版本。使用选项框架可以轻松地在任何WordPress主题中包含一个选项面板。 它的构建使开发人员可以专注于制作实际wordpress主题，而不用花费时间从头开始创建选项面板。 这是一套主题，内含框架，这样设置是为了方便wordpress开发者更好的使用这套框架。如果您对此有疑惑，参见下方的中文教程链接。 项目地址：G…- 733
- 0
-
WordPress开发 – options framework基础应用
前言 看到好多免费的wordpress主题都采用了这套后台设置框架，就拿来研究下，其实设置框架也有很多类型，重要的不在于他的设置有多丰富，而是这个框架的使用是否明确。 正好，这款options framework 框架就贴心的准备了一款主题来帮助各位新手开发者来了解这套框架，可惜的是，即使有这套主题的帮助，很多新手开发者对此也是一知半解，难以使用，这次在网络上找到了一份有详细使用教程的文档，大家一…- 617
- 0
-
vue模板语法{插值表达式}的用法
插值表达式是什么？ 对比： jQuery中：text( )函数 原生Js中：innerHTML Vue中： message <div id="app"> message </div> 这段代码的意思可以用原生js的思路理解为，一个父元素id：app，现在设置他的innerTEXT，设置内容为变量message export defa…- 709
- 0
-
对于 fetch 和 axios 和 Ajax 区别 ？
1.Ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 用法： $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function() {}, error: …- 947
- 0
-
JS使用lazyload进行图片懒加载
原理： 图片的加载是由src引起的，当对src赋值时浏览器会请求图片资源，基于这个，可以利用html5的属性data-xxx来保存图片的路径，当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了，也就是懒加载了 方法： 1.使用lazyload插件，引用jquery.js和jquery.lazyload.js 2.将img标签中的src属性赋值为加载图片，即一张临时…- 860
- 0
-
yarn和npm的区别、–save和–save-dev的区别
一、安装yarn (1)下载node.js,使用npm安装 npm install -g yarn (2)查看版本 yarn --version (3)yarn淘宝源安装 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao…- 1.9k
- 0
-
Touch 移动设备上的 手势识别 与 Js事件库
Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。 Touch.js官网： https://www.a…- 2.1k
- 0
-
vue 中基于html5 drag drap的拖放
事情是这样的，右边有各种控件，可以拖动到右边自由区，在自由区内可以随意拖动。 案例一： 开始的我，so easy！ 通过绑定元素的mousedown 事件，监听鼠标的mousemove，和mouseup 事件，于是我轻松实现了同一区域内元素可以拖着跑，上代码！ move (e) { let odiv = e.target // 获取目标元素 // 算出鼠标相对元素的位置 let disX = e…- 942
- 0
-
webpack介绍、配置、使用
一、webpack介绍 1、由来 由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。 2、介绍 webpack是一个模块打包器（module bundler），webpack视HTML，JS，CSS，图片等文件都是一种 资源 ，每个资源文件都是一个模块（module）文件，webpack…- 785
- 0
-
前端Js框架汇总
概述： 随着互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。 Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在…- 1.1k
- 0
-
Web前端开发的四个阶段
第一阶段：HTML的学习 超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“…- 991
- 0
-
轻量级的CSS动画引擎——AniX
介绍 ANIX是一个轻量级且易于使用的动画库，在现代浏览器发挥优良的性能和良好的兼容性。它采用了原生的CSS属性的过渡，不是JS模拟动画，因此性能更好。并且可以使用硬件加速。ANIX不到3K的大小有多种版本的ANIX实现，UMD版本，jQuery的版本和React版本等... Github https://github.com/drawcall/AniX 简单使用 PS：可以先看demo标题进行预…- 988
- 0
-
Gulp和Webpack对比
前言 在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应…- 676
- 0
-
Vue PC端UI框架
1. Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 2. iView 一套基于 Vue.js 的高质量UI 组件库中文文档 | github地址 3. vue-element-admin vue-element-admin是基于 Vue2.0，配合使用 Element UI 组件库的一个前端管理后台集成解决方…- 908
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×