devin-Huang-CSDN博客

原创 vue3.0 封装基本模板

vue3.0 + vite + typescript + eslint + prettier + vscode对vue3.0进行常规模板设计包含目录结构/ router布局/ vuex（包含modules）/ eslint与typescript配置等，开箱即用https://www.npmjs.com/package/vite全局安装vite并创建 vue3.0 项目 VScode 编辑器安装插件：prettier与eslint且依赖包npm add --save-dev p...

2020-09-28 13:42:40 1252 1

原创设计从模块化、简单维护方向设计搭建Node服务器

Node.rar：https://pan.baidu.com/s/1cZ1p06 qziw-g全局安装--save本地安装-dev本地开发安装npm install express-generator --save默认搭建一个脚手架（搭建文件结构）npm install hbs --save使用hbs的HTML布局模板npm install node-dev --

2018-01-17 19:37:50 246

原创编写jQuery插件的格式与自定义

分享本人自己编写插件的格式供大家参考：其实就是使用jquery的$.fn.extend() 与$.extend，两者写插件时区别通俗的讲就是$(obj).each()与$.each()；帖代码不多说！！;(function($){ var Poster = function(obj,option){ //定义对象属性区域 this.obj = obj;

2017-11-17 20:03:03 478

原创 Gulp入门安装及运行gulp

Gulp 是一个自动化工具 - 通常称构建工具Gulp插件大全：http://www.cnblogs.com/-ding/p/5972162.html 附件含有gulpfile.js安装流程：注意：下面安装环境都是在命令提示符；window -> 运行 -> cmd -g：全局安装；

2017-11-17 19:04:23 15962

原创 websocket - 实时聊天室

手把手教大家实现实时聊天室首先：下载nodeJS然后通过express 搭建本地环境；功能:实时侦听用户接入或断开并某一用户发送信息时其他用户能即是看见的聊天室原理：先搭建服务器域，然后客户端访问该域时服务端返回各类信息；注意：服务端发送obj内信息给所有人（含自身） socket.emit( 'message' ,

2017-11-14 21:40:09 511

原创自己编写的响应式图片轮播效果

本人尝试写了一个轮播效果包含响应式、滚动条的出现占位，且使用面向对象的方式编写方便用户修改。已经实现图片轮播的主要效果，目前处理修改一步步完善中。

2017-10-08 15:10:57 576 2

转载 vue2.0，jsonp仿百度搜索页面，请求百度数据

baidu ajax-url : https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wa=a1 页面搭建首先，我们先把页面写好，具体的html+css就不讲解了注意：引用vue、vue-resource,可以下载到本地引用，也可以直接引用cndjs官网上的，当然也可以使用npm下载安装 body> div cl

2017-07-22 09:15:11 2798 5

原创基于slimscroll与bootstarp插件实现非常好用应用系统表格展示

兼容：IE9+ 、Firefox 、 chrome、opera；适用场景：应用系统多数据展示，支持响应式；bootstarp + jquery +html + css；DEMO：链接: https://pan.baidu.com/s/1geFMYkj 密码: meia效果：在制作应用系统会遇到多列的表格，导致表格溢出产生左右滚动，而有时为了增加用户体验需要固定表头部，

2017-07-07 18:07:28 560

原创 jquery上传插件 -- dropzone、plupload、uploadify作对比

在项目中需要用到上传文件的插件先后都使用过这三个上传插件；现在对这3个插件进行个人分析与建议供大家参考；dropzone下载地址：https://github.com/enyo/dropzone/ 特点：1.兼容Firefox、chrome、Safari、IE10（低版本则采用传统的input file） 2.可以一次上传多个文件，可点击可拖

2017-06-30 16:23:27 2355

原创 Bootstarp模板及实践经验分享

BOOTSTARP企业模板链接: https://pan.baidu.com/s/1qXTH5iW 密码: ea9nbootstrap模板布局技巧： lang="en"> charset="utf-8"> name="viewport" content="width=device-width, initial-scale=1.0">

2017-06-30 14:28:08 694

原创 web开发所需注意优化性能细节

个人观点，希望对大家有帮助。1.优化CSS调用方式 main.css@import加载CSS是加载一个才加载另一个，会延长CSS加载时间@import url('bootstrap.min.css');@import url('../font-awesome/css/font-awesome.css');@import url('style.css');

2017-06-30 11:56:59 271

原创 SASS基本语法及搭建并结合COMPASS高效工作

一、环境的搭建：附件地址：https://pan.baidu.com/s/1geBcVjt 密码vmq2由于SASS 与 COMPASS 需要访问国外服务器安装，在国内无法正常安装；搜索https://rubygems.org/寻找SASS与COMPASS把文件下载到本地安装即可；1.RUBY（附件含有）2.SASS（附件含有）3.COMPASS 安装compa

2017-06-30 11:33:45 562

原创 HTML5本地缓存manifest与localstorage 结合使用方式

使用场景：将基本不做修改的JS/CSS文件缓存到客户端本地中，每次加载就从本地抓取从而减少http请求。加快载入速度；首先介绍一些基础知识：Application Cache ：从服务端下载指定文件存放于本地实现离线浏览用法： HTML ：...PHP：test.manifest.php文件<?phpheader("Content-Type: text/

2017-06-27 09:49:39 1255

原创实用的学习前端开发及推荐学习路线？

如果你是一个刚接触前端开发并想学习的朋友。相信我这篇文章对你有很大的帮助；我从初步讲解一个前端实践所需要的知识。HTML / HTML5官方解释：HTML的英文全称为Hyper Text Markup Language，即超文本标记语言。HTML5是HTML的一个新版本。HTML 不是一种编程语言，而是一种标记语言 ;说的太概念化了，通俗的解释：规定我们的书写规范的标准

2017-06-26 15:57:53 405

huang084735的博客