- 博客(25)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 如何使用github创建，开发前端项目
目录如何使用github创建，开发前端项目注册github账号创建项目如何使用github创建，开发前端项目github是一个在线管理项目，协作开发的网站平台，我们可以利用github网站管理私人的代码项目，这边文章会告诉你怎么在github网站创建、管理、开发自己的前端项目。注册github账号首先登录github网站： https://github.com/，注册一个账号，点击网站右上角的sign up按钮，根据提示一步一步来。注册成功后，登录账号。创建项目点击右上角的按钮，创建新的仓库。
2022-05-11 20:27:37
889
原创 visual studio code 查看已经安装的插件 && vue前端项目开发常用插件
visual studio code 查看已经安装的插件点击插件，在输入窗口输入“@installed”常用插件Chinese (Simplified)vscode 中文语言包Auto Import代码中所有需要 import 的内容，都会自动查找，并解析，提供代码补全的快捷提示Bracket Pair Colorizer可以把不同嵌套层级，不同类型的括号用不同的颜色表示CSS Peek可以从 html 的类名和 id 名链接到对应 css 样式定义的位置，相反，也可以从 css 样式定
2021-10-06 19:44:06
1542
原创 用 vite 快速构建 vue 项目
用 vite 构建 vue 项目 yarn create @vitejs/app my-vue-app --template vue安装依赖 yarn install开发环境运行package.json scripts 脚本运行 yarn dev直接运行 npx vite
2021-10-06 17:52:28
175
原创 Augular 7 插槽 ng-container
默认插槽 <ng-content> </ng-content>具名插槽 <ng-content select="p"></ng-content> <ng-content select=".slot"></ng-content>ng-content 的 select 属性支持 CSS 选择器
2021-09-28 22:36:21
130
原创 Augular 7 在组件中注册服务
@Component({selector: 'app-heroes',providers: [ HeroService ]在组件中注册服务后，在组件的注入器上，只会有一个服务的实例。
2021-09-27 22:18:31
105
原创 Bootstrap-3.3.7
官网：http://getbootstrap.com/getting-started/#whats-included bootstrap CDN：http://www.bootcdn.cn/bootstrap/ jQuery的CDN：http://www.bootcdn.cn/jquery/ 安装检查bootstrap语法错误的插件的命令： npm install -g bootlint
2016-12-30 09:27:20
2806
原创 compass-bug
手册网址：http://compass-style.org/reference/compass/box-sizing设置盒子宽度包括不包括内边距和边框 content-box：不包括 border-box：包括//盒子阴影，单个默认盒子阴影设置$default-box-shadow-h-offset: 2px; //失效$default-box-shadow-v-offset: 2px; /
2016-12-26 17:51:47
348
转载 CSS查漏补缺
//从父类继承padding: inherit;//字母大写、小写，首字母大写h1 { text-transform: uppercase;} h2 { text-transform: lowercase;} .credits { text-trans
2016-12-22 21:02:48
412
转载 html-查漏补缺
//缩写abbr title="Professor">Profabbr>//首字母缩写acronym title="National Aeronautics and Space Administration">NASAacronym>//邮箱链接a href="mailto:homer@example.org">homer@example.orga>//引用cite>A Brief
2016-12-22 19:28:47
732
转载 提升CSS的性能和效率
将小图片 合并为大图步骤：1指定图片 2、确定块级元素 3、指定宽高 4、background-position定位。提交的正式的css样式要修改名称。样式表，修改后改变名称，防止浏览器缓存，使用户不能浏览最新改变的网址。（每次提交要修改名字）使用缩写border：1px solid whitebackground: white url(‘1.jpg’） no-repeat fixed 0 0
2016-12-22 11:02:44
600
转载 Scss和其他优秀CSS框架
scss语法@import "01.scss";$blue: #fff0b3;$side: left;$width: 40px;.class1 { position: relative;}@mixin hello{ width:500px; height:300px;}@function double($n){ @return $n*2;}header{ bac
2016-12-22 10:03:54
851
转载 服务器常见页面访问返回错误信息的含义
scss语法@import "01.scss";$blue: #fff0b3;$side: left;$width: 40px;.class1 { position: relative;}@mixin hello{ width:500px; height:300px;}@function double($n){ @return $n*2;}header{
2016-12-21 21:13:38
5397
原创 CSS（5）工具-reset
prefixfree.jsprefix是能将CSS3代码自动生成跨浏览器CSS代码的在线应用 prefixfree.js: http://leaverou.github.io/prefixfree/ 你只需要在你的.html文件中插入一个prefixfree.js文件（可以是文档任何地方），建议把这个脚本文件放在样式表之后。 添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这
2016-12-21 14:56:04
451
原创 CSS（4）-媒介查询，响应式布局, 弹性盒子布局
//打印和屏幕显示不同的字体和字体大小。@media screen { p.text{font-family:"Trebuchet MS", Verdana, sans-serif; font-size: 14px;}}@media print { p.text{font-family:"Times New Roman", Times, Georgia, serif;
2016-12-20 21:09:09
588
原创 CSS（3）-动画
动画 //平移 -webkit-transform: translate(100px,100px); -moz-transform: translate(100px,100px); -ms-transform: translate(100px,100px); -o-transform: translate(100px,100px); trans
2016-12-20 18:46:38
486
原创 CSS（2）-背景、颜色、盒子阴影
背景 background: url('../img/backgroud.jpg') no-repeat; //不改变图像比例 -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: auto 100%; background-size: auto 100%;
2016-12-20 13:03:55
2034
原创 CSS（1）-浮动、定位、选择器和字体。
<!--[if !IE]><!-->出IE外都识别<!--<![endif]--><!--[if IE]>所有的IE可识别<![endif]-->属性前缀的排序{ -wekit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}对块级元素设置浮动之后，宽度会随着内容调整。万能的清除浮动的代码(浮
2016-12-20 10:50:35
467
原创 modernizr的使用
测试浏览器有木有css和html的新特性，例如测试cssgradients特性，在html根目录加入 类似如下的类<html class="cssgradients"> or <html class="no-cssgradients">cssgradients表示含有相应特性，no-cssgradients则表示没有。根据检测结果进行渐进式设计，如下：.no-cssgradients .header
2016-12-19 16:06:10
1463
原创 package.json, Gruntfile.js等文件配置
Gruntfile.js文件配置如下：‘use strict’; module.exports = function(grunt) { require(‘time-grunt’)(grunt); require(‘load-grunt-tasks’)(grunt); grunt.initConfig({ pkg: grunt.file.readJSON(‘p
2016-12-19 14:34:27
2087
原创 npm、grunt、bower实现前端项目自动化
所需的安装指令：modernizr官方网站：https://modernizr.com/ grunt-modernizr网站：https://www.npmjs.com/package/grunt-modernizr Customizr网址：https://github.com/modernizr/customizr#config-file 安装grunt-modernizr命令： np
2016-12-19 14:31:59
1383
原创 PS切图
PS切图启动CC2014或者CC2015进行切图操作 PS cc 2015 1、 cuttman插件，下载地址：http://www.cutterman.cn/zh/cutterman 选中图层，切图。可以导出png，jpg和gif 2、 cc2015自带的快速切图，右键点击快速导出png即可，只能快速导出png。
2016-12-19 14:26:48
576
原创 如何利用github在线展示你的前端作品？！
我已经成功在githut生成我的前端作品，你可以预览一下效果https://ctianjinnan.github.io/wangnan_resume_demo/ 接下来一步一步教你实现！！首先你需要到github官网注册一个账号，https://github.com/ 有了账号之后，登录账号。1、创建仓库2、设置仓库，创建页面生成器点击sett
2016-12-14 14:57:39
6712
1
原创 win7+64位+vs2010+opencv2.4.9配置问题
请参考这篇文章 http://blog.youkuaiyun.com/hnyzwtf/article/details/46403619大致分几步：1.设置环境变量2.建立属性表3.建立工程时添加属性表安装完毕后，运行以下的测试程序:#include "opencv\highgui.h"int main(){ IplImage *img = cvLoadIm
2015-12-02 20:16:02
438
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人