Fork me on GitHub

发表于 | 分类于
字数统计: | 阅读时长 ≈

线性渐变

linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)
linear-gradient(指定渐变方向, 颜色的起点，颜色的结束)

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

html5背景图片的设置

1
2
<body style="background:url(图片的地址) no-repeat">
</body>

其中的no-repeat是不重复显示图片

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

jquery学习
$(“”).html(content) 改变被选元素的内容html
$(“”).append(content) 向被选元素的内部 HTML 追加内容
$(“”).prepend(content) 向被选元素内部HTML 预设(Prepend) 内容
$(“”).after(content) 在被选元素之后添加html
$(“”).before(content) 在被选元素之前添加HTML

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

如何使用hexo搭建自己的个人博客

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

1 全局安装

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

前端表单提交ajax相关代码片段

引入jqurey

1
2
<script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>
<script type="text/javascript" src="js/openip.js"></script>//封装的ajax的url

openip.js代码

1
2
3
4
function openip($str){
	var myip = "http://192.168.1.130/chenqianAdmin/public/index.php/api/"+$str;
	return myip;
}
阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

1、安装node.js

检查是否成功：node-v npm-v

2、全局安装脚手架工具vue-cli，命令如下：

npm install –global vue-cli

3、检查是否安装成功

vue -V打印版本号

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

小程序APPID

每个小程序的唯一标示
每个账号只有一个APPID
个人账号与企业账号的区别
个人账号不能发布小程序
企业账号能发布小程序
注意：在公司开发时一定要用企业账号的APPID进行开发
账号申请
登陆后：
小程序控制平台：
管理：管理小程序

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

为了工作和平时项目的需要，在自己工作空余时间自己写的一个css样式
同时也是为了巩固css和sass的知识
目的是为了：适应每一个项目自己重置样式,创造属于自己的style
虽然目前已有很多流行和成熟的css框架，如bootstrap,Semantic UI,Pure…都有各的优点
但还是决定做更加适合前端工作的css样式，我并没说是css框架，因为还需要不断更新
自己在空余时间也会不断的去优化，学习和进步

css样式

阅读全文

发表于
字数统计: | 阅读时长 ≈

微信小程序 数组（增，删，改，查）

最近在做一个小程序的demo里。由于不向后台请求数据，所以就涉及到本地数据的操作，本文以数据的增删改查为例

阅读全文

发表于 | 分类于
字数统计: | 阅读时长 ≈

从后端获取数据id拼接到a链接，跳转后获取链接id值，并在新页面调取数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="aa">
 <a v-bind:href="['1.html'+'?id='+tab.id]"></a>
</div>

var c_url = 'url';
//团建计划

 $.ajax({
     type:"GET",
     url:c_url+'/plan/index',
     dataType: "json",
     success: function(res){
         console.log(res.data.records);
         new Vue(
             {
                 el: "#aa",
                 data: {
                     tabs:res.data.records,
                 },
             }
         );
     }
 });
阅读全文