Javascript
关注
分享
扫一扫
wx_lidysun
这个作者很懒，什么都没留下…
展开
-
uniapp小程序上传文件到阿里云oss
uniapp小程序上传文件到阿里云oss原创 2022-03-04 18:54:42 · 995 阅读 · 2 评论 -
js常见算法题
js常见算法题js判断字符串出现最多的字符function strMax(str){ var len = str.length; var obj = {} var target = ''; var count = 0; for (var i = 0; i < str.length; i++) { if(obj[str[i]]){ obj[str[i]] +=1; }else{ obj[str[i]] = 1; } } for(x in obj){ if(o原创 2021-06-25 17:53:57 · 614 阅读 · 0 评论 -
js面向对象
why 面向对象编程？面向美妞编程不行吗？so 先看下面向对象基本特性（可以理解为“优势”或“碉爆了”的意思）：封装：把客观的事物封装成抽象的类，并且类的方法和属性只让可信的类或者对象操作，对不可信的则进行隐藏。继承：通过继承创建的类称为“子类”或者“派生类”，继承的过程，是从一般到特殊的过程。多态：对象多功能，多方法，一个方法的多种表现。对象实例化方法原始模式：这样的写法有两个缺点，一是如果多生成几个（100个！）实例，写起来就非常麻烦；二是实例与原型之间，没有任何办法，可以看出没.原创 2021-04-13 16:29:21 · 117 阅读 · 0 评论 -
js禁止鼠标右键弹窗和F12查看源代码
js禁止鼠标右键弹窗和F12查看源代码原创 2021-03-10 20:13:02 · 442 阅读 · 0 评论 -
Vuex mapState mapGetters mapMutations mapActions 使用笔记
Vuex使用笔记store/index.js// store/index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// export default new Vuex.Store({export const store = new Vuex.Store({ state: { ...原创 2020-04-02 15:24:20 · 532 阅读 · 0 评论 -
express连接mysql
安装并引入mysql var mysql = require('mysql')npm install mysqlvar mysql = require('mysql');创建连接配置 createConnectionvar connection = mysql.createConnection({host: 'localhost', //数据库地址port: '3306',/...原创 2020-03-28 09:46:02 · 3413 阅读 · 2 评论 -
深入理解ES6箭头函数里的this，看这篇就够了
一，了解前须知1，箭头函数：出现的作用除了让函数的书写变得很简洁，可读性很好外；最大的优点是解决了this执行环境所造成的一些问题。比如：解决了匿名函数this指向的问题（匿名函数的执行环境具有全局性），包括setTimeout和setInterval中使用this所造成的问题。2，我们常见的window属性和方法有alter，document，parseInt，setTimeout，setI...原创 2020-02-25 11:15:46 · 5625 阅读 · 1 评论 -
HQUI 备份
Sass// incofont@font-face { font-family: 'iconfont'; /* project id 739021 */ src: url('http://at.alicdn.com/t/font_739021_bpoyyzho9er.eot'); src: url('http://at.alicdn.com/t/font_739021_bpoyy...原创 2018-10-22 11:24:27 · 465 阅读 · 0 评论 -
Javascript正则匹配文件名和文件后缀
//去除字符串前后空格String.prototype.trim = function() { return this.replace(/(^\s+)|(\s+$)/g, '');};//11位手机号格式化function telFormat(tel, space) { space = space ? space : ' '; return String(tel)...原创 2018-10-23 15:56:23 · 12249 阅读 · 0 评论 -
Vue计算属性详解：项目实战搜索排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-27 14:06:52 · 502 阅读 · 0 评论 -
元素滚动悬浮固定小插件fixedItem
//滚动悬浮 //fixedClass 配合元素固定的class类名 //target参照物，当滚动高度超过参照物时取消悬浮 //callback($item) 成功固定后的回调,$item为当前固定元素 $.fn.fixedItem = function(fixedClass,target,callback){ return $(this).each(function(){ ...原创 2018-12-04 11:21:16 · 423 阅读 · 0 评论 -
js闭包在实际开发中的应用
js闭包实际开发中应用闭包简单来说就是函数中的函数，也可以把它理解为一种现象，就是说一个函数要访问另外一个目标函数内部的变量，就要在目标函数中再定义一个函数（以此来把作用域链往下延长一段，目的就是为了利用js在找自由变量时,会沿着作用域链一级一级往上找的特点），并将这个定义的函数return出来，供外部使用。在实际开发中，闭包主要是用来封装变量，收敛权限 。代码function ...原创 2019-03-09 16:31:21 · 3862 阅读 · 0 评论 -
React状态提升
React状态提升React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通过props分发给子组件.子组建1class One extends React.Component { constructor(props) { super(props); } render(){ return ( ...原创 2019-03-15 15:26:35 · 246 阅读 · 0 评论 -
原生js实现jQuery parentsUntil 和 closest方法
需求很简单，如下图：点击表格内每行的删除按钮时删除该行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo2</title> <style> *{margin:0;paddin...原创 2019-03-26 17:31:51 · 1464 阅读 · 0 评论 -
Javascript原生实现id class tagName获取元素
JQuery固然很方便，但若抛开它，一样可以用原生javascript获取dom元素。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> *{margin:0;padding:0;} ...原创 2019-03-27 16:02:01 · 907 阅读 · 0 评论 -
css js 打印背景图
如果不对浏览器设置，直接打印时是无法打印背景图的。方法一 ：css@media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-c...原创 2019-04-03 14:56:20 · 3050 阅读 · 0 评论 -
css js 打印背景图
如果不对浏览器设置，直接打印时是无法打印背景图的。方法一 ：css@media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-c...原创 2019-04-03 14:56:20 · 2858 阅读 · 2 评论 -
滑动验证插件，兼容IE8
废话不多说，直接砸代码！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动验证</title> <style> .ui-slider-wrap { back...原创 2019-05-29 16:53:20 · 2187 阅读 · 1 评论 -
js数组求和、最大、最小值
<script> window.onload=function(){ var i; var x=0; var arr = new Array(); for(i=1;i<=10;i++){ arr[i-1]=i; document.write("i的当前循环值是："+arr[i-1]+原创 2016-06-29 17:21:08 · 8215 阅读 · 2 评论 -
Gulp配置实战
gulp项目实战配置原创 2017-09-29 17:17:49 · 599 阅读 · 0 评论 -
javascript原型遍历数组
javascript原型遍历数组原创 2017-07-19 23:17:24 · 404 阅读 · 0 评论 -
javascript 前增（减）量与后增（减）区别
javascript 前增（减）量与后增（减）区别原创 2016-09-28 18:03:46 · 758 阅读 · 0 评论 -
Bootstrap
终于下定决心来学习bootstrap了，2016-10-03。bootstrap安装 先看CDN：<!-- 放在head标签内 --><!-- 新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><!-- 可选的Bo原创 2016-10-13 15:12:30 · 5469 阅读 · 4 评论 -
javascript cookie
Javascript cookie使用心得原创 2016-10-11 10:56:41 · 324 阅读 · 0 评论 -
原生移动端滑动js
移动端滑动js原创 2016-09-21 11:17:34 · 2903 阅读 · 0 评论 -
js正则表达式
js正则表达式原创 2016-07-20 11:04:42 · 370 阅读 · 0 评论 -
jQuery on()给动态元素绑定事件
举例： $('.content').on('click', '.iconfont-heart', function() { $(this).toggleClass('iconfont-heart-empty iconfont-heart-full'); });解释： .content : 非动态添加的父级元素； iconfont-heart : content下面的原创 2016-07-20 14:55:54 · 944 阅读 · 0 评论 -
js/jq模拟点击事件
js/jq模拟点击事件原创 2016-07-28 10:18:23 · 1621 阅读 · 0 评论 -
js数组查找
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>array</title><meta name="description" content=""><meta name="keywords" conte原创 2016-07-06 14:38:53 · 2630 阅读 · 0 评论 -
定时跳转
定时跳转原创 2016-07-12 18:22:58 · 456 阅读 · 0 评论 -
Javascript switch语句
<script> var d = 7; //变量 switch(d){ //对哪个变量进行switch操作 case 1: //冒号，后无大括号 console.log('Monday'); break; case 2: console.log('Tuesday');原创 2016-10-28 11:49:29 · 890 阅读 · 0 评论 -
前端自动化工具grunt
grunt原创 2016-11-16 12:50:40 · 552 阅读 · 0 评论 -
webpack傻瓜入门教程
webpack傻瓜入门教程原创 2017-02-13 15:22:09 · 3950 阅读 · 1 评论 -
angular基础（一）
angular基础教程原创 2017-02-08 18:09:39 · 576 阅读 · 0 评论 -
react入门教程
react入门教程原创 2017-02-07 18:13:22 · 746 阅读 · 0 评论 -
css万能居中方法
CSS万能居中原创 2016-07-06 11:41:07 · 1406 阅读 · 0 评论 -
Javascript函数封装
Javascript函数封装原创 2016-09-10 00:08:17 · 1210 阅读 · 0 评论 -
javascript 数组常用方法
<script>var arr1 = ["sun","li","ye"];var arr2 = ["sun2","li2","ye2"];var arr3 = [5,1,8,12,65,23];var a = arr1.concat(arr2); // concat合并数组，返回新数组console.log(a,typeof(a));var b = a.join('-') //join用特原创 2016-11-02 15:38:21 · 377 阅读 · 0 评论 -
Javascript 显示在线时间
javascript时间原创 2016-11-02 14:37:31 · 467 阅读 · 0 评论 -
Javascript 错误处理：try throw catch
Javascript 错误处理：try throw catch原创 2016-11-02 11:38:50 · 352 阅读 · 0 评论