LKFOOD-CSDN博客

原创 CSS常用布局方式-两列布局、三列布局

一.关于HTML基础二.CSS基础2.几种布局方式1）table布局当年主流的布局方式，第一种是通过table tr td布局示例：<style type="text/css"> table{ width: 800px; height: 300px; border-collapse: collapse; } .left{ backgr...

2019-11-02 09:52:49 940 1

转载 video标签在手机端（IOS）使用注意事项

公众号开发过程中遇到一个问题，使用video标签播放MP4格式的视频时，ios的浏览器播放失败，而安卓浏览器正常播放；分析原因得到：由于视频文件过大（接近800M），导致在ios端解析失败；解决办法：使用了工具（格式工厂—免费软件）进行处理，将视频压缩成100多兆，成功播放；同时注意ios端点击播放时，会自动全屏，用户体验不好，遂找了一些解决办法，直接转载过来，以便回头复习；原文路径： ...

2019-11-02 09:44:36 3117 1

原创 AMD，CMD，CommonJS区别

/*AMD 异步模块定义RequireJS推广过程中对模块化定义的规范化的产出，是一个概念特点：define()定义,依赖前置，异步定义,return输出*/define(['package/lib'], function(lib){ function getInfo() { lib.log(1111) }, return: { //输出模块 getInfo: get...

2019-10-30 10:16:59 154

原创微信小程序入门

1.注册微信小程序https://mp.weixin.qq.com/cgi-bin/wx 前往注册，步骤：账号信息—邮箱激活—信息登记2.下载微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3.微信扫码登陆成功安装开发者工具之后，需要微信扫码登陆，选择小程序，新建项目，...

2019-04-08 10:37:28 177

原创 CSS学习笔记二

transition动画（过渡动画）和keyframes动画1.transition动画首先介绍一些transition的一些属性：transition-duration：完成动画所需要的时间——默认为0，动画效果无效，所以一定要设置一个时间transition-delay：动画延迟多久开始transition-property：动画效果的css属性的名称如width height等...

2019-03-27 17:40:08 155

原创 CSS学习笔记一

CSS-Sprite 雪碧图所谓雪碧图其实就是把一些小图片或者图标集中放在一张图片上，真实项目中主要功能就是可以减少http请求准备工作：代码：简单实现原理<!DOCTYPE html><html><head> <title>sprite</title> <style type="text/css"> ...

2019-03-27 17:16:43 116

记一次小白痛苦的踩坑经历····VUE项目中个人感觉还是使用vue官方提供的vue-cli脚手架来构建项目的人比较多，相关的文档也总结了很多，而我的项目是采用vue-ssr即服务器端渲染，项目架构来源与尤大在git-hub上的开源项目——vue-hackernews-2.0，想了解的自行在git-hub上搜索本篇主要来记录一下项目部署的流程：1.项目在本地开发完成后，需要打包编译，执行以下命...

2019-03-27 10:14:29 6599

原创 vue+ssr 项目踩坑...

记录一些在项目过程中遇到的问题以及解决办法1.组件开发对于可重复复用的样式或结构，直接开发成对应的component，在vue组件中直接引用例如：header部分创建组件：1）可在项目目录中新建一个components目录，用来存放各个公用的组件2）新建一个header.vue文件（注：vue项目中所有的组件都是.vue结尾的文件）包含三部分：<template> ...

2019-03-20 19:04:45 3752 1

原创 VUE入门

VUE环境准备@TOC1.安装node.js官网：https://nodejs.org/en/1）选择对应系统的版本，下载安装（选择默认安装即可）2）安装完成后查看环境变量是否配置成功：win+R，输入cmd打开命令行，输入path查看。或者通过命令行键入：node -v和npm-v查看（注：npm是node.js的包管理器，所以安装node.js会默认安装npm）2.安装Chr...

2019-02-28 13:12:16 275

LKFOOD的博客