- 博客(20)
- 收藏
- 关注
原创 Vite 的全景:颠覆前端开发的新潮流
Vite是一个基于Vue.js的构建工具,专注于提供快速的开发环境和高性能的构建产物。其独特的架构和设计理念使其在开发过程中展现出惊人的灵活性和效率。
2024-02-04 09:43:22
373
原创 7个高性能JavaScript代码高亮插件
对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter – 最优秀的JavaScript代码...
2019-12-25 09:59:09
310
原创 JavaScript 运行机制
JavaScript 是单线程语言JavaScript 的 Event loop 是 JS 的执行机制为什么JavaScript 是单线程的?现在如果有两个任务一个删除DOM节点,一个是增加DOM节点,浏览器该如何执行?所以JavaScript是单线程的。同步任务和异步任务JavaScript 分为 同步任务 和 异步任务同步任务在主线程执行异步任务 会添加到 event ta...
2019-12-25 09:54:38
156
原创 Vue清除定时器方法
方法1data() { return { timer: null // 定时器名称 } },this.timer = (() => { // 某些操作}, 1000)beforeDestroy() { clearI...
2019-09-12 16:16:14
10574
原创 CSS 滚动条样式修改
/*滚动条样式*/::-webkit-scrollbar { width: 4px; height: 14px;}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-radius: 999px; /*border: 10px solid transparent;*/}/*定义滚动条轨...
2019-08-15 16:22:58
388
原创 iview 中日期选择器限制选择区间的方法
iview 中日期选择器限制选择区间的方法<template> <div> <Date-picker v-model="startTime" :options="startTimeOption" @on-change="onStartTimeChange" ...
2019-07-31 10:12:32
3083
原创 JavaScript 中 apply() 和 call() 方法的区别
构成函数主体的JavaScript 代码在定义之时并不会执行, 只有调用该函数时, 他们才会执行。有四种方法来调用JavaScript函数:作为函数作为方法作为构造函数通过他们的 call() 和 apply()方法间接调用在这里简单总结一下 call() 和 apply() 方法的应用。描述apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.app...
2019-04-04 11:40:44
169
原创 Vue项目中父子组件通信
在 vue-cli 构建的项目中实现父子组件通信父组件&amp;amp;amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;dropList ref=&amp;amp;amp;amp;amp;amp;quot;dropList&amp;amp;amp;amp;amp;amp;quot;
2019-03-05 01:27:50
329
原创 Vue 深度作用选择器
在 vue 写 css 样式的时候 使用 scoped 后,父组件的样式将不会渗透到子组件中.如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 &gt;&gt;&gt; 操作符:&lt;style scoped&gt;.a &gt;&gt;&gt; .b { /* ... */ }&lt;/style&am
2019-03-05 00:59:00
988
原创 vue 组件命名
组件命名约定当注册组件 (或者 prop) 时,可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。在 HTML 模板中,请使用 kebab-case:// 在组件定义中components: { // 使用 kebab-case 注册 'kebab-cased-component': { /* ...
2018-12-11 23:29:07
3773
1
原创 js 时间戳转日期..
js 时间戳转日期//val 时间戳 changeTime(val) { var unixTimestamp = new Date(val); Date.prototype.toLocaleString = function () { return this.getFullYear() + “-” + (this.getMonth() + 1) +...
2018-05-21 16:28:23
165
原创 wamp修改MySQL密码后PHPmyadmin报错
找到phpmyadmin的根目录D:\wamp\apps\phpmyadmin4.1.14,找到config.inc.php这个文件将其打开 搜索password , 在cfg[′Servers′][cfg['Servers'][i][‘password’] = ’ ’ 中输入你的密码/* Authentication type */$cfg['Servers'][$i]['verbose']
2018-04-30 23:47:09
296
原创 option根据数据设置为selected
script> var nav_num = document.getElementById('nav_num'); var options = document.getElementsByTagName('option'); for(i=0;i<options.length;i++) { if (options[i].value == nav_num.valu
2018-01-13 13:24:10
655
原创 THINKPHP5 使用PHPEXCEL将EXCEL导入数据库 实例
一.准备文件1.下载 PHPEXCEL PHPEXCEL-github下载地址; 2.整理文件 提取文件 PHPExcel-1.8 下的 Classes 改名为 PHPExcel 放入 thinkphp框架下的extend. 目录结构如下 二.PHP代码1.在index/controller文件夹下创建Te.php/** * Created by PhpStor
2018-01-12 15:47:22
11785
6
原创 Thinkphp5 日期与时间戳相互转换
日期转换为时间戳$date="2013-10-01 12:23:14";dump(strtotime($date)); //=>1380601394时间戳 转换为日期{$date|date="y-m-d",###} //=>2013-10-01
2018-01-11 17:50:43
28976
原创 ajax
//ajax获取数据列表 $.ajax({ //type: "post", dataType: "json", //data: {cateid: id}, url: "{:url('Cname/mname')}", success: function (data) { //alert(d
2018-01-09 16:23:22
137
原创 CSS Reset
//ajax获取数据列表 $.ajax({ //type: "post", dataType: "json", //data: {cateid: id}, url: "{:url('Cname/mname')}", success: function (data) { //alert(d
2018-01-09 16:20:15
129
原创 CSS Reset
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s
2018-01-06 16:37:28
162
原创 jquery 点击事件切换样式
jquery 点击事件切换样式 $('#FatherName').on('click', '.ClassName', function(e){ $('.ClassName').removeClass('active'); $(this).addClass('active'); });
2017-12-31 09:59:33
8421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人