- 博客(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
317
原创 判断一个对象是不是数组类型,共有几种方式?(附赠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
762
原创 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
285
原创 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
258
原创 导航栏的响应式布局
知识点:css3媒体查询表达式,rem单位 html代码 <ul> <li> <a href="#">推荐</a> </li> <li> <a href="#">热点新闻</a> </li> <li> <a href="#">影...
2020-04-22 17:58:24
1272
原创 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
162
原创 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
200
原创 缩略语列表获取脚本
//缩略语列表 function theThumbnailList(){ //兼容性检查 if(!document.getElementsByTagName) return false; if(!document.createElement) return false; //获取文本中abbr元素 let abbr_text = document.getElementsByTagName...
2020-04-17 20:52:21
201
原创 用jQuery封装的Ajax把json数据展示到页面中去
实现一个聊天页面 我们下来看一下效果 图中的聊天信息先把它放在json数据中,通过jQuery封装的Ajax来把数据拿过来,再把它展示到页面中去,分为以下几步 为了方便操作,我们直接使用php study集成环境来搭建服务器,当然也可以使用其他的服务器 我们在php study中在开启Apache服务器后,然后搭建一个网站,设置一个域名,端口号用来访问页面 我们需要把用到的文件放到网站根目录里...
2020-04-17 17:10:45
458
原创 通过图片查看器案例了解最佳实践
本次案例我将通过一个很简单的图片查看器的例子来和大家一起来了解一下最佳实践 首先我们先来看一下最终效果 这个例子非常简单,首先用html和css来做布局,比如先做成这个 样子 然后利用js技术来实现图片的点击切换,最终可以实现切换的样子 这些都是很简单的就在这里不说了,我们主要通过这个案例来了解一下最佳实践 凡是做事情都要为自己留一条后路,这在最佳实践中被称为平稳退化;我们都知道现在还是有...
2020-04-10 22:59:22
240
原创 模拟服务端传过来的数据如何显示在页面中
模拟服务端传过来的数据如何显示在页面中 我们假设一个买水果网页上有一栏目是显示今天的热销水果的 假设这里显示三个热销水果,最后的结果如下 3. 当然上面的图片,文字都是假设服务端数据库取来的,我们把他先是出来 4. 首先就是框架的布局(假设是这样的,大家还可以更加美化一点) 5. 下来我们就把数据传过去(下面假设是我们接收过来的数据并已将字符串转化成json数据) //从服务端拿来的数据...
2020-03-30 18:56:33
407
原创 css3实现开门动画
css3实现开门动画效果 今天我们使用css3实现以下开门动画,首先我们来看一下效果图 接下来我们来实现一下这个效果 先进行布局,布局的实现由很多种,这里我们需要position和float进行布局,首先先把门放到正中央,我们可以利用以下代码实现 width: 300px; height: 300px; position: absolute; ...
2020-03-29 14:18:31
2203
原创 css3滤镜
实现CSS 3中的滤镜特效 ① 了解滤镜特效 1) 滤镜特效是指在页面被渲染之后在页面中某个局部呈现的一些特殊的视觉效果 2)滤镜特效来源于SVG(Scalable Vector Graphics,可缩放矢量图形)标准 3)在SVG中,使用一个内置各种滤镜特效的元素来实现滤镜特效,在CSS 3中,使用一个图形模型来定义滤镜,开发者可直接使用样式代码来实现滤镜 ② 实现滤镜特效(-webkit-/...
2020-03-22 20:29:51
229
原创 函数和初始作用域
函数 (1) 编码规则:高内聚,弱耦合(冗余度小) (2) 函数是一个特殊类对象 (3) 函数的表示 ① 函数声明 function 函数名() {} ② 函数表达式(匿名) (表达式会忽略自己的名字)var 变量名 = function (){} ③ 函数名/变量名.name = 函数名 (4) 函数参数 ① 传参形式说明 function demo(a,b){} ==...
2020-03-13 19:29:20
162
原创 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
248
原创 语句二,初始引用值
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
131
原创 比较运算符,逻辑运算符,语句一
一切数据结构都可以比较 字符串之间的比较,比较的是ASCLL码 ascllI码是7位二进制数,ascllII码是8位二进制数 非数(NaN)不等于任何东西(包括自己) 逻辑运算符 (1) 与运算(&&)(碰到假就停) ① 与运算会先看它最前面的表达式转化为Boolean是否为真,如果为真,则向后继 续看,如果只有两个表达式,那么返回第二个表达式的值;如果...
2020-03-08 21:10:44
207
原创 js引入,js变量和运算符
页面级的js不管写在页面的哪里都可以 企业项目开发要求:结构(html),样式(css),行为(js)相分离 不要既写外部js,又写内部js;如果两个都写,则外部js生效 声明多个变量时,每个变量之间应该换行 变量名必须以字母,$,_开头 变量名可以由字母,$,_,数字组成 变量名不能用关键字和保留字 值类型(数据类型) 1)原始值(Number,String,Bo...
2020-03-06 22:28:14
133
原创 js发展历史与基础
最早的浏览器是WWW浏览器 Mosaic浏览器是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器,于1993年问世 浏览器组成部分: 1)shell部分(外壳) 2)内核部分 ① 渲染引擎(语法规则和渲染) ② Js引擎 ③ 其他模块 Js引擎说明 1)IE6首次实现对js引擎的优化和分离(2001) 2)Chrome发布后使用优化后的js引擎(v8引擎:可以直接...
2020-03-06 22:14:06
207
原创 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
949
StarRating.vue
2021-03-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅