- 博客(18)
- 收藏
- 关注
RSS订阅
转载 CSS实现水平垂直居中的1010种方式（史上最全）
划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + cal...
2018-09-30 16:59:48
212
转载 Vue面试中，经常会被问到的面试题/Vue知识点整理
转载原文https://segmentfault.com/a/1190000016344599看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神不用浪费时间往下看）一、对于MVVM的理解...
2018-09-29 18:12:04
3922
原创 简单的css reset
@charset "utf-8";body,ul,ol,li,h1,h2,h3,h4,h5,input,p,button{ margin:0; padding:0;}html{ font-size: 62.5%;//根元素是10px；16*62.5%=10}body{ font:12px/1.5 'Microsoft YaHei','宋体'，Arial,sans-ser...
2019-07-23 09:40:17
220
原创 socket.io的在express中的基本使用和vue-soocket.io的使用
学习官网https://socket.io/docs/express下的socket.io的使用服务器端Sever.js下载cnpm install socket.io --save 引入使用，代码如下： var express=require("express");var app=express();var server=require("http").Server(app...
2019-07-19 22:45:22
464
原创 在vue中axios的全局使用
1.安装npm install axios2.使用 axios使用文档https://github.com/axios/axios按需引入：即在需要使用的组件页面引入import axios from 'axios'var url="http://www.baidu.com"this.axios.get(url).then( (response)=>{ ...
2019-07-16 17:51:59
347
原创 nodejs中的body-parser以及mongodb连接
const express=express("express");const app=express()1.express第三方中间件body-parser(获取post传值的中间件)下载：npm install body-parser --save 引入：const bodyParser=require("body-parser") 配置： app.use(bodyParse...
2019-07-09 15:13:28
282
原创 webstrom,Hbuilder配置scss
1.安装Ruby；2.在doc命令中安装sassgem install sass3.在C:\Ruby23\bin找到scss.bat的文件webStrom配置1.webstrom中找到File -> Settings -> Tools -> File Watchers -> + -> SCSS默认情况下，编译好的css文件是会直接生...
2019-04-03 21:55:50
363
原创 jq轮播图(单页轮播和无缝轮播)
单页轮播<div class="banner_view"> <ul class="banner_wrap"> <li><a href=""><img src="img/ad/1.jpg" alt="" /></a></li> <li><a href=""&g...
2019-03-26 16:32:19
380
原创 验证码样式
show_num 是取得从后台返回的验证码4位 html<div class="picCode"> <canvas id="canvas" width="128" height="50"></canvas></div>js function show(show_num){ var can
2018-11-19 16:03:11
3033
2
原创 Vue笔记(2)-列表渲染（未完）
.v-for:列表渲染 一、把一个数组对应为一组元素 1、v-for ：根据一组数组的选项列表进行渲染。 v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。<div id="app_1"> <ul> <li v-for="food...
2018-10-10 21:14:08
249
原创 Vue笔记(1)-数据绑定
1.数据绑定： 1).普通文本 {{msg}} <span>Message: 可更改的{{ msg }}</span><span v-once>Message:不可更改{{ msg }}</span> 2).HTML文本（ v-html指令）<p v-html="rawHtml"></p&g
2018-09-21 15:47:48
298
原创 ES6常用js方法
箭头函数特点： 1.不具备this和arguments 2.自己没有this就找上一级的this更改this指向的方法： 1.call，apply，bind 2.varthat=this 3.箭头函数=>function()转箭头函数的方法： 1.关键字function去掉，()和{}之间用=>连接， 2.若只有一...
2017-03-30 10:27:39
833
转载 echart属性介绍
theme= { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90
2016-12-29 11:11:48
2240
原创 css3渐变背景+背景图片
网站需要一个渐变背景上面有一副图片，在图片以外的区域显示背景色<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body,html{ width:100%
2016-12-16 14:29:52
3864
原创 canvas制图，正方形，圆形，以及圆的线性渐变（手机端页面）
html代码 css样式body,p,div{margin:0;padding: 0;}#main{text-align: center;position: relative;}p{display: inline-block;position: absolute;fo
2016-11-01 10:06:11
5108
转载 部分场合的css（隐藏元素和导航菜单）
1.CSS隐藏元素的几种方法 Opacity:元素本身依然占据它原本位置并对网页的布局起作用。它也将响应用户交互;.hide{opacity:0;} Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏; .hide{visibility:hidden;} Display:display 设为 none 任何对该元素直...
2016-10-17 11:11:41
564
原创 上传图片前将图片利用canvas进行压缩
我做的是上传食谱，上传餐品图片前需要将该图的质量进行压缩HTML代码<input type="file" name="headpic" id="headpicinput" style="display: none;" onchange="UpLoad(this)"/><div id="" class="cell"> <a href="javascr...
2016-10-10 14:00:05
6366
1
原创 将后台取到的数据保存到本地存储localStorage
1.首先从后台取数据。 function UsertypeSelect(userid){ $.ajax({ url: "staticOperationCtrl/GetSelectData", data: { "userid":userId }, success: function(data) { if (data != "") { var ob...
2016-09-14 15:42:07
13944
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人