- 博客(16)
- 收藏
- 关注
RSS订阅转载 VSCode中Vue的components组件名标签无法快捷闭合
背景：最近在学习vue时，看到网课老师在书写template时，html代码具有自动闭合标签的功能，然后自己在网上找了许多教程，发现这样的文章很少，自己就琢磨了下，才写了这篇博客供大家参考正文在js文件中书写这样的模板时，能够像书写HTML文件时使用tab键自动补全html代码，即自动生成闭合标签。教程如下：1. 依次打开 “文件 >> 首选项 >> 设置” 或者使用快捷方式：ctrl + shift + p 搜索“打开用户设置”2. 在搜索栏中搜索 “setting
2021-07-14 21:20:49
1402
转载 2021-05-06
<article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-b5506197d8.css"> ...
2021-05-06 14:48:03
109
转载 图片自适应父元素的大小，并左右上下居中
这种用法很常见，特记录一下。我用了两个不同大小的图片，存放图片的div都是等宽等高的。HTML如下： CSS如下：.pic { width: 120px; height: 120px; margin: 40px auto; border: 1px solid #ccc; text-align: center; padding: 5px;
2017-05-13 11:42:14
1225
原创 适配手机端的几种写法
1，rem布局，现在普遍常用的方法一般ui设计师给的页面都是640的，所以document.documentElement.clientWidth/6.4+"px";项目中，在ps中量的尺寸直接除以100,后面写rem就可以了。window.onload=function(){ //1.首次加载的时候 调用动态设置rem的api setRemSize(); wind
2017-05-11 17:38:10
4420
原创 Web开发人员必知的提升效率的jQuery代码
一、检测IE浏览器$(document).ready(function() {// Target Firefox 2 and aboveif ($.browser.mozilla && $.browser.version >= "1.8" ){ // do something}// Target Safariif( $.browser.safari
2017-02-21 16:37:11
235
原创 利用data-*属性与jq写动画
1.首先是html里的内容；data-animate里写的是json； 我是第一个2.通过脚本json遍历出来，实现动画效果 ani(); function ani() { console.log(1); var $ani = $(".ani"); for(var i = 0; i < $ani.length; i++)
2017-02-21 15:52:42
1017
原创 如何将canvas转化为图片
有时候，我们绘制好的canvas想存储为本地图片，该怎么做呢?canvas提供了一个重要的方法toDataURL()，这个方法能把画布里的图案转变成base64编码格式的png或者其他格式的图片(根据你传入的mine类型的参数)，然后返回 Data URL数据。下面是html中的canvas画布save 对应的js实现var c=document.getElemen
2017-02-21 15:30:05
17442
2
原创 收集的JavaScript代码
一、取URL中的参数①function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match && decodeURIComponent(match[1].rep
2017-02-21 14:02:17
279
转载 一个模拟手机手指滑动事件的jquery插件
个小的模拟手机手指滑动事件的jquery插件。具备左滑动、右滑动、上滑动、下滑动事件的功能。随手写的，会有很多不足，希望前端朋友们能够相互补充，完善。一下是代码，用法：需要对div加左滑动事件，$('div').swipeleft(function(){alert()});};就可以了，function是回调函数.;(function($){ $.fn.extend({//
2017-02-21 13:59:49
5646
原创 关于IE8兼容的一些问题
一.opacity在ie8中写会整个透明。opacity:0.7; //ie8++filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); //ie6——ie8二.渐变色filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9
2016-09-20 17:31:08
337
原创 认识BootStrap（一）
BootstrapBootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目，为所有开发者、所有应用场景而设计。包含预处理脚本、一个框架、多种设备和特性齐全。1、想要使用BootStrap，首先要链入JQuery和bootStrap的css 和Js文件 2、排版中的标题、页面主体、内联元素文本、对齐、大小写、地址等
2016-08-09 15:25:00
533
原创 Createjs的控件 BitMap、MovieClip、Sprite
Createjs控件一、BitMap控件 掌握了BitMap之后，我们可以快速的对图片做处理。 1、首先准备一张我们需要引入的照片，在HTML代码中引入easeljs文件。 2、使用canvas标签创建stage var stage = new createjs.Stage("canvas");
2016-07-18 16:51:26
3750
原创 认识createjs(二) Container容器及监听事件
Container 一、 Container是一个容器，可以包含Text、Bitmap、Shape、Sprite等其他的EaselJS元素。例如，你可以将手臂、腿部、躯干和头部聚在一起，把它们转换为一组，同时还可以将各个部分相对彼此移动。放在一个Container中方便统一管理，比如你要做一个按钮，按钮图形和上面的提示文字包含在一个Container中，便可以统一移动。1、首先还
2016-07-18 16:09:59
4744
5
原创 认识CreateJs（一）：添加文本图形
CreateJS一、认识CreateJS CreateJS是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉 的方式打造更具现代感的网络交互体验。 CreateJS 中包含五款工具： ①easeJS：用于 Sprites、动画、向量和位图的绘制，用来处理
2016-07-13 14:22:14
6477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人