学习笔记
关注
分享
扫一扫
文章平均质量分 54
雪菜粥
程序媛前端综合赛亚人～
展开
-
jq实现首次引导页面
jquery制作最近网站比较流行的网站页面功能引导用户，提示用户网站的主要功能和操作。当用户首次进入网站时会提示网站功能引导，提示用户操作。写入cookie浏览器缓存，下次不重复提示网站页面功能引导。代码在我的 下载资源，效果如图：原创 2017-04-28 14:29:50 · 1616 阅读 · 0 评论 -
从头到尾讲Webpack-概念理解篇
写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了Web原创 2017-07-25 14:35:42 · 1188 阅读 · 0 评论 -
VsCode新建VueJs项目
使用vue-cli快速构建项目 ( vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 安装vue-cli之前，需要先安装了vue和webpack )· node -v //(版本低引起：bash: npm: command not found)· npm -v //以上帮助检查是否安装 node npm· 输入vue，//测试vue是否安装成功· 输入vue原创 2017-06-22 14:20:57 · 24277 阅读 · 1 评论 -
postman--api调试工具
前言一般情况下，你也许可以根据api文档自己写很多测试方法，但是当你用各种逻辑调用接口之前，需要优先保证你的接口请求是被正确响应的，有些需要依赖直接接口操作的，你也可以通过这款利器来进行相应的操作。 基本用法网上下载的教程很多，但是很多网址下载不来，因为chrome的网上商店需要翻墙，国内的两个站点可以去尝试，但不一定可下载，不用担心，已经为大家把这部分下载到117/zjfe的常用软件里。具体安装原创 2017-07-19 09:55:51 · 652 阅读 · 0 评论 -
从头到尾讲Webpack-进阶篇
想不想让你的浏览器监测你的代码的修改，并自动刷新修改后的结果，其实Webpack提供一个可选的本地开发服务器，这个本地服务器基于node.js构建，可以实现你想要的这些功能，不过它是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖原创 2017-07-26 15:30:54 · 685 阅读 · 0 评论 -
linux下安装nodejs
推荐方法：// 下载nvm$ git clone https://github.com/cnpm/nvm.git// 安装你需要的版本,然后你就可以在任何目录下使用node以及npm了 $ nvm install 7.4.0//新打开的窗口，如果无法实现，那么还需要下面两步 // 1 配置终端启动时自动执行,在 ~/.bashrc, ~/.bash_profile, ~/.profile, 或原创 2017-06-07 17:28:03 · 547 阅读 · 0 评论 -
酷炫星空棱形模块展示与链接
效果图如下: 代码 https://github.com/mandy1990/CoolModuleShow/tree/master今天先写到这里,不是很清楚,下次有时间继续…….原创 2017-05-26 11:50:26 · 319 阅读 · 0 评论 -
Less入门学习
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。安装*win+R 打开cmd， 找到文件对应目录，如在c盘则输入 cd/ 回车， “C:\Users\ucmed\Documents\He原创 2017-05-17 10:47:28 · 361 阅读 · 0 评论 -
radio单选框checkbox复选框新样式 更改原生样式 toggle toggleClass hasClass
<label class="sendType checked">白片</label><label class="sendType">蜡块</label>.sendType { background: url(../img/uncheck.png) no-repeat; background-position: 0px 12px;}.checked { backgroun原创 2017-05-03 16:31:21 · 1794 阅读 · 0 评论 -
jQuery修改CSS伪元素属性的方法
CSS伪元素（pseudo elements）不是DOM元素，因此你无法直接选择到它们。假设有如下HTML代码：<div class="techbrood" id="td_pseudo">techbrood introduction</div>和CSS代码：.techbrood:before {width: 0;}现在你想在某个元素的click事件中动态的把techbrood:before的wi原创 2017-05-23 14:08:33 · 2435 阅读 · 0 评论 -
iframe深度理解
前言如果你的页面是一个后台管理页面，那么你一定对iframe不陌生。从h5定稿开始，在涉及框架引入页面时，统一建议使用iframe来进行相关的资源嵌入。 使用场景1、通常在不希望整体页面跳转，只需要主体页面跳转，则需要加入iframe标签来作为展示页面的窗口，通常在管理后台 、qq邮箱等管理界面应用比较多。2、iframe 的属性中有src以及name属性 ，通过这两个属性可以搭配a标签实现第一条原创 2017-05-11 16:48:08 · 468 阅读 · 0 评论 -
meta深度理解
相信你已经多少见过html的meta标签，但是对它的认识可能还不够全面，那么我简单为大家整理了下meta标签全部的属性值以及说明。 属性meta为标签head中的子标签，包括content（必选，存储值）、name（键名）、http-equiv（键名）、scheme(content格式)四个属性。 其中content属性为标记的具体值，必填值；name为把值关联到某个名称，http-equiv是原创 2017-05-11 16:21:53 · 547 阅读 · 0 评论 -
tips：pc初始化,ie兼容,手机兼容 问题汇总
————————-PC兼容初始化—————–去除浏览器或者手机自带的样式 Q:自带元素的样式，太丑了，想去掉 A:-webkit-appearance :none ;页面的高度得不到100% A:需要设置html，body的高度均为100% html,body{ width:100%; height:100%; }输入框内文字的光标显示不统一的，有的为文字大小，有的为行高 A:原创 2017-04-20 10:01:56 · 445 阅读 · 0 评论 -
页面下拉自动加载内容
1. <!DOCTYPE=html> 2. <html> 3. <head> 4. <script src="js/jquery.js" type="text/javascript"></script> 5. 6. <script type="text/javascript"> 7. $(document).re转载 2017-04-20 09:47:06 · 606 阅读 · 0 评论 -
从头到尾讲Webpack-实例篇（多种方法实现）
理解webpack概念之后，进一步了解下他的工作方式安装Webpack可以使用npm安装，新建一个空的练习文件夹（此处命名为webpack sample project），在终端中转到该文件夹后执行下述指令就可以完成安装。//全局安装npm install -g webpack//安装到你的项目目录npm install --save-dev webpack正式使用Webpack前的准备1、在原创 2017-07-25 15:51:49 · 1888 阅读 · 0 评论