
前端
文章平均质量分 62
奋斗吧,小码农
做一个有志向的前端小码农
展开
-
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 · 5109 阅读 · 0 评论 -
简单的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 · 221 阅读 · 0 评论 -
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 · 250 阅读 · 0 评论 -
CSS实现水平垂直居中的1010种方式(史上最全)
划重点,这是一道面试必考题,很多面试官都喜欢问这个问题,我就被问过好几次了要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + cal...转载 2018-09-30 16:59:48 · 212 阅读 · 0 评论 -
Vue面试中,经常会被问到的面试题/Vue知识点整理
转载原文https://segmentfault.com/a/1190000016344599看看面试题,只是为了查漏补缺,看看自己那些方面还不懂。切记不要以为背了面试题,就万事大吉了,最好是理解背后的原理,这样面试的时候才能侃侃而谈。不然,稍微有水平的面试官一看就能看出,是否有真才实学还是刚好背中了这道面试题。(都是一些基础的vue面试题,大神不用浪费时间往下看)一、对于MVVM的理解...转载 2018-09-29 18:12:04 · 3925 阅读 · 0 评论 -
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 · 299 阅读 · 0 评论 -
上传图片前将图片利用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 · 6367 阅读 · 1 评论 -
css3渐变背景+背景图片
网站需要一个渐变背景上面有一副图片,在图片以外的区域显示背景色<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body,html{ width:100%原创 2016-12-16 14:29:52 · 3864 阅读 · 0 评论 -
将后台取到的数据保存到本地存储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 · 13957 阅读 · 0 评论 -
部分场合的css(隐藏元素和导航菜单)
1.CSS隐藏元素的几种方法 Opacity:元素本身依然占据它原本位置并对网页的布局起作用。它也将响应用户交互;.hide{opacity:0;} Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外,元素在读屏软件中也会被隐藏; .hide{visibility:hidden;} Display:display 设为 none 任何对该元素直...转载 2016-10-17 11:11:41 · 566 阅读 · 0 评论 -
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 · 283 阅读 · 0 评论