2 Supreme_lwl

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 13w+

canvas常用方法总结

一、渲染上下文var canvas = document.getElementById('tutorial');//获得 2d 上下文对象var ctx = canvas.getContext('2d');二、绘制形状绘制矩形fillRect(x, y, width, height):绘制一个填充的矩形。strokeRect(x, y, width, height):绘制一个矩形的边框。clearRect(x, y, widh, height):清除指定的矩形区域,然后这块区域会变的

2020-08-01 15:15:46

React组件生命周期

旧版本一、挂载阶段组件将要挂载:componentWillMount组件挂载完成:componentDidMountconstructor(构造函数)–>componentWillMount(组件将要挂载)–>render(数据渲染)–>componentDidMount(组件挂载完成)二、更新阶段父组件中改变了props传值时触发的函数:componentWillReceiveProps是否要更新数据:shouldComponentUpdate将要更新数据:comp

2020-06-19 17:02:37

Vuex状态管理入门看完这篇就会了

一、Vuex概述概念​ Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的使用组件之间数据的共享。在组件的外部定义了一个全局的空间STORE用来存储数据,所有组件都可以访问这些数据,不需要复杂的数据传递。优点能够在vuex中集中管理共享的数据,易于开发和后期维护。能够高效地实现组件之间的数据共享,提高开发效率。存储在vuex中的数据都是响应式的,能够时时保持数据与页面的同步。什么数据适合存储到Vuex中一般情况下,只有组件之间共享的数据才有必要存储到vuex中。

2020-05-22 12:35:03

vue-cli 代码格式化(去掉代码末尾分号以及把双引号改成单引号)

在项目根目录新建一个文件:.prettierrc新增内容:{ “semi”:false,//分号 "singleQuote":true,//单引号}

2020-05-16 21:36:02

html5+css3+jquery实现实时进度条

效果:完整代码:<!DOCTYPE html><html><head> <title>进度条</title> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></scri...

2020-04-06 12:13:29

浅析JS原型与原型链

一、原型原型的出现,就是为了解决构造函数只能添加属性而不能添加方法的缺点。通过构造函数可以动态地给对象添加属性,但是却不能添加方法,其实是有点不合理的。原型对象:在声明了一个函数之后,浏览器会自动按照一定的规则创建一个对象,这个对象就叫做原型对象。这个原型对象其实是储存在了内存当中。二、prototype构造函数:通俗的一句话说,就是你在script标签里面声明的那个函数。prototy...

2020-03-31 12:56:23

使用html5的canvas绘制网格(详细注释,一看就会)

效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./arrow.js"></script></head&gt...

2020-03-27 22:10:21

html5+css3案例——仿瓢城旅行网

一、主页二、机票订购页面三、index.html<!DOCTYPE html><html><head> <title>瓢城旅行网</title> <meta charset="utf-8" /> <link href="css/index.css" rel="stylesheet" type="tex...

2020-03-26 18:06:27

深入理解JavaScript闭包以及应用场景

一、什么是闭包?闭包就是一个函数,它处于另一个函数中,并且可以访问它的外部函数中的变量。function fun(){ var n=0; return function(){ //这就是一个闭包,它可以使用变量n n++; console.log("n="+n); }}var f=fun(); f(); //输出:n=1 f(); /...

2020-03-26 11:54:28

vue-cli使用npm安装jquery第三方库报404解决方案

问题描述:jquery有很多第三方库很好用,但是在vue里面用npm安装时报404错误,于是只好把js库放在项目中,然后手动导入。本案例要在vue-cli中引入的是face-cursor.js。在Test.vue中导入jquery和jQuery-face-cursor.js插件,如下:<template> <div class="card"> ...

2020-03-25 22:15:09

android修改默认启动activity

找到AndroidManifest.xml文件把以下代码移动至你要运行的activity中 <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHE...

2020-03-25 16:53:13

android实现登录功能(使用Intent组件传递数据)

1.LoginActivity.javapackage com.example.helloandroid;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;im...

2020-03-25 16:47:36

web前端开发工程师模拟面试面经(一)

h5和css3新特性vue.js和jquery各自优缺点vue.js在html代码中交互的底层原理js垃圾回收机制闭包的优势和使用场景v-model底层原理bs的布局是怎样的移动端布局方案jqueryjs原型链js对象一定能访问父节点的属性吗js事件监听vue解决跨域:怎么实现的xss防范ant-design-...

2020-03-25 10:16:50

一文教你学会jQuery基础

一、jQuery语法基础语法: $(selector).action()文档就绪事件:$(document).ready(function(){ // 开始写 jQuery 代码... });简洁写法(与以上写法效果相同)$(function(){ // 开始写 jQuery 代码... });二、jQuery选择器元素选择器:$(“p”)...

2020-03-24 12:00:26

Ant-Design-Vue走马灯自定义next() prev()goTo()切换按钮

内容区域:加一个ref=“varousel”,任意取 <a-carousel class="varousel" ref="varousel"> <div><h3>1</h3></div> <div><h3>2</h3></div> ...

2020-03-19 19:19:38

html5 required属性实现表单验证效果

界面:代码:<!DOCTYPE html><html><head> <title>注册</title> <style type="text/css"> .login-form{ width: 400px; height: 300px; margin:100px auto; border...

2020-03-11 23:45:04

html5实现商品拖拽到购物车效果/drag

描述:从商品列表拖动商品到购物车之后,购物车将会增加一个商品,同时这个商品在商品列表中不会消失。如果购物车列表已经存在这个商品,则此次操作无效。主界面:代码:<!DOCTYPE html><html><head> <title>购物车</title> <style type="text/css"> .dra...

2020-03-11 23:42:03

html5 localstorage模拟数据库+js实现表格增删改操作

界面:html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>学生信息基本操作</title> <link href="css/index.css" rel="stylesheet" type="text/css"/&g...

2020-03-05 14:43:54

css3 transition实现图片轮播百叶窗效果

css3 transition实现图片轮播百叶窗效果:<!DOCTYPE html><!DOCTYPE html><html><head> <title>css3百叶窗</title> <style type="text/css"> *{margin:0;padding:0;} .contain...

2020-03-04 19:14:03

css3 transform实现两张图片翻转动态效果

问题描述:实现最开始是一张图片面向我们,一张图片面向下面,当鼠标移入时,两张图片同时沿X轴旋转90度。实现原理:首先把两张图片的位置摆放好,即一张图片是初始状态不用管,另一张图片沿X轴旋转-90度,并且位于底部。当鼠标移入时,将他们的父盒子设置沿X旋转90度。代码:<!DOCTYPE html><!DOCTYPE html><html><hea...

2020-03-04 10:52:19

查看更多

勋章 我的勋章
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。