- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 [Vue]大屏界面自适应-transform: scale() translate(x, y)
[Vue]大屏界面自适应-transform: scale() translate(x, y)
2022-11-04 09:52:59
1386
3
原创 npm 命令收集
npm -i 与npm install -s与-d的区别npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象npm i module_name -D => npm install module_name --save-dev 写入到 devDependen...
2019-04-11 16:45:58
305
转载 [Angular Material完全攻略] Day 32&33 - 自己的theme自己設計 & 其他CSS技巧
[Angular Material完全攻略] Day 32 - 雜項技巧(1) - 自己的theme自己設計Angular Material內建了4種不同主題的theme，未來應該還會持續增加，但這些theme未必是我們喜歡的，而在Angular Material中，要設計自己的theme非常簡單，我們就來看看該如何做吧！建立自己的theme建立一個theme相關的scss檔...
2019-04-11 16:45:30
1440
转载 Angular的启动过程
下面就是Angular应用的启动过程1.Angular应用在启动时首先会去angular-cli.json这个配置文件中去寻找要加载的页面和脚本。默认是加载index.html和main.ts2.然后去main.ts中找到声明指定的主模块，默认的主模块是app.module3.然后去app.module中找到指定的主组件，默认的主组件是app.component...
2019-04-11 16:43:48
523
翻译 Angular4.x开发环境及项目创建 and Material使用---核心模块和共享模块 and 如何使用@angular/material
一.安装Node.js 官方网址：https://nodejs.org/en/download/ 在命令行中输入：node -v和npm version验证版本二.全局安装Angular CLI 脚手架工具 安装cnpm 国内直接装经常会出问题，所以设置为淘宝镜像地址会更好。 npm install -g cnpm --regist...
2019-04-11 16:43:10
530
转载 Angular Material 教程之布局篇
【Angular Material 教程之布局篇 (一) : 布局简介】分享自@SegmentFault，传送门：https://segmentfault.com/a/1190000007215707【Angular Material 教程之布局篇 (二) : 布局容器】分享自@SegmentFault，传送门：https://segmentfault.com/a/1190000007217...
2019-04-11 16:41:38
3075
转载 使用angular + material 2 + flex-layout 开发项目
原文地址：https://marxjiao.com/2017/02/25/angular-material-flex/最近在学习angular（这里指的是2.0以上的版本，官方说法angular 1.x叫做angularjs， 2.0以上的版本叫angular），试用了下material 2感觉官方文档中有些细节缺失。本文的旨在于记录搭建环境的过程和介绍一些官方未提到的细节。TL;DR:...
2019-04-11 16:40:32
832
原创 angular/flex-layout---API概述
研究多天，代码在实际项目中不能工作，顾先放一边，开始使用bootstrap作为多浏览器兼容在线演示地址：https://css-tricks.com/snippets/css/a-guide-to-flexbox/https://tburleson-layouts-demos.firebaseapp.com/#/docs声明性 API 概述From:http...
2019-04-11 16:39:09
2863
原创 Angular 2 遇见的坑
1.npm install "@types/jquery" --save-dev2. jquery的$不识别3. index.html页面不识别引用过来的外部.css 和 .js 文件解决方案：把对应的文件放到公网上，比如：<link href="http://www.xxxx.cn/prebuilt-themes/indigo-pink.css" ...
2019-04-11 16:36:02
390
原创 AnguarJS 2.0学习 --- 基础知识笔记（1）基础框架里的文件
package.jsonapp.moudle.tsangular.jsonmain.ts 负责NG应用的启动NG的主要启动模块点：即bootstrapModule指定的模块AppModule, NG会先加载此模块, 并且看此模块还会依赖其他那些模块，我们来看看AppModule.ts...
2019-04-11 16:34:43
155
翻译 浅谈Vue下的components模板
组件创建方式一：HTML:<div id="app"><c1></c1></div>/*要注意,局部模板的作用范围 只在 相对的vue对象 范围内, 比如此例子 <haha></haha>的作用范围 只在 <div id="app"></div>内*/let vm = new Vue(...
2019-04-11 16:22:24
10981
转载 跟随屏幕滚动后固定导航到顶端
From: http://blog.youkuaiyun.com/zerlinda_c/article/details/50436920在浏览网站的时候看到许多不错的效果，比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多，就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢？其实代码很简单，看一下实际效果： 思路很简单，首先
2017-04-25 09:08:31
3772
原创 小米扫地机器人 改装加简单拖地功能
受网友启发，我到淘宝搜索到了科沃斯扫地机器人配件里面有半圆形的拖布，下面是链接，仅供参考。青之旅专卖店 复制这条信息，打开
2017-03-21 09:14:45
19565
转载 40行代码内实现一个React.js
2017-03-20 胡子大哈 前端开发来自：前端大哈 - 知乎专栏作者：胡子大哈链接：https://zhuanlan.zhihu.com/p/25398176（点击尾部阅读原文前往）目录1 前言2 一切从点赞说起3 实现可复用性3.1 结构复用3.2 生成 DOM 元素并且添加事件4 为什么不暴力一点？4.1 状态改变 -> 构建新...
2017-03-21 07:42:01
1253
原创 vue-cli-master 学习
学习曲线开始使用 Vue，你使用的是熟悉的 HTML、符合 ES5 规则的 JavaScript（也就是纯 JavaScript）。有了这些基本的技能，你可以快速地掌握它(指南)并投入开发 。Angular 2 的学习曲线是非常陡峭的。即使不包括 TypeScript，它的开始指南中所用的就有 ES2015 标准的 JavaScript，18个 NPM 依赖包，4 个文件和超过 3 千
2017-03-17 00:58:09
594
原创 npm 的Windows上更新到最新版本的方法
npm更新到最新版本的方法打开命令行工具 npm -v 查看是否是最新版本如果不是 运行npm i npm g 升级打开C:\Users\用户名用户目录找到node_modules 文件夹下的npm文件夹，复制一份打开node.js 安装目录 C:\Program Files\nodejs\node_modules，找到npm更改名字 粘贴到当前文件
2017-03-16 21:16:42
3581
转载 深入理解javascript的function
From: http://www.cnblogs.com/sharpxiajun/archive/2011/09/16/2179323.html
2017-03-13 16:59:20
325
原创 Vue 学习笔记
From:https://vuejs.bootcss.com/v2/guide/#声明式渲染安装兼容性：Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。更新日志：每个版本的更新日志见GitHub。独立版本直接下载并用...
2017-03-09 14:16:59
2591
原创 bootstrap学习笔记
对于bootstrap框架网上有褒有贬，看过有位同行的评论说如果对它有深入的学习，灵活的使用，其实它还是很好的前端利器，但对于个性化比较强的网站来说，自己写CSS更灵活，也有朋友说对于兼容性更好、更可靠的做法是对于各个规格的分辨率写各自的CSS文件。总体来说bootstrap存活发展经历了5个年头，它的优点大于缺点是被大家承认的。我个人感觉bootstrap的代码规范化，有些CSS的技巧是值得
2017-03-09 09:43:14
821
转载 浏览器的工作原理：现代网络浏览器幕后揭秘
From: http://m.blog.youkuaiyun.com/article/details?id=17568479序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道：在 IE 占据 9
2017-03-06 15:46:56
433
原创 IE 与 Firefox 兼容问题
Javascript中的常见问题 1. 集合类对象问题 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 Js代码 document.forms["formName"]; //又如： document.g
2017-03-06 15:42:00
587
转载 CSS 页面重绘和回流
页面重绘和回流以及优化发表于 2014年08月11日 by 愚人码头 被浏览 34,389 次 分享到： 0小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握..在讨论页面重绘、回流之前。需要对页面的呈现
2017-03-03 08:49:44
893
转载 CSS-如何更好的使用BEM
如何更好的使用BEMBEM是由Yandex团队提出的一种CSS Class 命名方法，旨在更好的创建CSS/Sass模块。他需要遵循一些特殊规定，有些人认为这些规定很冗余，但是我发现他们对于理解DOM有着很大的帮助。你可以去查看我之前的文章去了解为什么BEM如此伟大。或者你可以去查看这几篇中文文章来了解BEM(《BEM的定义》《为什么我们需要BEM》)。今天这篇文章，是我在假设你对BEM和Sa
2017-03-01 09:28:01
1201
原创 html+css+js好看的梅花
html+css+js好看的梅花meihua.html:leaves.css:.leave { position: fixed; width: 25px; height: 20px; -webkit-animation-iteration-count: infinite, infinite; -webk
2017-03-01 00:48:39
1799
转载 wordpress和微信平台那些事
wordpress和微信平台那些事将自己的博客和微信公共平台关联起来是个不错的注意，一则方便订阅者通过微信关注自己的博客，同时也是一种推广。当简单的方式就是通过相关的插件来实现，此类插件现在也很常见了，如“微信机器人Wordpress插件高级版”，功能很是强大，不过这是一个收费插件，标价￥149.99，诸如此类收费的还有很多，当然我们更愿意选择免费的服务，在此介绍一款免费的插件，功能也
2017-03-01 00:46:01
638
转载 HTML5的表单功能合集
HTML5的表单功能合集1、邮箱的自动验证 只需要type=“email”2、日期的验证（年月日）：type=”date”3、时间的验证（格式：00:00）：type=”time”4、数字的验证 (可以向上加 向下减)type=”number”5、月份（–年–月）type=”month”6、周（–年–周）type=”week”7、ra
2017-03-01 00:43:25
409
转载 前端设计字体大全
前端设计字体大全宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋GB2312 FangSongG
2017-03-01 00:23:59
6238
转载 CSS实现网页背景半透明
CSS实现网页背景半透明使用DIV+CSS实现层与背景半透明效果。说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为
2017-03-01 00:22:51
1406
转载 清除所有默认的CSS样式
清除所有默认的CSS样式做前端的必备，有朋友问我这个，我也刚好没有整理过，就攒了一下~应该挺全的，留着以后方便用：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code
2017-03-01 00:17:28
4945
转载 基于微信的【点歌台】功能开发
FROM:https://www.ldsun.com/-e5-9f-ba-e4-ba-8e-e5-be-ae-e4-bf-a1-e7-9a-84-e3-80-90-e7-82-b9-e6-ad-8c-e5-8f-b0-e3-80-91-e5-8a-9f-e8-83-bd-e5-bc-80-e5-8f-91/基于微信的【点歌台】功能开发微网站，微社区，微店铺……现在是实打实的微...
2017-03-01 00:16:08
2165
转载 jQuery Mobile
jQuery Mobile PopupsjQuery Mobile Popup弹窗集合。带有样式风格的弹出框显示信息可自定义样式和最大宽度定义的弹出框 自定义弹窗弹出菜单显示信息弹出菜单文件选项退出弹出表单显示信息登录系统帐号: 密码: 登录
2017-03-01 00:06:26
497
原创 Javascript 小功能收集
匹配替换HTML元素，返回纯文本光标定位到末尾的位置, default:光标都会定位在最开始的位置1.匹配替换HTML元素，返回纯文本var $plainText = $('#content');//$("#plainText");$plainText.on('paste', function (e) { window.setTimeout(function ()
2017-02-28 21:36:20
317
转载 Bootstrap学习
Bootstrap是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap有非常完备和详尽的开发文档，Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。 官网的文件很详细简单，对于下载来说也有多种方式。对于我们开发者来说，估计最简单的方式就是直接下载编译
2017-02-28 13:18:56
315
原创 疯狂面试
代码会输出什么？ for (var i = 0; i 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i);}应该是开始输出一个 5，然后每隔一秒再输出一个 5，一共 5 个 5。能输出 0 到 4: for (var i = 0; i 5; i++) { (function(i)
2017-02-27 16:53:28
479
转载 Github上传代码 及后期怎么使用 详细教程
Github上传代码菜鸟超详细教程【转】最近需要将课设代码上传到Github上，之前只是用来fork别人的代码。这篇文章写得是windows下的使用方法。第一步：创建Github新账户第二步：新建仓库第三部：填写名称，简介（可选），勾选Initialize this repository with a README选项，这是自动创建REAMDE.md文件，省
2017-02-24 15:35:25
1598
转载 全栈工程师培训材料
From: https://github.com/ruanyf/jstraining全栈工程师培训材料，帮助学习者掌握全栈开发的基本知识，承担简单 Web 应用的前后端开发。一共四讲，适合两天的训练营，请先阅读《培训准备》。培训时，需要完成课堂练习。第一讲：前端开发的历史和趋势前端开发的历史演变前端 MVC 框架的兴起前后端分离全栈工程师前端开发的未来第二讲
2017-02-23 11:44:35
1761
转载 loadImage---图片预加载
From: http://www.cnblogs.com/siqi/p/3304662.html 图片预加载 //默认图片 var defurl = 'http://www.baidu.com/img/bdlogo.gif'; //一张大尺寸图片 var imgurl = 'http://www.planear
2017-02-22 14:59:21
1950
原创 Recruit Info
精通HTML、HTML5、CSS、CSS3；研究Web前端技术的发展,前沿技术、工具的调研,相关技术、框架的培训。对React.js，VUE.js，Angular.js等MVVM框架能熟练运用至少一种，且了解其基本原理理解并掌握Javascript语言核心技术DOM、BOM、Ajax、JSON等，对Javascript框架应用（如jQuery/bootstrap等）有一定的经验；熟悉Python/
2017-02-21 09:27:31
641
转载 JavaScript很少为人所知的玩法
JavaScript 很少为人所知的玩法01 FEBRUARY 2017 on 物联网, JavaScriptStack OverFlow 的联合创始人杰夫·阿特伍德（Jeff Atwood）曾提出著名的“Atwood定律”，即：Any application that can be written in JavaScript, will eventually be written
2017-02-21 08:07:23
1359
转载 如何理解 RxJS？
From: http://www.open-open.com/lib/view/open1476430547096.html在 Angular 2 中，我们遇到了一个新的概念 —— RxJS。对很多人而言，这可能是一个比较难以理解的地方。所谓的难以理解并不是说 API 有多复杂，而是对于 RxJS 本身的理念就无从下手。所以，这里简单地对 RxJS 进行一些介绍。函数响应式
2017-02-20 20:44:54
1481
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人