自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (1)
  • 收藏
  • 关注

原创 runtimecompiler和runtimeonly的区别(vue-cli)

(1)区别 在src文件夹中的main.js中 - runtimecompiler: template 解析 ast(抽象语法树)编译 render —> v-dom —> ui - runtimeonly: render —> v-dom —> ui(2)runtimeonly的优点 ① 性能更高 ② 代码量更少(3) render函数runtimeonly中的main.js文件中并没有template 解析 ast(抽象语法树)编译 rend..

2020-10-05 14:54:41 261

原创 判断一个对象是不是数组类型,共有几种方式?(附赠type封装方法)

1. 判断一个对象是不是数组类型,一共有六种方法,分别是:(1) Array.prototype.isPrototypeOf(arr) // 返回布尔值作用:检测括号中的值是否具有数组的原型 Array.prototype(2) arr instanceof Array // 返回布尔值作用:前者arr是不是构造函数Array构造出来的(3) Object.getPrototypeOf(arr) === Array.prototype // 返回布尔值作用: Ob

2020-10-04 20:06:38 665

原创 Vue组件之间的通信(js版)

知识点:Vue父子组件之间的通信,Vue父子组件之间通信的双向绑定父子组件之间的通信1.父传子 <div id="app"> <my-cpn-f></my-cpn-f> </div> <template id="cpp1"> <div> <p>这是一个父组件</p> <p>{{message}}</p> // 这是父组件上.

2020-10-01 10:52:19 215

原创 javascript库---去除字符串前后的空格

function clearStrBeforeAfterBlank(str){ var str_arr = str.split(' '); var new_str_num = []; var new_str_arr = []; var new_str = ''; for(var i = 0; i < str_arr.length; i++){ if(str_arr[i] != ''){ new_str_num.push(i); } }..

2020-05-12 15:21:59 198

原创 导航栏的响应式布局

知识点:css3媒体查询表达式,rem单位html代码 <ul> <li> <a href="#">推荐</a> </li> <li> <a href="#">热点新闻</a> </li> <li> <a href="#">影...

2020-04-22 17:58:24 1140

原创 animation

function moveFont(textId,user_x,user_y,user_s,timer){ //兼容性检测 if(!document.getElementById) return false; if(!document.getElementById(textId)) return false; let p_font = document.getEleme...

2020-04-20 20:54:02 112

原创 js移动动画封装

function moveFont(textId,user_x,user_y,timer){ //兼容性检测 if(!document.getElementById) return false; if(!document.getElementById(textId)) return false; //查询计算样式 function getStyle(elem,pro...

2020-04-20 19:39:18 143

原创 缩略语列表获取脚本

//缩略语列表function theThumbnailList(){ //兼容性检查 if(!document.getElementsByTagName) return false; if(!document.createElement) return false; //获取文本中abbr元素 let abbr_text = document.getElementsByTagName...

2020-04-17 20:52:21 148

原创 用jQuery封装的Ajax把json数据展示到页面中去

实现一个聊天页面我们下来看一下效果图中的聊天信息先把它放在json数据中,通过jQuery封装的Ajax来把数据拿过来,再把它展示到页面中去,分为以下几步为了方便操作,我们直接使用php study集成环境来搭建服务器,当然也可以使用其他的服务器我们在php study中在开启Apache服务器后,然后搭建一个网站,设置一个域名,端口号用来访问页面我们需要把用到的文件放到网站根目录里...

2020-04-17 17:10:45 390

原创 通过图片查看器案例了解最佳实践

本次案例我将通过一个很简单的图片查看器的例子来和大家一起来了解一下最佳实践首先我们先来看一下最终效果这个例子非常简单,首先用html和css来做布局,比如先做成这个 样子然后利用js技术来实现图片的点击切换,最终可以实现切换的样子这些都是很简单的就在这里不说了,我们主要通过这个案例来了解一下最佳实践凡是做事情都要为自己留一条后路,这在最佳实践中被称为平稳退化;我们都知道现在还是有...

2020-04-10 22:59:22 186

原创 模拟服务端传过来的数据如何显示在页面中

模拟服务端传过来的数据如何显示在页面中我们假设一个买水果网页上有一栏目是显示今天的热销水果的假设这里显示三个热销水果,最后的结果如下3. 当然上面的图片,文字都是假设服务端数据库取来的,我们把他先是出来4. 首先就是框架的布局(假设是这样的,大家还可以更加美化一点)5. 下来我们就把数据传过去(下面假设是我们接收过来的数据并已将字符串转化成json数据) //从服务端拿来的数据...

2020-03-30 18:56:33 347

原创 css3实现开门动画

css3实现开门动画效果今天我们使用css3实现以下开门动画,首先我们来看一下效果图接下来我们来实现一下这个效果先进行布局,布局的实现由很多种,这里我们需要position和float进行布局,首先先把门放到正中央,我们可以利用以下代码实现 width: 300px; height: 300px; position: absolute;...

2020-03-29 14:18:31 1803

原创 css3滤镜

实现CSS 3中的滤镜特效① 了解滤镜特效1) 滤镜特效是指在页面被渲染之后在页面中某个局部呈现的一些特殊的视觉效果2)滤镜特效来源于SVG(Scalable Vector Graphics,可缩放矢量图形)标准3)在SVG中,使用一个内置各种滤镜特效的元素来实现滤镜特效,在CSS 3中,使用一个图形模型来定义滤镜,开发者可直接使用样式代码来实现滤镜② 实现滤镜特效(-webkit-/...

2020-03-22 20:29:51 162

原创 函数和初始作用域

函数(1) 编码规则:高内聚,弱耦合(冗余度小)(2) 函数是一个特殊类对象(3) 函数的表示 ① 函数声明 function 函数名() {} ② 函数表达式(匿名) (表达式会忽略自己的名字)var 变量名 = function (){} ③ 函数名/变量名.name = 函数名(4) 函数参数 ① 传参形式说明function demo(a,b){} ==...

2020-03-13 19:29:20 118

原创 typeof和类型转换

编程形式① 面向过程② 面向对象③ Js既面向过程又面向对象typeof(数据)1)typeof(数据)返回该数据是什么类型的2)写法: ① typeof(数据) ② typeof 数据3)typeof(数据)可以返回6个值(number,string,boolean,object,undefined,function),这六个值都是字符串类型的4)nul...

2020-03-09 22:49:24 159

原创 语句二,初始引用值

break语句:终止当前循环,并跳出当前循环;break语句必须写在循环里面continue语句:终止本次循环,并进行下一次循环初始引用值①数组②对象实例解析①计算2的n次幂,n可输入,n为自然数 var n = parseInt(window.prompt('请输入一个数字,此数必须为自然数')); var mul = 1; for( var i = 0...

2020-03-08 21:16:21 92

原创 比较运算符,逻辑运算符,语句一

一切数据结构都可以比较字符串之间的比较,比较的是ASCLL码ascllI码是7位二进制数,ascllII码是8位二进制数非数(NaN)不等于任何东西(包括自己)逻辑运算符(1) 与运算(&&)(碰到假就停)① 与运算会先看它最前面的表达式转化为Boolean是否为真,如果为真,则向后继 续看,如果只有两个表达式,那么返回第二个表达式的值;如果...

2020-03-08 21:10:44 164

原创 js引入,js变量和运算符

页面级的js不管写在页面的哪里都可以企业项目开发要求:结构(html),样式(css),行为(js)相分离不要既写外部js,又写内部js;如果两个都写,则外部js生效声明多个变量时,每个变量之间应该换行变量名必须以字母,$,_开头变量名可以由字母,$,_,数字组成变量名不能用关键字和保留字值类型(数据类型)1)原始值(Number,String,Bo...

2020-03-06 22:28:14 86

原创 js发展历史与基础

最早的浏览器是WWW浏览器Mosaic浏览器是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器,于1993年问世浏览器组成部分:1)shell部分(外壳)2)内核部分 ① 渲染引擎(语法规则和渲染) ② Js引擎 ③ 其他模块Js引擎说明1)IE6首次实现对js引擎的优化和分离(2001)2)Chrome发布后使用优化后的js引擎(v8引擎:可以直接...

2020-03-06 22:14:06 158

原创 PHP 7 + IIS服务器的安装配置

PHP 7的安装和配置(一)php 7 的安装与配置在网址栏输入php官网地址https://www.php.net/,进入官网;点击左上方的Downloads;进去后点击最新版php7.4.1中的windows downloads;进去后找到Binaries and sources Releases,下拉菜单找到VC15 x86 Non Thread Safe;点击后跳转至...

2020-01-20 13:55:39 797

原创 javascript数据类型思维导图

javascript数据类型参考书本:javascript高级程序设计(第三版)

2019-10-26 12:52:04 201

StarRating.vue

1. 用hbuilder-x新建uni-app项目 2. 在项目下建立目录components,并将StarRating.vue文件放入 3. 在要使用的组件中使用 导入:import StarRating from '目录地址' 注册:components:{StarRating} 使用: <star-rating :star_score=score></star-rating> data() { return { score:[8.4,10,0.4,3.5,6.7,8.4,5.7,1] } }

2021-03-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除